bkui-vue 0.0.3-beta.6 → 1.0.1

package/lib/code-diff/index.js

@@ -1,9 +1,131 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import "./code-diff.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 /******/ var __webpack_modules__ = ({
 
+/***/ 9003:
+/***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => {
+
+/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9601);
+/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2609);
+/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `:host,:root{--d2h-bg-color:#fff;--d2h-border-color:#ddd;--d2h-dim-color:rgba(0,0,0,.3);--d2h-line-border-color:#eee;--d2h-file-header-bg-color:#f7f7f7;--d2h-file-header-border-color:#d8d8d8;--d2h-empty-placeholder-bg-color:#f1f1f1;--d2h-empty-placeholder-border-color:#e1e1e1;--d2h-selected-color:#c8e1ff;--d2h-ins-bg-color:#dfd;--d2h-ins-border-color:#b4e2b4;--d2h-ins-highlight-bg-color:#97f295;--d2h-ins-label-color:#399839;--d2h-del-bg-color:#fee8e9;--d2h-del-border-color:#e9aeae;--d2h-del-highlight-bg-color:#ffb6ba;--d2h-del-label-color:#c33;--d2h-change-del-color:#fdf2d0;--d2h-change-ins-color:#ded;--d2h-info-bg-color:#f8fafd;--d2h-info-border-color:#d5e4f2;--d2h-change-label-color:#d0b44c;--d2h-moved-label-color:#3572b0;--d2h-dark-color:#e6edf3;--d2h-dark-bg-color:#0d1117;--d2h-dark-border-color:#30363d;--d2h-dark-dim-color:#6e7681;--d2h-dark-line-border-color:#21262d;--d2h-dark-file-header-bg-color:#161b22;--d2h-dark-file-header-border-color:#30363d;--d2h-dark-empty-placeholder-bg-color:hsla(215,8%,47%,.1);--d2h-dark-empty-placeholder-border-color:#30363d;--d2h-dark-selected-color:rgba(56,139,253,.1);--d2h-dark-ins-bg-color:rgba(46,160,67,.15);--d2h-dark-ins-border-color:rgba(46,160,67,.4);--d2h-dark-ins-highlight-bg-color:rgba(46,160,67,.4);--d2h-dark-ins-label-color:#3fb950;--d2h-dark-del-bg-color:rgba(248,81,73,.1);--d2h-dark-del-border-color:rgba(248,81,73,.4);--d2h-dark-del-highlight-bg-color:rgba(248,81,73,.4);--d2h-dark-del-label-color:#f85149;--d2h-dark-change-del-color:rgba(210,153,34,.2);--d2h-dark-change-ins-color:rgba(46,160,67,.25);--d2h-dark-info-bg-color:rgba(56,139,253,.1);--d2h-dark-info-border-color:rgba(56,139,253,.4);--d2h-dark-change-label-color:#d29922;--d2h-dark-moved-label-color:#3572b0}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;background-color:var(--d2h-file-header-bg-color);border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--d2h-file-header-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;padding:5px 10px}.d2h-file-header.d2h-sticky-header{position:sticky;top:0;z-index:1}.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin-left:auto}.d2h-lines-added{border:1px solid #b4e2b4;border:1px solid var(--d2h-ins-border-color);border-radius:5px 0 0 5px;color:#399839;color:var(--d2h-ins-label-color);padding:2px;text-align:right;vertical-align:middle}.d2h-lines-deleted{border:1px solid #e9aeae;border:1px solid var(--d2h-del-border-color);border-radius:0 5px 5px 0;color:#c33;color:var(--d2h-del-label-color);margin-left:1px;padding:2px;text-align:left;vertical-align:middle}.d2h-file-name-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;width:100%}.d2h-file-name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.d2h-file-wrapper{border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;margin-bottom:1em}.d2h-file-collapse{-webkit-box-pack:end;-ms-flex-pack:end;cursor:pointer;display:none;font-size:12px;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;padding:4px 8px}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff;background-color:var(--d2h-selected-color)}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:13px;width:100%}.d2h-files-diff{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.d2h-file-diff{overflow-y:hidden}.d2h-file-diff.d2h-d-none,.d2h-files-diff.d2h-d-none{display:none}.d2h-file-side-diff{display:inline-block;overflow-x:scroll;overflow-y:hidden;width:50%}.d2h-code-line{padding:0 8em;width:calc(100% - 16em)}.d2h-code-line,.d2h-code-side-line{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.d2h-code-side-line{padding:0 4.5em;width:calc(100% - 9em)}.d2h-code-line-ctn{background:none;display:inline-block;padding:0;word-wrap:normal;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:pre;width:100%}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba;background-color:var(--d2h-del-highlight-bg-color)}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;display:inline-block;margin-top:-1px;-webkit-text-decoration:none;text-decoration:none}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;background-color:var(--d2h-ins-highlight-bg-color);text-align:left}.d2h-code-line-prefix{background:none;display:inline;padding:0;word-wrap:normal;white-space:pre}.line-num1{float:left}.line-num1,.line-num2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:3.5em}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);color:var(--d2h-dim-color);cursor:pointer;display:inline-block;position:absolute;text-align:right;width:7.5em}.d2h-code-linenumber:after{content:"\\200b"}.d2h-code-side-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);color:var(--d2h-dim-color);cursor:pointer;display:inline-block;overflow:hidden;padding:0 .5em;position:absolute;text-align:right;text-overflow:ellipsis;width:4em}.d2h-code-side-linenumber:after{content:"\\200b"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;background-color:var(--d2h-empty-placeholder-bg-color);border-color:#e1e1e1;border-color:var(--d2h-empty-placeholder-border-color)}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;background-color:var(--d2h-del-bg-color);border-color:#e9aeae;border-color:var(--d2h-del-border-color)}.d2h-ins{background-color:#dfd;background-color:var(--d2h-ins-bg-color);border-color:#b4e2b4;border-color:var(--d2h-ins-border-color)}.d2h-info{background-color:#f8fafd;background-color:var(--d2h-info-bg-color);border-color:#d5e4f2;border-color:var(--d2h-info-border-color);color:rgba(0,0,0,.3);color:var(--d2h-dim-color)}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0;background-color:var(--d2h-change-del-color)}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded;background-color:var(--d2h-change-ins-color)}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{-webkit-text-decoration:none;text-decoration:none}.d2h-file-list-wrapper a,.d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;margin:0;padding:0}.d2h-file-list>li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--d2h-border-color);margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;display:none;font-size:10px}.d2h-icon{margin-right:10px;vertical-align:middle;fill:currentColor}.d2h-deleted{color:#c33;color:var(--d2h-del-label-color)}.d2h-added{color:#399839;color:var(--d2h-ins-label-color)}.d2h-changed{color:#d0b44c;color:var(--d2h-change-label-color)}.d2h-moved{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-tag{background-color:#fff;background-color:var(--d2h-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px}.d2h-deleted-tag{border:1px solid #c33;border:1px solid var(--d2h-del-label-color)}.d2h-added-tag{border:1px solid #399839;border:1px solid var(--d2h-ins-label-color)}.d2h-changed-tag{border:1px solid #d0b44c;border:1px solid var(--d2h-change-label-color)}.d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-moved-label-color)}.d2h-dark-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-dark-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-dark-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-code-line del,.d2h-dark-color-scheme .d2h-code-side-line del{background-color:rgba(248,81,73,.4);background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-dark-color-scheme .d2h-code-line ins,.d2h-dark-color-scheme .d2h-code-side-line ins{background-color:rgba(46,160,67,.4);background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-dark-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:hsla(215,8%,47%,.1);background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-dark-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-del{background-color:rgba(248,81,73,.1);background-color:var(--d2h-dark-del-bg-color);border-color:rgba(248,81,73,.4);border-color:var(--d2h-dark-del-border-color)}.d2h-dark-color-scheme .d2h-ins{background-color:rgba(46,160,67,.15);background-color:var(--d2h-dark-ins-bg-color);border-color:rgba(46,160,67,.4);border-color:var(--d2h-dark-ins-border-color)}.d2h-dark-color-scheme .d2h-info{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-info-bg-color);border-color:rgba(56,139,253,.4);border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:rgba(210,153,34,.2);background-color:var(--d2h-dark-change-del-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:rgba(46,160,67,.25);background-color:var(--d2h-dark-change-ins-color)}.d2h-dark-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-selected-color)}.d2h-dark-color-scheme .d2h-file-list-wrapper a,.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}@media (prefers-color-scheme:dark){.d2h-auto-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-auto-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-auto-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-code-line del,.d2h-auto-color-scheme .d2h-code-side-line del{background-color:rgba(248,81,73,.4);background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-auto-color-scheme .d2h-code-line ins,.d2h-auto-color-scheme .d2h-code-side-line ins{background-color:rgba(46,160,67,.4);background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-auto-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:hsla(215,8%,47%,.1);background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-auto-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-del{background-color:rgba(248,81,73,.1);background-color:var(--d2h-dark-del-bg-color);border-color:rgba(248,81,73,.4);border-color:var(--d2h-dark-del-border-color)}.d2h-auto-color-scheme .d2h-ins{background-color:rgba(46,160,67,.15);background-color:var(--d2h-dark-ins-bg-color);border-color:rgba(46,160,67,.4);border-color:var(--d2h-dark-ins-border-color)}.d2h-auto-color-scheme .d2h-info{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-info-bg-color);border-color:rgba(56,139,253,.4);border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:rgba(210,153,34,.2);background-color:var(--d2h-dark-change-del-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:rgba(46,160,67,.25);background-color:var(--d2h-dark-change-ins-color)}.d2h-auto-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-selected-color)}.d2h-auto-color-scheme .d2h-file-list-wrapper a,.d2h-auto-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}}`, ""]);
+// Exports
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (___CSS_LOADER_EXPORT___)));
+
+
+/***/ }),
+
+/***/ 2609:
+/***/ ((module) => {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+module.exports = function (cssWithMappingToString) {
+  var list = [];
+
+  // return the list of modules as css string
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = "";
+      var needLayer = typeof item[5] !== "undefined";
+      if (item[4]) {
+        content += "@supports (".concat(item[4], ") {");
+      }
+      if (item[2]) {
+        content += "@media ".concat(item[2], " {");
+      }
+      if (needLayer) {
+        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
+      }
+      content += cssWithMappingToString(item);
+      if (needLayer) {
+        content += "}";
+      }
+      if (item[2]) {
+        content += "}";
+      }
+      if (item[4]) {
+        content += "}";
+      }
+      return content;
+    }).join("");
+  };
+
+  // import a list of modules into the list
+  list.i = function i(modules, media, dedupe, supports, layer) {
+    if (typeof modules === "string") {
+      modules = [[null, modules, undefined]];
+    }
+    var alreadyImportedModules = {};
+    if (dedupe) {
+      for (var k = 0; k < this.length; k++) {
+        var id = this[k][0];
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+    for (var _k = 0; _k < modules.length; _k++) {
+      var item = [].concat(modules[_k]);
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        continue;
+      }
+      if (typeof layer !== "undefined") {
+        if (typeof item[5] === "undefined") {
+          item[5] = layer;
+        } else {
+          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
+          item[5] = layer;
+        }
+      }
+      if (media) {
+        if (!item[2]) {
+          item[2] = media;
+        } else {
+          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
+          item[2] = media;
+        }
+      }
+      if (supports) {
+        if (!item[4]) {
+          item[4] = "".concat(supports);
+        } else {
+          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
+          item[4] = supports;
+        }
+      }
+      list.push(item);
+    }
+  };
+  return list;
+};
+
+/***/ }),
+
+/***/ 9601:
+/***/ ((module) => {
+
+
+
+module.exports = function (i) {
+  return i[1];
+};
+
+/***/ }),
+
 /***/ 2148:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -824,7 +946,7 @@ var Hogan = {};
 /******/ 	}
 /******/ 	// Create a new module (and put it into the cache)
 /******/ 	var module = __webpack_module_cache__[moduleId] = {
-/******/ 		// no module.id needed
+/******/ 		id: moduleId,
 /******/ 		// no module.loaded needed
 /******/ 		exports: {}
 /******/ 	};
@@ -837,6 +959,18 @@ var Hogan = {};
 /******/ }
 /******/ 
 /************************************************************************/
+/******/ /* webpack/runtime/compat get default export */
+/******/ (() => {
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = (module) => {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			() => (module['default']) :
+/******/ 			() => (module);
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ })();
+/******/ 
 /******/ /* webpack/runtime/define property getters */
 /******/ (() => {
 /******/ 	// define getter functions for harmony exports
@@ -861,43 +995,43 @@ var __webpack_exports__ = {};
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  Z: () => (/* binding */ src)
+  "default": () => (/* binding */ src)
 });
 
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["stringEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.stringEnum, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["stringEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.stringEnum, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -2494,22 +2628,28 @@ var LineType;
     LineType["DELETE"] = "delete";
     LineType["CONTEXT"] = "context";
 })(LineType || (LineType = {}));
-var OutputFormatType = {
+const OutputFormatType = {
     LINE_BY_LINE: 'line-by-line',
     SIDE_BY_SIDE: 'side-by-side',
 };
-var LineMatchingType = {
+const LineMatchingType = {
     LINES: 'lines',
     WORDS: 'words',
     NONE: 'none',
 };
-var DiffStyleType = {
+const DiffStyleType = {
     WORD: 'word',
     CHAR: 'char',
 };
+var ColorSchemeType;
+(function (ColorSchemeType) {
+    ColorSchemeType["AUTO"] = "auto";
+    ColorSchemeType["DARK"] = "dark";
+    ColorSchemeType["LIGHT"] = "light";
+})(ColorSchemeType || (ColorSchemeType = {}));
 //# sourceMappingURL=types.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/utils.js
-var specials = [
+const specials = [
     '-',
     '[',
     ']',
@@ -2527,7 +2667,7 @@ var specials = [
     '$',
     '|',
 ];
-var regex = RegExp('[' + specials.join('\\') + ']', 'g');
+const regex = RegExp('[' + specials.join('\\') + ']', 'g');
 function escapeForRegExp(str) {
     return str.replace(regex, '\\$&');
 }
@@ -2535,8 +2675,8 @@ function unifyPath(path) {
     return path ? path.replace(/\\/g, '/') : path;
 }
 function hashCode(text) {
-    var i, chr, len;
-    var hash = 0;
+    let i, chr, len;
+    let hash = 0;
     for (i = 0, len = text.length; i < len; i++) {
         chr = text.charCodeAt(i);
         hash = (hash << 5) - hash + chr;
@@ -2546,33 +2686,24 @@ function hashCode(text) {
 }
 //# sourceMappingURL=utils.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/diff-parser.js
-var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 
 
 function getExtension(filename, language) {
-    var filenameParts = filename.split('.');
+    const filenameParts = filename.split('.');
     return filenameParts.length > 1 ? filenameParts[filenameParts.length - 1] : language;
 }
 function startsWithAny(str, prefixes) {
-    return prefixes.reduce(function (startsWith, prefix) { return startsWith || str.startsWith(prefix); }, false);
+    return prefixes.reduce((startsWith, prefix) => startsWith || str.startsWith(prefix), false);
 }
-var baseDiffFilenamePrefixes = ['a/', 'b/', 'i/', 'w/', 'c/', 'o/'];
+const baseDiffFilenamePrefixes = ['a/', 'b/', 'i/', 'w/', 'c/', 'o/'];
 function getFilename(line, linePrefix, extraPrefix) {
-    var prefixes = extraPrefix !== undefined ? __spreadArray(__spreadArray([], baseDiffFilenamePrefixes, true), [extraPrefix], false) : baseDiffFilenamePrefixes;
-    var FilenameRegExp = linePrefix
-        ? new RegExp("^".concat(escapeForRegExp(linePrefix), " \"?(.+?)\"?$"))
+    const prefixes = extraPrefix !== undefined ? [...baseDiffFilenamePrefixes, extraPrefix] : baseDiffFilenamePrefixes;
+    const FilenameRegExp = linePrefix
+        ? new RegExp(`^${escapeForRegExp(linePrefix)} "?(.+?)"?$`)
         : new RegExp('^"?(.+?)"?$');
-    var _a = FilenameRegExp.exec(line) || [], _b = _a[1], filename = _b === void 0 ? '' : _b;
-    var matchingPrefix = prefixes.find(function (p) { return filename.indexOf(p) === 0; });
-    var fnameWithoutPrefix = matchingPrefix ? filename.slice(matchingPrefix.length) : filename;
+    const [, filename = ''] = FilenameRegExp.exec(line) || [];
+    const matchingPrefix = prefixes.find(p => filename.indexOf(p) === 0);
+    const fnameWithoutPrefix = matchingPrefix ? filename.slice(matchingPrefix.length) : filename;
     return fnameWithoutPrefix.replace(/\s+\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(?:\.\d+)? [+-]\d{4}.*$/, '');
 }
 function getSrcFilename(line, srcPrefix) {
@@ -2581,37 +2712,36 @@ function getSrcFilename(line, srcPrefix) {
 function getDstFilename(line, dstPrefix) {
     return getFilename(line, '+++', dstPrefix);
 }
-function parse(diffInput, config) {
-    if (config === void 0) { config = {}; }
-    var files = [];
-    var currentFile = null;
-    var currentBlock = null;
-    var oldLine = null;
-    var oldLine2 = null;
-    var newLine = null;
-    var possibleOldName = null;
-    var possibleNewName = null;
-    var oldFileNameHeader = '--- ';
-    var newFileNameHeader = '+++ ';
-    var hunkHeaderPrefix = '@@';
-    var oldMode = /^old mode (\d{6})/;
-    var newMode = /^new mode (\d{6})/;
-    var deletedFileMode = /^deleted file mode (\d{6})/;
-    var newFileMode = /^new file mode (\d{6})/;
-    var copyFrom = /^copy from "?(.+)"?/;
-    var copyTo = /^copy to "?(.+)"?/;
-    var renameFrom = /^rename from "?(.+)"?/;
-    var renameTo = /^rename to "?(.+)"?/;
-    var similarityIndex = /^similarity index (\d+)%/;
-    var dissimilarityIndex = /^dissimilarity index (\d+)%/;
-    var index = /^index ([\da-z]+)\.\.([\da-z]+)\s*(\d{6})?/;
-    var binaryFiles = /^Binary files (.*) and (.*) differ/;
-    var binaryDiff = /^GIT binary patch/;
-    var combinedIndex = /^index ([\da-z]+),([\da-z]+)\.\.([\da-z]+)/;
-    var combinedMode = /^mode (\d{6}),(\d{6})\.\.(\d{6})/;
-    var combinedNewFile = /^new file mode (\d{6})/;
-    var combinedDeletedFile = /^deleted file mode (\d{6}),(\d{6})/;
-    var diffLines = diffInput
+function parse(diffInput, config = {}) {
+    const files = [];
+    let currentFile = null;
+    let currentBlock = null;
+    let oldLine = null;
+    let oldLine2 = null;
+    let newLine = null;
+    let possibleOldName = null;
+    let possibleNewName = null;
+    const oldFileNameHeader = '--- ';
+    const newFileNameHeader = '+++ ';
+    const hunkHeaderPrefix = '@@';
+    const oldMode = /^old mode (\d{6})/;
+    const newMode = /^new mode (\d{6})/;
+    const deletedFileMode = /^deleted file mode (\d{6})/;
+    const newFileMode = /^new file mode (\d{6})/;
+    const copyFrom = /^copy from "?(.+)"?/;
+    const copyTo = /^copy to "?(.+)"?/;
+    const renameFrom = /^rename from "?(.+)"?/;
+    const renameTo = /^rename to "?(.+)"?/;
+    const similarityIndex = /^similarity index (\d+)%/;
+    const dissimilarityIndex = /^dissimilarity index (\d+)%/;
+    const index = /^index ([\da-z]+)\.\.([\da-z]+)\s*(\d{6})?/;
+    const binaryFiles = /^Binary files (.*) and (.*) differ/;
+    const binaryDiff = /^GIT binary patch/;
+    const combinedIndex = /^index ([\da-z]+),([\da-z]+)\.\.([\da-z]+)/;
+    const combinedMode = /^mode (\d{6}),(\d{6})\.\.(\d{6})/;
+    const combinedNewFile = /^new file mode (\d{6})/;
+    const combinedDeletedFile = /^deleted file mode (\d{6}),(\d{6})/;
+    const diffLines = diffInput
         .replace(/\/g, '')
         .replace(/\r\n?/g, '\n')
         .split('\n');
@@ -2648,7 +2778,7 @@ function parse(diffInput, config) {
     }
     function startBlock(line) {
         saveBlock();
-        var values;
+        let values;
         if (currentFile !== null) {
             if ((values = /^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@.*/.exec(line))) {
                 currentFile.isCombined = false;
@@ -2681,11 +2811,11 @@ function parse(diffInput, config) {
     function createLine(line) {
         if (currentFile === null || currentBlock === null || oldLine === null || newLine === null)
             return;
-        var currentLine = {
+        const currentLine = {
             content: line,
         };
-        var addedPrefixes = currentFile.isCombined ? ['+ ', ' +', '++'] : ['+'];
-        var deletedPrefixes = currentFile.isCombined ? ['- ', ' -', '--'] : ['-'];
+        const addedPrefixes = currentFile.isCombined ? ['+ ', ' +', '++'] : ['+'];
+        const deletedPrefixes = currentFile.isCombined ? ['- ', ' -', '--'] : ['-'];
         if (startsWithAny(line, addedPrefixes)) {
             currentFile.addedLines++;
             currentLine.type = LineType.INSERT;
@@ -2706,7 +2836,7 @@ function parse(diffInput, config) {
         currentBlock.lines.push(currentLine);
     }
     function existHunkHeader(line, lineIdx) {
-        var idx = lineIdx;
+        let idx = lineIdx;
         while (idx < diffLines.length - 3) {
             if (line.startsWith('diff')) {
                 return false;
@@ -2720,17 +2850,17 @@ function parse(diffInput, config) {
         }
         return false;
     }
-    diffLines.forEach(function (line, lineIndex) {
+    diffLines.forEach((line, lineIndex) => {
         if (!line || line.startsWith('*')) {
             return;
         }
-        var values;
-        var prevLine = diffLines[lineIndex - 1];
-        var nxtLine = diffLines[lineIndex + 1];
-        var afterNxtLine = diffLines[lineIndex + 2];
+        let values;
+        const prevLine = diffLines[lineIndex - 1];
+        const nxtLine = diffLines[lineIndex + 1];
+        const afterNxtLine = diffLines[lineIndex + 2];
         if (line.startsWith('diff --git') || line.startsWith('diff --combined')) {
             startFile();
-            var gitDiffStart = /^diff --git "?([a-ciow]\/.+)"? "?([a-ciow]\/.+)"?/;
+            const gitDiffStart = /^diff --git "?([a-ciow]\/.+)"? "?([a-ciow]\/.+)"?/;
             if ((values = gitDiffStart.exec(line))) {
                 possibleOldName = getFilename(values[1], undefined, config.dstPrefix);
                 possibleNewName = getFilename(values[2], undefined, config.srcPrefix);
@@ -2743,7 +2873,7 @@ function parse(diffInput, config) {
         }
         if (line.startsWith('Binary files') && !(currentFile === null || currentFile === void 0 ? void 0 : currentFile.isGitDiff)) {
             startFile();
-            var unixDiffBinaryStart = /^Binary files "?([a-ciow]\/.+)"? and "?([a-ciow]\/.+)"? differ/;
+            const unixDiffBinaryStart = /^Binary files "?([a-ciow]\/.+)"? and "?([a-ciow]\/.+)"? differ/;
             if ((values = unixDiffBinaryStart.exec(line))) {
                 possibleOldName = getFilename(values[1], undefined, config.dstPrefix);
                 possibleNewName = getFilename(values[2], undefined, config.srcPrefix);
@@ -2774,7 +2904,7 @@ function parse(diffInput, config) {
             currentFile.deletedLines = 0;
             currentFile.blocks = [];
             currentBlock = null;
-            var message = typeof config.diffTooBigMessage === 'function'
+            const message = typeof config.diffTooBigMessage === 'function'
                 ? config.diffTooBigMessage(files.length)
                 : 'Diff too big to be displayed';
             startBlock(message);
@@ -2809,7 +2939,7 @@ function parse(diffInput, config) {
             createLine(line);
             return;
         }
-        var doesNotExistHunkHeader = !existHunkHeader(line, lineIndex);
+        const doesNotExistHunkHeader = !existHunkHeader(line, lineIndex);
         if (currentFile === null) {
             throw new Error('Where is my file !!!');
         }
@@ -4465,12 +4595,12 @@ function levenshtein(a, b) {
     if (b.length === 0) {
         return a.length;
     }
-    var matrix = [];
-    var i;
+    const matrix = [];
+    let i;
     for (i = 0; i <= b.length; i++) {
         matrix[i] = [i];
     }
-    var j;
+    let j;
     for (j = 0; j <= a.length; j++) {
         matrix[0][j] = j;
     }
@@ -4487,22 +4617,21 @@ function levenshtein(a, b) {
     return matrix[b.length][a.length];
 }
 function newDistanceFn(str) {
-    return function (x, y) {
-        var xValue = str(x).trim();
-        var yValue = str(y).trim();
-        var lev = levenshtein(xValue, yValue);
+    return (x, y) => {
+        const xValue = str(x).trim();
+        const yValue = str(y).trim();
+        const lev = levenshtein(xValue, yValue);
         return lev / (xValue.length + yValue.length);
     };
 }
 function newMatcherFn(distance) {
-    function findBestMatch(a, b, cache) {
-        if (cache === void 0) { cache = new Map(); }
-        var bestMatchDist = Infinity;
-        var bestMatch;
-        for (var i = 0; i < a.length; ++i) {
-            for (var j = 0; j < b.length; ++j) {
-                var cacheKey = JSON.stringify([a[i], b[j]]);
-                var md = void 0;
+    function findBestMatch(a, b, cache = new Map()) {
+        let bestMatchDist = Infinity;
+        let bestMatch;
+        for (let i = 0; i < a.length; ++i) {
+            for (let j = 0; j < b.length; ++j) {
+                const cacheKey = JSON.stringify([a[i], b[j]]);
+                let md;
                 if (!(cache.has(cacheKey) && (md = cache.get(cacheKey)))) {
                     md = distance(a[i], b[j]);
                     cache.set(cacheKey, md);
@@ -4515,25 +4644,23 @@ function newMatcherFn(distance) {
         }
         return bestMatch;
     }
-    function group(a, b, level, cache) {
-        if (level === void 0) { level = 0; }
-        if (cache === void 0) { cache = new Map(); }
-        var bm = findBestMatch(a, b, cache);
+    function group(a, b, level = 0, cache = new Map()) {
+        const bm = findBestMatch(a, b, cache);
         if (!bm || a.length + b.length < 3) {
             return [[a, b]];
         }
-        var a1 = a.slice(0, bm.indexA);
-        var b1 = b.slice(0, bm.indexB);
-        var aMatch = [a[bm.indexA]];
-        var bMatch = [b[bm.indexB]];
-        var tailA = bm.indexA + 1;
-        var tailB = bm.indexB + 1;
-        var a2 = a.slice(tailA);
-        var b2 = b.slice(tailB);
-        var group1 = group(a1, b1, level + 1, cache);
-        var groupMatch = group(aMatch, bMatch, level + 1, cache);
-        var group2 = group(a2, b2, level + 1, cache);
-        var result = groupMatch;
+        const a1 = a.slice(0, bm.indexA);
+        const b1 = b.slice(0, bm.indexB);
+        const aMatch = [a[bm.indexA]];
+        const bMatch = [b[bm.indexB]];
+        const tailA = bm.indexA + 1;
+        const tailB = bm.indexB + 1;
+        const a2 = a.slice(tailA);
+        const b2 = b.slice(tailB);
+        const group1 = group(a1, b1, level + 1, cache);
+        const groupMatch = group(aMatch, bMatch, level + 1, cache);
+        const group2 = group(a2, b2, level + 1, cache);
+        let result = groupMatch;
         if (bm.indexA > 0 || bm.indexB > 0) {
             result = group1.concat(result);
         }
@@ -4546,22 +4673,11 @@ function newMatcherFn(distance) {
 }
 //# sourceMappingURL=rematch.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/render-utils.js
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(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 CSSLineClass = {
+const CSSLineClass = {
     INSERTS: 'd2h-ins',
     DELETES: 'd2h-del',
     CONTEXT: 'd2h-cntx',
@@ -4569,15 +4685,16 @@ var CSSLineClass = {
     INSERT_CHANGES: 'd2h-ins d2h-change',
     DELETE_CHANGES: 'd2h-del d2h-change',
 };
-var defaultRenderConfig = {
+const defaultRenderConfig = {
     matching: LineMatchingType.NONE,
     matchWordsThreshold: 0.25,
     maxLineLengthHighlight: 10000,
     diffStyle: DiffStyleType.WORD,
+    colorScheme: ColorSchemeType.LIGHT,
 };
-var separator = '/';
-var distance = newDistanceFn(function (change) { return change.value; });
-var matcher = newMatcherFn(distance);
+const separator = '/';
+const distance = newDistanceFn((change) => change.value);
+const matcher = newMatcherFn(distance);
 function isDevNullName(name) {
     return name.indexOf('dev/null') !== -1;
 }
@@ -4597,6 +4714,17 @@ function toCSSClass(lineType) {
             return CSSLineClass.DELETES;
     }
 }
+function colorSchemeToCss(colorScheme) {
+    switch (colorScheme) {
+        case ColorSchemeType.DARK:
+            return 'd2h-dark-color-scheme';
+        case ColorSchemeType.AUTO:
+            return 'd2h-auto-color-scheme';
+        case ColorSchemeType.LIGHT:
+        default:
+            return 'd2h-light-color-scheme';
+    }
+}
 function prefixLength(isCombined) {
     return isCombined ? 2 : 1;
 }
@@ -4610,27 +4738,26 @@ function escapeForHtml(str) {
         .replace(/'/g, '&#x27;')
         .replace(/\//g, '&#x2F;');
 }
-function deconstructLine(line, isCombined, escape) {
-    if (escape === void 0) { escape = true; }
-    var indexToSplit = prefixLength(isCombined);
+function deconstructLine(line, isCombined, escape = true) {
+    const indexToSplit = prefixLength(isCombined);
     return {
         prefix: line.substring(0, indexToSplit),
         content: escape ? escapeForHtml(line.substring(indexToSplit)) : line.substring(indexToSplit),
     };
 }
 function filenameDiff(file) {
-    var oldFilename = unifyPath(file.oldName);
-    var newFilename = unifyPath(file.newName);
+    const oldFilename = unifyPath(file.oldName);
+    const newFilename = unifyPath(file.newName);
     if (oldFilename !== newFilename && !isDevNullName(oldFilename) && !isDevNullName(newFilename)) {
-        var prefixPaths = [];
-        var suffixPaths = [];
-        var oldFilenameParts = oldFilename.split(separator);
-        var newFilenameParts = newFilename.split(separator);
-        var oldFilenamePartsSize = oldFilenameParts.length;
-        var newFilenamePartsSize = newFilenameParts.length;
-        var i = 0;
-        var j = oldFilenamePartsSize - 1;
-        var k = newFilenamePartsSize - 1;
+        const prefixPaths = [];
+        const suffixPaths = [];
+        const oldFilenameParts = oldFilename.split(separator);
+        const newFilenameParts = newFilename.split(separator);
+        const oldFilenamePartsSize = oldFilenameParts.length;
+        const newFilenamePartsSize = newFilenameParts.length;
+        let i = 0;
+        let j = oldFilenamePartsSize - 1;
+        let k = newFilenamePartsSize - 1;
         while (i < j && i < k) {
             if (oldFilenameParts[i] === newFilenameParts[i]) {
                 prefixPaths.push(newFilenameParts[i]);
@@ -4650,10 +4777,10 @@ function filenameDiff(file) {
                 break;
             }
         }
-        var finalPrefix = prefixPaths.join(separator);
-        var finalSuffix = suffixPaths.join(separator);
-        var oldRemainingPath = oldFilenameParts.slice(i, j + 1).join(separator);
-        var newRemainingPath = newFilenameParts.slice(i, k + 1).join(separator);
+        const finalPrefix = prefixPaths.join(separator);
+        const finalSuffix = suffixPaths.join(separator);
+        const oldRemainingPath = oldFilenameParts.slice(i, j + 1).join(separator);
+        const newRemainingPath = newFilenameParts.slice(i, k + 1).join(separator);
         if (finalPrefix.length && finalSuffix.length) {
             return (finalPrefix + separator + '{' + oldRemainingPath + ' → ' + newRemainingPath + '}' + separator + finalSuffix);
         }
@@ -4673,10 +4800,10 @@ function filenameDiff(file) {
     }
 }
 function getHtmlId(file) {
-    return "d2h-".concat(hashCode(filenameDiff(file)).toString().slice(-6));
+    return `d2h-${hashCode(filenameDiff(file)).toString().slice(-6)}`;
 }
 function getFileIcon(file) {
-    var templateName = 'file-changed';
+    let templateName = 'file-changed';
     if (file.isRename) {
         templateName = 'file-renamed';
     }
@@ -4694,11 +4821,10 @@ function getFileIcon(file) {
     }
     return templateName;
 }
-function diffHighlight(diffLine1, diffLine2, isCombined, config) {
-    if (config === void 0) { config = {}; }
-    var _a = __assign(__assign({}, defaultRenderConfig), config), matching = _a.matching, maxLineLengthHighlight = _a.maxLineLengthHighlight, matchWordsThreshold = _a.matchWordsThreshold, diffStyle = _a.diffStyle;
-    var line1 = deconstructLine(diffLine1, isCombined, false);
-    var line2 = deconstructLine(diffLine2, isCombined, false);
+function diffHighlight(diffLine1, diffLine2, isCombined, config = {}) {
+    const { matching, maxLineLengthHighlight, matchWordsThreshold, diffStyle } = Object.assign(Object.assign({}, defaultRenderConfig), config);
+    const line1 = deconstructLine(diffLine1, isCombined, false);
+    const line2 = deconstructLine(diffLine2, isCombined, false);
     if (line1.content.length > maxLineLengthHighlight || line2.content.length > maxLineLengthHighlight) {
         return {
             oldLine: {
@@ -4711,17 +4837,17 @@ function diffHighlight(diffLine1, diffLine2, isCombined, config) {
             },
         };
     }
-    var diff = diffStyle === 'char'
+    const diff = diffStyle === 'char'
         ? lib_diffChars(line1.content, line2.content)
         : lib_diffWordsWithSpace(line1.content, line2.content);
-    var changedWords = [];
+    const changedWords = [];
     if (diffStyle === 'word' && matching === 'words') {
-        var removed = diff.filter(function (element) { return element.removed; });
-        var added = diff.filter(function (element) { return element.added; });
-        var chunks = matcher(added, removed);
-        chunks.forEach(function (chunk) {
+        const removed = diff.filter(element => element.removed);
+        const added = diff.filter(element => element.added);
+        const chunks = matcher(added, removed);
+        chunks.forEach(chunk => {
             if (chunk[0].length === 1 && chunk[1].length === 1) {
-                var dist = distance(chunk[0][0], chunk[1][0]);
+                const dist = distance(chunk[0][0], chunk[1][0]);
                 if (dist < matchWordsThreshold) {
                     changedWords.push(chunk[0][0]);
                     changedWords.push(chunk[1][0]);
@@ -4729,13 +4855,13 @@ function diffHighlight(diffLine1, diffLine2, isCombined, config) {
             }
         });
     }
-    var highlightedLine = diff.reduce(function (highlightedLine, part) {
-        var elemType = part.added ? 'ins' : part.removed ? 'del' : null;
-        var addClass = changedWords.indexOf(part) > -1 ? ' class="d2h-change"' : '';
-        var escapedValue = escapeForHtml(part.value);
+    const highlightedLine = diff.reduce((highlightedLine, part) => {
+        const elemType = part.added ? 'ins' : part.removed ? 'del' : null;
+        const addClass = changedWords.indexOf(part) > -1 ? ' class="d2h-change"' : '';
+        const escapedValue = escapeForHtml(part.value);
         return elemType !== null
-            ? "".concat(highlightedLine, "<").concat(elemType).concat(addClass, ">").concat(escapedValue, "</").concat(elemType, ">")
-            : "".concat(highlightedLine).concat(escapedValue);
+            ? `${highlightedLine}<${elemType}${addClass}>${escapedValue}</${elemType}>`
+            : `${highlightedLine}${escapedValue}`;
     }, '');
     return {
         oldLine: {
@@ -4751,12 +4877,19 @@ function diffHighlight(diffLine1, diffLine2, isCombined, config) {
 //# sourceMappingURL=render-utils.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/file-list-renderer.js
 
-var baseTemplatesPath = 'file-summary';
-var iconsBaseTemplatesPath = 'icon';
-function render(diffFiles, hoganUtils) {
-    var files = diffFiles
-        .map(function (file) {
-        return hoganUtils.render(baseTemplatesPath, 'line', {
+const baseTemplatesPath = 'file-summary';
+const iconsBaseTemplatesPath = 'icon';
+const defaultFileListRendererConfig = {
+    colorScheme: defaultRenderConfig.colorScheme,
+};
+class FileListRenderer {
+    constructor(hoganUtils, config = {}) {
+        this.hoganUtils = hoganUtils;
+        this.config = Object.assign(Object.assign({}, defaultFileListRendererConfig), config);
+    }
+    render(diffFiles) {
+        const files = diffFiles
+            .map(file => this.hoganUtils.render(baseTemplatesPath, 'line', {
             fileHtmlId: getHtmlId(file),
             oldName: file.oldName,
             newName: file.newName,
@@ -4764,65 +4897,56 @@ function render(diffFiles, hoganUtils) {
             deletedLines: '-' + file.deletedLines,
             addedLines: '+' + file.addedLines,
         }, {
-            fileIcon: hoganUtils.template(iconsBaseTemplatesPath, getFileIcon(file)),
+            fileIcon: this.hoganUtils.template(iconsBaseTemplatesPath, getFileIcon(file)),
+        }))
+            .join('\n');
+        return this.hoganUtils.render(baseTemplatesPath, 'wrapper', {
+            colorScheme: colorSchemeToCss(this.config.colorScheme),
+            filesNumber: diffFiles.length,
+            files: files,
         });
-    })
-        .join('\n');
-    return hoganUtils.render(baseTemplatesPath, 'wrapper', {
-        filesNumber: diffFiles.length,
-        files: files,
-    });
+    }
 }
 //# sourceMappingURL=file-list-renderer.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/line-by-line-renderer.js
-var line_by_line_renderer_assign = (undefined && undefined.__assign) || function () {
-    line_by_line_renderer_assign = Object.assign || function(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 line_by_line_renderer_assign.apply(this, arguments);
-};
 
 
 
-var defaultLineByLineRendererConfig = line_by_line_renderer_assign(line_by_line_renderer_assign({}, defaultRenderConfig), { renderNothingWhenEmpty: false, matchingMaxComparisons: 2500, maxLineSizeInBlockForComparison: 200 });
-var genericTemplatesPath = 'generic';
-var line_by_line_renderer_baseTemplatesPath = 'line-by-line';
-var line_by_line_renderer_iconsBaseTemplatesPath = 'icon';
-var tagsBaseTemplatesPath = 'tag';
-var LineByLineRenderer = (function () {
-    function LineByLineRenderer(hoganUtils, config) {
-        if (config === void 0) { config = {}; }
+const defaultLineByLineRendererConfig = Object.assign(Object.assign({}, defaultRenderConfig), { renderNothingWhenEmpty: false, matchingMaxComparisons: 2500, maxLineSizeInBlockForComparison: 200 });
+const genericTemplatesPath = 'generic';
+const line_by_line_renderer_baseTemplatesPath = 'line-by-line';
+const line_by_line_renderer_iconsBaseTemplatesPath = 'icon';
+const tagsBaseTemplatesPath = 'tag';
+class LineByLineRenderer {
+    constructor(hoganUtils, config = {}) {
         this.hoganUtils = hoganUtils;
-        this.config = line_by_line_renderer_assign(line_by_line_renderer_assign({}, defaultLineByLineRendererConfig), config);
+        this.config = Object.assign(Object.assign({}, defaultLineByLineRendererConfig), config);
     }
-    LineByLineRenderer.prototype.render = function (diffFiles) {
-        var _this = this;
-        var diffsHtml = diffFiles
-            .map(function (file) {
-            var diffs;
+    render(diffFiles) {
+        const diffsHtml = diffFiles
+            .map(file => {
+            let diffs;
             if (file.blocks.length) {
-                diffs = _this.generateFileHtml(file);
+                diffs = this.generateFileHtml(file);
             }
             else {
-                diffs = _this.generateEmptyDiff();
+                diffs = this.generateEmptyDiff();
             }
-            return _this.makeFileDiffHtml(file, diffs);
+            return this.makeFileDiffHtml(file, diffs);
         })
             .join('\n');
-        return this.hoganUtils.render(genericTemplatesPath, 'wrapper', { content: diffsHtml });
-    };
-    LineByLineRenderer.prototype.makeFileDiffHtml = function (file, diffs) {
+        return this.hoganUtils.render(genericTemplatesPath, 'wrapper', {
+            colorScheme: colorSchemeToCss(this.config.colorScheme),
+            content: diffsHtml,
+        });
+    }
+    makeFileDiffHtml(file, diffs) {
         if (this.config.renderNothingWhenEmpty && Array.isArray(file.blocks) && file.blocks.length === 0)
             return '';
-        var fileDiffTemplate = this.hoganUtils.template(line_by_line_renderer_baseTemplatesPath, 'file-diff');
-        var filePathTemplate = this.hoganUtils.template(genericTemplatesPath, 'file-path');
-        var fileIconTemplate = this.hoganUtils.template(line_by_line_renderer_iconsBaseTemplatesPath, 'file');
-        var fileTagTemplate = this.hoganUtils.template(tagsBaseTemplatesPath, getFileIcon(file));
+        const fileDiffTemplate = this.hoganUtils.template(line_by_line_renderer_baseTemplatesPath, 'file-diff');
+        const filePathTemplate = this.hoganUtils.template(genericTemplatesPath, 'file-path');
+        const fileIconTemplate = this.hoganUtils.template(line_by_line_renderer_iconsBaseTemplatesPath, 'file');
+        const fileTagTemplate = this.hoganUtils.template(tagsBaseTemplatesPath, getFileIcon(file));
         return fileDiffTemplate.render({
             file: file,
             fileHtmlId: getHtmlId(file),
@@ -4834,38 +4958,35 @@ var LineByLineRenderer = (function () {
                 fileTag: fileTagTemplate,
             }),
         });
-    };
-    LineByLineRenderer.prototype.generateEmptyDiff = function () {
+    }
+    generateEmptyDiff() {
         return this.hoganUtils.render(genericTemplatesPath, 'empty-diff', {
             contentClass: 'd2h-code-line',
             CSSLineClass: CSSLineClass,
         });
-    };
-    LineByLineRenderer.prototype.generateFileHtml = function (file) {
-        var _this = this;
-        var matcher = newMatcherFn(newDistanceFn(function (e) { return deconstructLine(e.content, file.isCombined).content; }));
+    }
+    generateFileHtml(file) {
+        const matcher = newMatcherFn(newDistanceFn((e) => deconstructLine(e.content, file.isCombined).content));
         return file.blocks
-            .map(function (block) {
-            var lines = _this.hoganUtils.render(genericTemplatesPath, 'block-header', {
+            .map(block => {
+            let lines = this.hoganUtils.render(genericTemplatesPath, 'block-header', {
                 CSSLineClass: CSSLineClass,
                 blockHeader: file.isTooBig ? block.header : escapeForHtml(block.header),
                 lineClass: 'd2h-code-linenumber',
                 contentClass: 'd2h-code-line',
             });
-            _this.applyLineGroupping(block).forEach(function (_a) {
-                var contextLines = _a[0], oldLines = _a[1], newLines = _a[2];
+            this.applyLineGroupping(block).forEach(([contextLines, oldLines, newLines]) => {
                 if (oldLines.length && newLines.length && !contextLines.length) {
-                    _this.applyRematchMatching(oldLines, newLines, matcher).map(function (_a) {
-                        var oldLines = _a[0], newLines = _a[1];
-                        var _b = _this.processChangedLines(file, file.isCombined, oldLines, newLines), left = _b.left, right = _b.right;
+                    this.applyRematchMatching(oldLines, newLines, matcher).map(([oldLines, newLines]) => {
+                        const { left, right } = this.processChangedLines(file, file.isCombined, oldLines, newLines);
                         lines += left;
                         lines += right;
                     });
                 }
                 else if (contextLines.length) {
-                    contextLines.forEach(function (line) {
-                        var _a = deconstructLine(line.content, file.isCombined), prefix = _a.prefix, content = _a.content;
-                        lines += _this.generateSingleLineHtml(file, {
+                    contextLines.forEach(line => {
+                        const { prefix, content } = deconstructLine(line.content, file.isCombined);
+                        lines += this.generateSingleLineHtml(file, {
                             type: CSSLineClass.CONTEXT,
                             prefix: prefix,
                             content: content,
@@ -4875,7 +4996,7 @@ var LineByLineRenderer = (function () {
                     });
                 }
                 else if (oldLines.length || newLines.length) {
-                    var _b = _this.processChangedLines(file, file.isCombined, oldLines, newLines), left = _b.left, right = _b.right;
+                    const { left, right } = this.processChangedLines(file, file.isCombined, oldLines, newLines);
                     lines += left;
                     lines += right;
                 }
@@ -4886,13 +5007,13 @@ var LineByLineRenderer = (function () {
             return lines;
         })
             .join('\n');
-    };
-    LineByLineRenderer.prototype.applyLineGroupping = function (block) {
-        var blockLinesGroups = [];
-        var oldLines = [];
-        var newLines = [];
-        for (var i = 0; i < block.lines.length; i++) {
-            var diffLine = block.lines[i];
+    }
+    applyLineGroupping(block) {
+        const blockLinesGroups = [];
+        let oldLines = [];
+        let newLines = [];
+        for (let i = 0; i < block.lines.length; i++) {
+            const diffLine = block.lines[i];
             if ((diffLine.type !== LineType.INSERT && newLines.length) ||
                 (diffLine.type === LineType.CONTEXT && oldLines.length > 0)) {
                 blockLinesGroups.push([[], oldLines, newLines]);
@@ -4918,59 +5039,59 @@ var LineByLineRenderer = (function () {
             newLines = [];
         }
         return blockLinesGroups;
-    };
-    LineByLineRenderer.prototype.applyRematchMatching = function (oldLines, newLines, matcher) {
-        var comparisons = oldLines.length * newLines.length;
-        var maxLineSizeInBlock = Math.max.apply(null, [0].concat(oldLines.concat(newLines).map(function (elem) { return elem.content.length; })));
-        var doMatching = comparisons < this.config.matchingMaxComparisons &&
+    }
+    applyRematchMatching(oldLines, newLines, matcher) {
+        const comparisons = oldLines.length * newLines.length;
+        const maxLineSizeInBlock = Math.max.apply(null, [0].concat(oldLines.concat(newLines).map(elem => elem.content.length)));
+        const doMatching = comparisons < this.config.matchingMaxComparisons &&
             maxLineSizeInBlock < this.config.maxLineSizeInBlockForComparison &&
             (this.config.matching === 'lines' || this.config.matching === 'words');
         return doMatching ? matcher(oldLines, newLines) : [[oldLines, newLines]];
-    };
-    LineByLineRenderer.prototype.processChangedLines = function (file, isCombined, oldLines, newLines) {
-        var fileHtml = {
+    }
+    processChangedLines(file, isCombined, oldLines, newLines) {
+        const fileHtml = {
             right: '',
             left: '',
         };
-        var maxLinesNumber = Math.max(oldLines.length, newLines.length);
-        for (var i = 0; i < maxLinesNumber; i++) {
-            var oldLine = oldLines[i];
-            var newLine = newLines[i];
-            var diff = oldLine !== undefined && newLine !== undefined
+        const maxLinesNumber = Math.max(oldLines.length, newLines.length);
+        for (let i = 0; i < maxLinesNumber; i++) {
+            const oldLine = oldLines[i];
+            const newLine = newLines[i];
+            const diff = oldLine !== undefined && newLine !== undefined
                 ? diffHighlight(oldLine.content, newLine.content, isCombined, this.config)
                 : undefined;
-            var preparedOldLine = oldLine !== undefined && oldLine.oldNumber !== undefined
-                ? line_by_line_renderer_assign(line_by_line_renderer_assign({}, (diff !== undefined
+            const preparedOldLine = oldLine !== undefined && oldLine.oldNumber !== undefined
+                ? Object.assign(Object.assign({}, (diff !== undefined
                     ? {
                         prefix: diff.oldLine.prefix,
                         content: diff.oldLine.content,
                         type: CSSLineClass.DELETE_CHANGES,
                     }
-                    : line_by_line_renderer_assign(line_by_line_renderer_assign({}, deconstructLine(oldLine.content, isCombined)), { type: toCSSClass(oldLine.type) }))), { oldNumber: oldLine.oldNumber, newNumber: oldLine.newNumber }) : undefined;
-            var preparedNewLine = newLine !== undefined && newLine.newNumber !== undefined
-                ? line_by_line_renderer_assign(line_by_line_renderer_assign({}, (diff !== undefined
+                    : Object.assign(Object.assign({}, deconstructLine(oldLine.content, isCombined)), { type: toCSSClass(oldLine.type) }))), { oldNumber: oldLine.oldNumber, newNumber: oldLine.newNumber }) : undefined;
+            const preparedNewLine = newLine !== undefined && newLine.newNumber !== undefined
+                ? Object.assign(Object.assign({}, (diff !== undefined
                     ? {
                         prefix: diff.newLine.prefix,
                         content: diff.newLine.content,
                         type: CSSLineClass.INSERT_CHANGES,
                     }
-                    : line_by_line_renderer_assign(line_by_line_renderer_assign({}, deconstructLine(newLine.content, isCombined)), { type: toCSSClass(newLine.type) }))), { oldNumber: newLine.oldNumber, newNumber: newLine.newNumber }) : undefined;
-            var _a = this.generateLineHtml(file, preparedOldLine, preparedNewLine), left = _a.left, right = _a.right;
+                    : Object.assign(Object.assign({}, deconstructLine(newLine.content, isCombined)), { type: toCSSClass(newLine.type) }))), { oldNumber: newLine.oldNumber, newNumber: newLine.newNumber }) : undefined;
+            const { left, right } = this.generateLineHtml(file, preparedOldLine, preparedNewLine);
             fileHtml.left += left;
             fileHtml.right += right;
         }
         return fileHtml;
-    };
-    LineByLineRenderer.prototype.generateLineHtml = function (file, oldLine, newLine) {
+    }
+    generateLineHtml(file, oldLine, newLine) {
         return {
             left: this.generateSingleLineHtml(file, oldLine),
             right: this.generateSingleLineHtml(file, newLine),
         };
-    };
-    LineByLineRenderer.prototype.generateSingleLineHtml = function (file, line) {
+    }
+    generateSingleLineHtml(file, line) {
         if (line === undefined)
             return '';
-        var lineNumberHtml = this.hoganUtils.render(line_by_line_renderer_baseTemplatesPath, 'numbers', {
+        const lineNumberHtml = this.hoganUtils.render(line_by_line_renderer_baseTemplatesPath, 'numbers', {
             oldNumber: line.oldNumber || '',
             newNumber: line.newNumber || '',
         });
@@ -4981,63 +5102,51 @@ var LineByLineRenderer = (function () {
             prefix: line.prefix === ' ' ? '&nbsp;' : line.prefix,
             content: line.content,
             lineNumber: lineNumberHtml,
-            line: line,
-            file: file,
+            line,
+            file,
         });
-    };
-    return LineByLineRenderer;
-}());
-/* harmony default export */ const line_by_line_renderer = (LineByLineRenderer);
+    }
+}
 //# sourceMappingURL=line-by-line-renderer.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/side-by-side-renderer.js
-var side_by_side_renderer_assign = (undefined && undefined.__assign) || function () {
-    side_by_side_renderer_assign = Object.assign || function(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 side_by_side_renderer_assign.apply(this, arguments);
-};
 
 
 
-var defaultSideBySideRendererConfig = side_by_side_renderer_assign(side_by_side_renderer_assign({}, defaultRenderConfig), { renderNothingWhenEmpty: false, matchingMaxComparisons: 2500, maxLineSizeInBlockForComparison: 200 });
-var side_by_side_renderer_genericTemplatesPath = 'generic';
-var side_by_side_renderer_baseTemplatesPath = 'side-by-side';
-var side_by_side_renderer_iconsBaseTemplatesPath = 'icon';
-var side_by_side_renderer_tagsBaseTemplatesPath = 'tag';
-var SideBySideRenderer = (function () {
-    function SideBySideRenderer(hoganUtils, config) {
-        if (config === void 0) { config = {}; }
+const defaultSideBySideRendererConfig = Object.assign(Object.assign({}, defaultRenderConfig), { renderNothingWhenEmpty: false, matchingMaxComparisons: 2500, maxLineSizeInBlockForComparison: 200 });
+const side_by_side_renderer_genericTemplatesPath = 'generic';
+const side_by_side_renderer_baseTemplatesPath = 'side-by-side';
+const side_by_side_renderer_iconsBaseTemplatesPath = 'icon';
+const side_by_side_renderer_tagsBaseTemplatesPath = 'tag';
+class SideBySideRenderer {
+    constructor(hoganUtils, config = {}) {
         this.hoganUtils = hoganUtils;
-        this.config = side_by_side_renderer_assign(side_by_side_renderer_assign({}, defaultSideBySideRendererConfig), config);
+        this.config = Object.assign(Object.assign({}, defaultSideBySideRendererConfig), config);
     }
-    SideBySideRenderer.prototype.render = function (diffFiles) {
-        var _this = this;
-        var diffsHtml = diffFiles
-            .map(function (file) {
-            var diffs;
+    render(diffFiles) {
+        const diffsHtml = diffFiles
+            .map(file => {
+            let diffs;
             if (file.blocks.length) {
-                diffs = _this.generateFileHtml(file);
+                diffs = this.generateFileHtml(file);
             }
             else {
-                diffs = _this.generateEmptyDiff();
+                diffs = this.generateEmptyDiff();
             }
-            return _this.makeFileDiffHtml(file, diffs);
+            return this.makeFileDiffHtml(file, diffs);
         })
             .join('\n');
-        return this.hoganUtils.render(side_by_side_renderer_genericTemplatesPath, 'wrapper', { content: diffsHtml });
-    };
-    SideBySideRenderer.prototype.makeFileDiffHtml = function (file, diffs) {
+        return this.hoganUtils.render(side_by_side_renderer_genericTemplatesPath, 'wrapper', {
+            colorScheme: colorSchemeToCss(this.config.colorScheme),
+            content: diffsHtml,
+        });
+    }
+    makeFileDiffHtml(file, diffs) {
         if (this.config.renderNothingWhenEmpty && Array.isArray(file.blocks) && file.blocks.length === 0)
             return '';
-        var fileDiffTemplate = this.hoganUtils.template(side_by_side_renderer_baseTemplatesPath, 'file-diff');
-        var filePathTemplate = this.hoganUtils.template(side_by_side_renderer_genericTemplatesPath, 'file-path');
-        var fileIconTemplate = this.hoganUtils.template(side_by_side_renderer_iconsBaseTemplatesPath, 'file');
-        var fileTagTemplate = this.hoganUtils.template(side_by_side_renderer_tagsBaseTemplatesPath, getFileIcon(file));
+        const fileDiffTemplate = this.hoganUtils.template(side_by_side_renderer_baseTemplatesPath, 'file-diff');
+        const filePathTemplate = this.hoganUtils.template(side_by_side_renderer_genericTemplatesPath, 'file-path');
+        const fileIconTemplate = this.hoganUtils.template(side_by_side_renderer_iconsBaseTemplatesPath, 'file');
+        const fileTagTemplate = this.hoganUtils.template(side_by_side_renderer_tagsBaseTemplatesPath, getFileIcon(file));
         return fileDiffTemplate.render({
             file: file,
             fileHtmlId: getHtmlId(file),
@@ -5049,8 +5158,8 @@ var SideBySideRenderer = (function () {
                 fileTag: fileTagTemplate,
             }),
         });
-    };
-    SideBySideRenderer.prototype.generateEmptyDiff = function () {
+    }
+    generateEmptyDiff() {
         return {
             right: '',
             left: this.hoganUtils.render(side_by_side_renderer_genericTemplatesPath, 'empty-diff', {
@@ -5058,30 +5167,27 @@ var SideBySideRenderer = (function () {
                 CSSLineClass: CSSLineClass,
             }),
         };
-    };
-    SideBySideRenderer.prototype.generateFileHtml = function (file) {
-        var _this = this;
-        var matcher = newMatcherFn(newDistanceFn(function (e) { return deconstructLine(e.content, file.isCombined).content; }));
+    }
+    generateFileHtml(file) {
+        const matcher = newMatcherFn(newDistanceFn((e) => deconstructLine(e.content, file.isCombined).content));
         return file.blocks
-            .map(function (block) {
-            var fileHtml = {
-                left: _this.makeHeaderHtml(block.header, file),
-                right: _this.makeHeaderHtml(''),
+            .map(block => {
+            const fileHtml = {
+                left: this.makeHeaderHtml(block.header, file),
+                right: this.makeHeaderHtml(''),
             };
-            _this.applyLineGroupping(block).forEach(function (_a) {
-                var contextLines = _a[0], oldLines = _a[1], newLines = _a[2];
+            this.applyLineGroupping(block).forEach(([contextLines, oldLines, newLines]) => {
                 if (oldLines.length && newLines.length && !contextLines.length) {
-                    _this.applyRematchMatching(oldLines, newLines, matcher).map(function (_a) {
-                        var oldLines = _a[0], newLines = _a[1];
-                        var _b = _this.processChangedLines(file.isCombined, oldLines, newLines), left = _b.left, right = _b.right;
+                    this.applyRematchMatching(oldLines, newLines, matcher).map(([oldLines, newLines]) => {
+                        const { left, right } = this.processChangedLines(file.isCombined, oldLines, newLines);
                         fileHtml.left += left;
                         fileHtml.right += right;
                     });
                 }
                 else if (contextLines.length) {
-                    contextLines.forEach(function (line) {
-                        var _a = deconstructLine(line.content, file.isCombined), prefix = _a.prefix, content = _a.content;
-                        var _b = _this.generateLineHtml({
+                    contextLines.forEach(line => {
+                        const { prefix, content } = deconstructLine(line.content, file.isCombined);
+                        const { left, right } = this.generateLineHtml({
                             type: CSSLineClass.CONTEXT,
                             prefix: prefix,
                             content: content,
@@ -5091,13 +5197,13 @@ var SideBySideRenderer = (function () {
                             prefix: prefix,
                             content: content,
                             number: line.newNumber,
-                        }), left = _b.left, right = _b.right;
+                        });
                         fileHtml.left += left;
                         fileHtml.right += right;
                     });
                 }
                 else if (oldLines.length || newLines.length) {
-                    var _b = _this.processChangedLines(file.isCombined, oldLines, newLines), left = _b.left, right = _b.right;
+                    const { left, right } = this.processChangedLines(file.isCombined, oldLines, newLines);
                     fileHtml.left += left;
                     fileHtml.right += right;
                 }
@@ -5107,16 +5213,16 @@ var SideBySideRenderer = (function () {
             });
             return fileHtml;
         })
-            .reduce(function (accomulated, html) {
+            .reduce((accomulated, html) => {
             return { left: accomulated.left + html.left, right: accomulated.right + html.right };
         }, { left: '', right: '' });
-    };
-    SideBySideRenderer.prototype.applyLineGroupping = function (block) {
-        var blockLinesGroups = [];
-        var oldLines = [];
-        var newLines = [];
-        for (var i = 0; i < block.lines.length; i++) {
-            var diffLine = block.lines[i];
+    }
+    applyLineGroupping(block) {
+        const blockLinesGroups = [];
+        let oldLines = [];
+        let newLines = [];
+        for (let i = 0; i < block.lines.length; i++) {
+            const diffLine = block.lines[i];
             if ((diffLine.type !== LineType.INSERT && newLines.length) ||
                 (diffLine.type === LineType.CONTEXT && oldLines.length > 0)) {
                 blockLinesGroups.push([[], oldLines, newLines]);
@@ -5142,86 +5248,84 @@ var SideBySideRenderer = (function () {
             newLines = [];
         }
         return blockLinesGroups;
-    };
-    SideBySideRenderer.prototype.applyRematchMatching = function (oldLines, newLines, matcher) {
-        var comparisons = oldLines.length * newLines.length;
-        var maxLineSizeInBlock = Math.max.apply(null, [0].concat(oldLines.concat(newLines).map(function (elem) { return elem.content.length; })));
-        var doMatching = comparisons < this.config.matchingMaxComparisons &&
+    }
+    applyRematchMatching(oldLines, newLines, matcher) {
+        const comparisons = oldLines.length * newLines.length;
+        const maxLineSizeInBlock = Math.max.apply(null, [0].concat(oldLines.concat(newLines).map(elem => elem.content.length)));
+        const doMatching = comparisons < this.config.matchingMaxComparisons &&
             maxLineSizeInBlock < this.config.maxLineSizeInBlockForComparison &&
             (this.config.matching === 'lines' || this.config.matching === 'words');
         return doMatching ? matcher(oldLines, newLines) : [[oldLines, newLines]];
-    };
-    SideBySideRenderer.prototype.makeHeaderHtml = function (blockHeader, file) {
+    }
+    makeHeaderHtml(blockHeader, file) {
         return this.hoganUtils.render(side_by_side_renderer_genericTemplatesPath, 'block-header', {
             CSSLineClass: CSSLineClass,
             blockHeader: (file === null || file === void 0 ? void 0 : file.isTooBig) ? blockHeader : escapeForHtml(blockHeader),
             lineClass: 'd2h-code-side-linenumber',
             contentClass: 'd2h-code-side-line',
         });
-    };
-    SideBySideRenderer.prototype.processChangedLines = function (isCombined, oldLines, newLines) {
-        var fileHtml = {
+    }
+    processChangedLines(isCombined, oldLines, newLines) {
+        const fileHtml = {
             right: '',
             left: '',
         };
-        var maxLinesNumber = Math.max(oldLines.length, newLines.length);
-        for (var i = 0; i < maxLinesNumber; i++) {
-            var oldLine = oldLines[i];
-            var newLine = newLines[i];
-            var diff = oldLine !== undefined && newLine !== undefined
+        const maxLinesNumber = Math.max(oldLines.length, newLines.length);
+        for (let i = 0; i < maxLinesNumber; i++) {
+            const oldLine = oldLines[i];
+            const newLine = newLines[i];
+            const diff = oldLine !== undefined && newLine !== undefined
                 ? diffHighlight(oldLine.content, newLine.content, isCombined, this.config)
                 : undefined;
-            var preparedOldLine = oldLine !== undefined && oldLine.oldNumber !== undefined
-                ? side_by_side_renderer_assign(side_by_side_renderer_assign({}, (diff !== undefined
+            const preparedOldLine = oldLine !== undefined && oldLine.oldNumber !== undefined
+                ? Object.assign(Object.assign({}, (diff !== undefined
                     ? {
                         prefix: diff.oldLine.prefix,
                         content: diff.oldLine.content,
                         type: CSSLineClass.DELETE_CHANGES,
                     }
-                    : side_by_side_renderer_assign(side_by_side_renderer_assign({}, deconstructLine(oldLine.content, isCombined)), { type: toCSSClass(oldLine.type) }))), { number: oldLine.oldNumber }) : undefined;
-            var preparedNewLine = newLine !== undefined && newLine.newNumber !== undefined
-                ? side_by_side_renderer_assign(side_by_side_renderer_assign({}, (diff !== undefined
+                    : Object.assign(Object.assign({}, deconstructLine(oldLine.content, isCombined)), { type: toCSSClass(oldLine.type) }))), { number: oldLine.oldNumber }) : undefined;
+            const preparedNewLine = newLine !== undefined && newLine.newNumber !== undefined
+                ? Object.assign(Object.assign({}, (diff !== undefined
                     ? {
                         prefix: diff.newLine.prefix,
                         content: diff.newLine.content,
                         type: CSSLineClass.INSERT_CHANGES,
                     }
-                    : side_by_side_renderer_assign(side_by_side_renderer_assign({}, deconstructLine(newLine.content, isCombined)), { type: toCSSClass(newLine.type) }))), { number: newLine.newNumber }) : undefined;
-            var _a = this.generateLineHtml(preparedOldLine, preparedNewLine), left = _a.left, right = _a.right;
+                    : Object.assign(Object.assign({}, deconstructLine(newLine.content, isCombined)), { type: toCSSClass(newLine.type) }))), { number: newLine.newNumber }) : undefined;
+            const { left, right } = this.generateLineHtml(preparedOldLine, preparedNewLine);
             fileHtml.left += left;
             fileHtml.right += right;
         }
         return fileHtml;
-    };
-    SideBySideRenderer.prototype.generateLineHtml = function (oldLine, newLine) {
+    }
+    generateLineHtml(oldLine, newLine) {
         return {
             left: this.generateSingleHtml(oldLine),
             right: this.generateSingleHtml(newLine),
         };
-    };
-    SideBySideRenderer.prototype.generateSingleHtml = function (line) {
-        var lineClass = 'd2h-code-side-linenumber';
-        var contentClass = 'd2h-code-side-line';
+    }
+    generateSingleHtml(line) {
+        const lineClass = 'd2h-code-side-linenumber';
+        const contentClass = 'd2h-code-side-line';
         return this.hoganUtils.render(side_by_side_renderer_genericTemplatesPath, 'line', {
-            type: (line === null || line === void 0 ? void 0 : line.type) || "".concat(CSSLineClass.CONTEXT, " d2h-emptyplaceholder"),
-            lineClass: line !== undefined ? lineClass : "".concat(lineClass, " d2h-code-side-emptyplaceholder"),
-            contentClass: line !== undefined ? contentClass : "".concat(contentClass, " d2h-code-side-emptyplaceholder"),
+            type: (line === null || line === void 0 ? void 0 : line.type) || `${CSSLineClass.CONTEXT} d2h-emptyplaceholder`,
+            lineClass: line !== undefined ? lineClass : `${lineClass} d2h-code-side-emptyplaceholder`,
+            contentClass: line !== undefined ? contentClass : `${contentClass} d2h-code-side-emptyplaceholder`,
             prefix: (line === null || line === void 0 ? void 0 : line.prefix) === ' ' ? '&nbsp;' : line === null || line === void 0 ? void 0 : line.prefix,
             content: line === null || line === void 0 ? void 0 : line.content,
             lineNumber: line === null || line === void 0 ? void 0 : line.number,
         });
-    };
-    return SideBySideRenderer;
-}());
-/* harmony default export */ const side_by_side_renderer = (SideBySideRenderer);
+    }
+}
 //# sourceMappingURL=side-by-side-renderer.js.map
 // EXTERNAL MODULE: ../../node_modules/hogan.js/lib/hogan.js
 var hogan = __webpack_require__(112);
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/diff2html-templates.js
 
-var defaultTemplates = {};
+const defaultTemplates = {};
 defaultTemplates["file-summary-line"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<li class=\"d2h-file-list-line\">"); t.b("\n" + i); t.b("    <span class=\"d2h-file-name-wrapper\">"); t.b("\n" + i); t.b(t.rp("<fileIcon0", c, p, "      ")); t.b("      <a href=\"#"); t.b(t.v(t.f("fileHtmlId", c, p, 0))); t.b("\" class=\"d2h-file-name\">"); t.b(t.v(t.f("fileName", c, p, 0))); t.b("</a>"); t.b("\n" + i); t.b("      <span class=\"d2h-file-stats\">"); t.b("\n" + i); t.b("          <span class=\"d2h-lines-added\">"); t.b(t.v(t.f("addedLines", c, p, 0))); t.b("</span>"); t.b("\n" + i); t.b("          <span class=\"d2h-lines-deleted\">"); t.b(t.v(t.f("deletedLines", c, p, 0))); t.b("</span>"); t.b("\n" + i); t.b("      </span>"); t.b("\n" + i); t.b("    </span>"); t.b("\n" + i); t.b("</li>"); return t.fl(); }, partials: { "<fileIcon0": { name: "fileIcon", partials: {}, subs: {} } }, subs: {} });
-defaultTemplates["file-summary-wrapper"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<div class=\"d2h-file-list-wrapper\">"); t.b("\n" + i); t.b("    <div class=\"d2h-file-list-header\">"); t.b("\n" + i); t.b("        <span class=\"d2h-file-list-title\">Files changed ("); t.b(t.v(t.f("filesNumber", c, p, 0))); t.b(")</span>"); t.b("\n" + i); t.b("        <a class=\"d2h-file-switch d2h-hide\">hide</a>"); t.b("\n" + i); t.b("        <a class=\"d2h-file-switch d2h-show\">show</a>"); t.b("\n" + i); t.b("    </div>"); t.b("\n" + i); t.b("    <ol class=\"d2h-file-list\">"); t.b("\n" + i); t.b("    "); t.b(t.t(t.f("files", c, p, 0))); t.b("\n" + i); t.b("    </ol>"); t.b("\n" + i); t.b("</div>"); return t.fl(); }, partials: {}, subs: {} });
+defaultTemplates["file-summary-wrapper"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<div class=\"d2h-file-list-wrapper "); t.b(t.v(t.f("colorScheme", c, p, 0))); t.b("\">"); t.b("\n" + i); t.b("    <div class=\"d2h-file-list-header\">"); t.b("\n" + i); t.b("        <span class=\"d2h-file-list-title\">Files changed ("); t.b(t.v(t.f("filesNumber", c, p, 0))); t.b(")</span>"); t.b("\n" + i); t.b("        <a class=\"d2h-file-switch d2h-hide\">hide</a>"); t.b("\n" + i); t.b("        <a class=\"d2h-file-switch d2h-show\">show</a>"); t.b("\n" + i); t.b("    </div>"); t.b("\n" + i); t.b("    <ol class=\"d2h-file-list\">"); t.b("\n" + i); t.b("    "); t.b(t.t(t.f("files", c, p, 0))); t.b("\n" + i); t.b("    </ol>"); t.b("\n" + i); t.b("</div>"); return t.fl(); }, partials: {}, subs: {} });
 defaultTemplates["generic-block-header"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<tr>"); t.b("\n" + i); t.b("    <td class=\""); t.b(t.v(t.f("lineClass", c, p, 0))); t.b(" "); t.b(t.v(t.d("CSSLineClass.INFO", c, p, 0))); t.b("\"></td>"); t.b("\n" + i); t.b("    <td class=\""); t.b(t.v(t.d("CSSLineClass.INFO", c, p, 0))); t.b("\">"); t.b("\n" + i); t.b("        <div class=\""); t.b(t.v(t.f("contentClass", c, p, 0))); t.b("\">"); if (t.s(t.f("blockHeader", c, p, 1), c, p, 0, 156, 173, "{{ }}")) {
         t.rs(c, p, function (c, p, t) { t.b(t.t(t.f("blockHeader", c, p, 0))); });
         c.pop();
@@ -5243,7 +5347,7 @@ defaultTemplates["generic-line"] = new hogan.Template({ code: function (c, p, i)
         t.b("            <span class=\"d2h-code-line-ctn\"><br></span>");
         t.b("\n" + i);
     } ; t.b("        </div>"); t.b("\n" + i); t.b("    </td>"); t.b("\n" + i); t.b("</tr>"); return t.fl(); }, partials: {}, subs: {} });
-defaultTemplates["generic-wrapper"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<div class=\"d2h-wrapper\">"); t.b("\n" + i); t.b("    "); t.b(t.t(t.f("content", c, p, 0))); t.b("\n" + i); t.b("</div>"); return t.fl(); }, partials: {}, subs: {} });
+defaultTemplates["generic-wrapper"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<div class=\"d2h-wrapper "); t.b(t.v(t.f("colorScheme", c, p, 0))); t.b("\">"); t.b("\n" + i); t.b("    "); t.b(t.t(t.f("content", c, p, 0))); t.b("\n" + i); t.b("</div>"); return t.fl(); }, partials: {}, subs: {} });
 defaultTemplates["icon-file-added"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<svg aria-hidden=\"true\" class=\"d2h-icon d2h-added\" height=\"16\" title=\"added\" version=\"1.1\" viewBox=\"0 0 14 16\""); t.b("\n" + i); t.b("     width=\"14\">"); t.b("\n" + i); t.b("    <path d=\"M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z\"></path>"); t.b("\n" + i); t.b("</svg>"); return t.fl(); }, partials: {}, subs: {} });
 defaultTemplates["icon-file-changed"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<svg aria-hidden=\"true\" class=\"d2h-icon d2h-changed\" height=\"16\" title=\"modified\" version=\"1.1\""); t.b("\n" + i); t.b("     viewBox=\"0 0 14 16\" width=\"14\">"); t.b("\n" + i); t.b("    <path d=\"M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z\"></path>"); t.b("\n" + i); t.b("</svg>"); return t.fl(); }, partials: {}, subs: {} });
 defaultTemplates["icon-file-deleted"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<svg aria-hidden=\"true\" class=\"d2h-icon d2h-deleted\" height=\"16\" title=\"removed\" version=\"1.1\""); t.b("\n" + i); t.b("     viewBox=\"0 0 14 16\" width=\"14\">"); t.b("\n" + i); t.b("    <path d=\"M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM11 9H3V7h8v2z\"></path>"); t.b("\n" + i); t.b("</svg>"); return t.fl(); }, partials: {}, subs: {} });
@@ -5258,85 +5362,58 @@ defaultTemplates["tag-file-deleted"] = new hogan.Template({ code: function (c, p
 defaultTemplates["tag-file-renamed"] = new hogan.Template({ code: function (c, p, i) { var t = this; t.b(i = i || ""); t.b("<span class=\"d2h-tag d2h-moved d2h-moved-tag\">RENAMED</span>"); return t.fl(); }, partials: {}, subs: {} });
 //# sourceMappingURL=diff2html-templates.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/hoganjs-utils.js
-var hoganjs_utils_assign = (undefined && undefined.__assign) || function () {
-    hoganjs_utils_assign = Object.assign || function(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 hoganjs_utils_assign.apply(this, arguments);
-};
 
 
-var HoganJsUtils = (function () {
-    function HoganJsUtils(_a) {
-        var _b = _a.compiledTemplates, compiledTemplates = _b === void 0 ? {} : _b, _c = _a.rawTemplates, rawTemplates = _c === void 0 ? {} : _c;
-        var compiledRawTemplates = Object.entries(rawTemplates).reduce(function (previousTemplates, _a) {
-            var _b;
-            var name = _a[0], templateString = _a[1];
-            var compiledTemplate = hogan.compile(templateString, { asString: false });
-            return hoganjs_utils_assign(hoganjs_utils_assign({}, previousTemplates), (_b = {}, _b[name] = compiledTemplate, _b));
+class HoganJsUtils {
+    constructor({ compiledTemplates = {}, rawTemplates = {} }) {
+        const compiledRawTemplates = Object.entries(rawTemplates).reduce((previousTemplates, [name, templateString]) => {
+            const compiledTemplate = hogan.compile(templateString, { asString: false });
+            return Object.assign(Object.assign({}, previousTemplates), { [name]: compiledTemplate });
         }, {});
-        this.preCompiledTemplates = hoganjs_utils_assign(hoganjs_utils_assign(hoganjs_utils_assign({}, defaultTemplates), compiledTemplates), compiledRawTemplates);
+        this.preCompiledTemplates = Object.assign(Object.assign(Object.assign({}, defaultTemplates), compiledTemplates), compiledRawTemplates);
     }
-    HoganJsUtils.compile = function (templateString) {
+    static compile(templateString) {
         return hogan.compile(templateString, { asString: false });
-    };
-    HoganJsUtils.prototype.render = function (namespace, view, params, partials, indent) {
-        var templateKey = this.templateKey(namespace, view);
+    }
+    render(namespace, view, params, partials, indent) {
+        const templateKey = this.templateKey(namespace, view);
         try {
-            var template = this.preCompiledTemplates[templateKey];
+            const template = this.preCompiledTemplates[templateKey];
             return template.render(params, partials, indent);
         }
         catch (e) {
-            throw new Error("Could not find template to render '".concat(templateKey, "'"));
+            throw new Error(`Could not find template to render '${templateKey}'`);
         }
-    };
-    HoganJsUtils.prototype.template = function (namespace, view) {
+    }
+    template(namespace, view) {
         return this.preCompiledTemplates[this.templateKey(namespace, view)];
-    };
-    HoganJsUtils.prototype.templateKey = function (namespace, view) {
-        return "".concat(namespace, "-").concat(view);
-    };
-    return HoganJsUtils;
-}());
-/* harmony default export */ const hoganjs_utils = (HoganJsUtils);
+    }
+    templateKey(namespace, view) {
+        return `${namespace}-${view}`;
+    }
+}
 //# sourceMappingURL=hoganjs-utils.js.map
 ;// CONCATENATED MODULE: ../../node_modules/diff2html/lib-esm/diff2html.js
-var diff2html_assign = (undefined && undefined.__assign) || function () {
-    diff2html_assign = Object.assign || function(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 diff2html_assign.apply(this, arguments);
-};
 
 
 
 
 
 
-var defaultDiff2HtmlConfig = diff2html_assign(diff2html_assign(diff2html_assign({}, defaultLineByLineRendererConfig), defaultSideBySideRendererConfig), { outputFormat: OutputFormatType.LINE_BY_LINE, drawFileList: true });
-function diff2html_parse(diffInput, configuration) {
-    if (configuration === void 0) { configuration = {}; }
-    return DiffParser.parse(diffInput, diff2html_assign(diff2html_assign({}, defaultDiff2HtmlConfig), configuration));
+const defaultDiff2HtmlConfig = Object.assign(Object.assign(Object.assign({}, defaultLineByLineRendererConfig), defaultSideBySideRendererConfig), { outputFormat: OutputFormatType.LINE_BY_LINE, drawFileList: true });
+function diff2html_parse(diffInput, configuration = {}) {
+    return DiffParser.parse(diffInput, Object.assign(Object.assign({}, defaultDiff2HtmlConfig), configuration));
 }
-function html(diffInput, configuration) {
-    if (configuration === void 0) { configuration = {}; }
-    var config = diff2html_assign(diff2html_assign({}, defaultDiff2HtmlConfig), configuration);
-    var diffJson = typeof diffInput === 'string' ? parse(diffInput, config) : diffInput;
-    var hoganUtils = new hoganjs_utils(config);
-    var fileList = config.drawFileList ? render(diffJson, hoganUtils) : '';
-    var diffOutput = config.outputFormat === 'side-by-side'
-        ? new side_by_side_renderer(hoganUtils, config).render(diffJson)
-        : new line_by_line_renderer(hoganUtils, config).render(diffJson);
+function html(diffInput, configuration = {}) {
+    const config = Object.assign(Object.assign({}, defaultDiff2HtmlConfig), configuration);
+    const diffJson = typeof diffInput === 'string' ? parse(diffInput, config) : diffInput;
+    const hoganUtils = new HoganJsUtils(config);
+    const { colorScheme } = config;
+    const fileListRendererConfig = { colorScheme };
+    const fileList = config.drawFileList ? new FileListRenderer(hoganUtils, fileListRendererConfig).render(diffJson) : '';
+    const diffOutput = config.outputFormat === 'side-by-side'
+        ? new SideBySideRenderer(hoganUtils, config).render(diffJson)
+        : new LineByLineRenderer(hoganUtils, config).render(diffJson);
     return fileList + diffOutput;
 }
 //# sourceMappingURL=diff2html.js.map
@@ -5345,9 +5422,11 @@ var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); retur
 var external_vue_types_y = x => () => x
 const external_vue_types_namespaceObject = external_vue_types_x({ ["number"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.number, ["string"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string });
 ;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+// EXTERNAL MODULE: ../../node_modules/diff2html/bundles/css/diff2html.min.css
+var diff2html_min = __webpack_require__(9003);
 ;// CONCATENATED MODULE: ../../packages/code-diff/src/code-diff.tsx
 
 
@@ -5382,11 +5461,12 @@ const external_config_provider_namespaceObject = external_config_provider_x({ ["
 
 
 
+
 var diffFormats = ['side-by-side', 'line-by-line'];
-var CodeDiffFormat = (0,external_shared_namespaceObject.stringEnum)([].concat(diffFormats));
+var CodeDiffFormat = (0,shared_namespaceObject.stringEnum)([].concat(diffFormats));
 var LANGUAGES = (/* unused pure expression or super */ null && (['css', 'java', 'javascript', 'json', 'scss', 'less', 'stylus', 'shell', 'bash', 'cpp', 'go', 'xml', 'python', 'typescript', 'sql', 'ruby', 'vim', 'php', 'perl', 'powershell', 'makefile']));
 var themes = ['dark', 'light'];
-var themesEnum = (0,external_shared_namespaceObject.stringEnum)([].concat(themes));
+var themesEnum = (0,shared_namespaceObject.stringEnum)([].concat(themes));
 var codeDiffProps = {
   oldContent: (0,external_vue_types_namespaceObject.string)().def(''),
   newContent: (0,external_vue_types_namespaceObject.string)().def(''),
@@ -5395,7 +5475,7 @@ var codeDiffProps = {
   // conf: Object as PropType<Diff2Html.Diff2HtmlUIConfig>,
   theme: (0,external_vue_types_namespaceObject.string)().def('light'),
   language: (0,external_vue_types_namespaceObject.string)().def('javascript'),
-  hljs: external_shared_namespaceObject.PropTypes.any.isRequired
+  hljs: shared_namespaceObject.PropTypes.any.isRequired
 };
 // TODO: 感觉像是highlight.js的问题, 一些关键字无法显示高亮
 function changeCodeCls(htmlStr, lang) {
@@ -5408,12 +5488,12 @@ function changeCodeCls(htmlStr, lang) {
   props: codeDiffProps,
   emits: [],
   setup: function setup(props) {
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var diffBox = (0,external_vue_namespaceObject.ref)(null);
     var diffHtml = (0,external_vue_namespaceObject.ref)('');
     var diffBoxCls = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,external_shared_namespaceObject.classes)({
+      return (0,shared_namespaceObject.classes)({
         dark: props.theme === themesEnum.dark
       }, "hljs ".concat(resolveClassName('code-diff')));
     });
@@ -5493,9 +5573,9 @@ function changeCodeCls(htmlStr, lang) {
  */
 
 
-var BkCodeDiff = (0,external_shared_namespaceObject.withInstall)(code_diff);
+var BkCodeDiff = (0,shared_namespaceObject.withInstall)(code_diff);
 /* harmony default export */ const src = (BkCodeDiff);
 })();
 
-var __webpack_exports__default = __webpack_exports__.Z;
+var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };