@elice/material-exercise 1.240718.0-trasncript.2 → 1.240718.2

package/es/components/shared/monaco-editor/vendors/monaco-collab-ext/RemoteSelection.js

@@ -1,14 +1,48 @@
-import { createClass as _createClass, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import { REMOTE_MARKER_CLASS_NAME } from './styles.js';
 
-var RemoteSelection = /*#__PURE__*/function () {
+/* ====================================================================================================
+ * These codes forked and modified from `convergencelabs/monaco-collab-ext`
+ * under the terms of the MIT license.
+ * Make sure to check the original project if any issue exists.
+ * - project: https://github.com/convergencelabs/monaco-collab-ext
+ * - codes: https://github.com/convergencelabs/monaco-collab-ext/tree/6ece72028e4b8fb35e9928a304fbdfe28a4e7be9/src/ts
+ * ==================================================================================================== */
+class RemoteSelection {
+  /**
+   * A helper method to add a style tag to the head of the document that will
+   * style the color of the selection. The Monaco Editor only allows setting
+   * the class name of decorations, so we can not set a style property directly.
+   * This method will create, add, and return the style tag for this element.
+   */
+  static _addDynamicStyleElement(className, color) {
+    const css = `.${className} { background-color: ${color}; }`.trim();
+    const styleElement = document.createElement('style');
+    styleElement.innerText = css;
+    document.head.appendChild(styleElement);
+    return styleElement;
+  }
+  /**
+   * A helper method to ensure the start position is before the end position.
+   */
+  static _swapIfNeeded(start, end) {
+    if (start.lineNumber < end.lineNumber || start.lineNumber === end.lineNumber && start.column <= end.column) {
+      return {
+        start,
+        end
+      };
+    } else {
+      return {
+        start: end,
+        end: start
+      };
+    }
+  }
   /**
    * Constructs a new remote selection.
    *
    */
-  function RemoteSelection(codeEditor, id, classId, color, label, onDisposed) {
-    _classCallCheck(this, RemoteSelection);
+  constructor(codeEditor, id, classId, color, label, onDisposed) {
     /**
      * The current start position of the selection.
      */
@@ -23,8 +57,8 @@ var RemoteSelection = /*#__PURE__*/function () {
     this._disposed = false;
     this._editor = codeEditor;
     this._id = id;
-    var uniqueClassId = "".concat(REMOTE_MARKER_CLASS_NAME, "-selection-").concat(classId);
-    this._className = "".concat(REMOTE_MARKER_CLASS_NAME, "-selection ").concat(uniqueClassId);
+    const uniqueClassId = `${REMOTE_MARKER_CLASS_NAME}-selection-${classId}`;
+    this._className = `${REMOTE_MARKER_CLASS_NAME}-selection ${uniqueClassId}`;
     this._styleElement = RemoteSelection._addDynamicStyleElement(uniqueClassId, color);
     this._label = label;
     this._decorations = [];
@@ -33,154 +67,98 @@ var RemoteSelection = /*#__PURE__*/function () {
   /**
    * Gets the userland id of this selection.
    */
-  _createClass(RemoteSelection, [{
-    key: "getId",
-    value: function getId() {
-      return this._id;
-    }
-    /**
-     * Gets the start position of the selection.
-     *
-     * @returns
-     *   The start position of the selection.
-     */
-  }, {
-    key: "getStartPosition",
-    value: function getStartPosition() {
-      return Object.assign({}, this._startPosition);
-    }
-    /**
-     * Gets the start position of the selection.
-     *
-     * @returns
-     *   The start position of the selection.
-     */
-  }, {
-    key: "getEndPosition",
-    value: function getEndPosition() {
-      return Object.assign({}, this._endPosition);
-    }
-    /**
-     * Sets the selection using zero-based text indices.
-     */
-  }, {
-    key: "setOffsets",
-    value: function setOffsets(start, end) {
-      var _a, _b;
-      var startPosition = (_a = this._editor.getModel()) === null || _a === void 0 ? void 0 : _a.getPositionAt(start);
-      var endPosition = (_b = this._editor.getModel()) === null || _b === void 0 ? void 0 : _b.getPositionAt(end);
-      if (startPosition && endPosition) {
-        this.setPositions(startPosition, endPosition);
-      }
-    }
-    /**
-     * Sets the selection using Monaco's line-number / column coordinate system.
-     */
-  }, {
-    key: "setPositions",
-    value: function setPositions(start, end) {
-      this._decorations = this._editor.deltaDecorations(this._decorations, []);
-      var ordered = RemoteSelection._swapIfNeeded(start, end);
-      this._startPosition = ordered.start;
-      this._endPosition = ordered.end;
-      this._render();
-    }
-    /**
-     * Makes the selection visible if it is hidden.
-     */
-  }, {
-    key: "show",
-    value: function show() {
-      this._render();
-    }
-    /**
-     * Makes the selection hidden if it is visible.
-     */
-  }, {
-    key: "hide",
-    value: function hide() {
-      this._decorations = this._editor.deltaDecorations(this._decorations, []);
-    }
-    /**
-     * Determines if the selection has been permanently removed from the editor.
-     *
-     * @returns
-     *   True if the selection has been disposed, false otherwise.
-     */
-  }, {
-    key: "isDisposed",
-    value: function isDisposed() {
-      return this._disposed;
-    }
-    /**
-     * Permanently removes the selection from the editor.
-     */
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      var _a;
-      if (!this._disposed) {
-        (_a = this._styleElement.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this._styleElement);
-        this.hide();
-        this._disposed = true;
-        this._onDisposed();
-      }
-    }
-    /**
-     * A helper method that actually renders the selection as a decoration within
-     * the Monaco Editor.
-     *
-     * @private
-     */
-  }, {
-    key: "_render",
-    value: function _render() {
-      this._decorations = this._editor.deltaDecorations(this._decorations, [{
-        range: new monaco.Range(this._startPosition.lineNumber, this._startPosition.column, this._endPosition.lineNumber, this._endPosition.column),
-        options: {
-          className: this._className,
-          hoverMessage: this._label != null ? {
-            value: this._label
-          } : null
-        }
-      }]);
+  getId() {
+    return this._id;
+  }
+  /**
+   * Gets the start position of the selection.
+   *
+   * @returns
+   *   The start position of the selection.
+   */
+  getStartPosition() {
+    return Object.assign({}, this._startPosition);
+  }
+  /**
+   * Gets the start position of the selection.
+   *
+   * @returns
+   *   The start position of the selection.
+   */
+  getEndPosition() {
+    return Object.assign({}, this._endPosition);
+  }
+  /**
+   * Sets the selection using zero-based text indices.
+   */
+  setOffsets(start, end) {
+    var _a, _b;
+    const startPosition = (_a = this._editor.getModel()) === null || _a === void 0 ? void 0 : _a.getPositionAt(start);
+    const endPosition = (_b = this._editor.getModel()) === null || _b === void 0 ? void 0 : _b.getPositionAt(end);
+    if (startPosition && endPosition) {
+      this.setPositions(startPosition, endPosition);
     }
-  }], [{
-    key: "_addDynamicStyleElement",
-    value:
-    /**
-     * A helper method to add a style tag to the head of the document that will
-     * style the color of the selection. The Monaco Editor only allows setting
-     * the class name of decorations, so we can not set a style property directly.
-     * This method will create, add, and return the style tag for this element.
-     */
-    function _addDynamicStyleElement(className, color) {
-      var css = ".".concat(className, " { background-color: ").concat(color, "; }").trim();
-      var styleElement = document.createElement('style');
-      styleElement.innerText = css;
-      document.head.appendChild(styleElement);
-      return styleElement;
+  }
+  /**
+   * Sets the selection using Monaco's line-number / column coordinate system.
+   */
+  setPositions(start, end) {
+    this._decorations = this._editor.deltaDecorations(this._decorations, []);
+    const ordered = RemoteSelection._swapIfNeeded(start, end);
+    this._startPosition = ordered.start;
+    this._endPosition = ordered.end;
+    this._render();
+  }
+  /**
+   * Makes the selection visible if it is hidden.
+   */
+  show() {
+    this._render();
+  }
+  /**
+   * Makes the selection hidden if it is visible.
+   */
+  hide() {
+    this._decorations = this._editor.deltaDecorations(this._decorations, []);
+  }
+  /**
+   * Determines if the selection has been permanently removed from the editor.
+   *
+   * @returns
+   *   True if the selection has been disposed, false otherwise.
+   */
+  isDisposed() {
+    return this._disposed;
+  }
+  /**
+   * Permanently removes the selection from the editor.
+   */
+  dispose() {
+    var _a;
+    if (!this._disposed) {
+      (_a = this._styleElement.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this._styleElement);
+      this.hide();
+      this._disposed = true;
+      this._onDisposed();
     }
-    /**
-     * A helper method to ensure the start position is before the end position.
-     */
-  }, {
-    key: "_swapIfNeeded",
-    value: function _swapIfNeeded(start, end) {
-      if (start.lineNumber < end.lineNumber || start.lineNumber === end.lineNumber && start.column <= end.column) {
-        return {
-          start: start,
-          end: end
-        };
-      } else {
-        return {
-          start: end,
-          end: start
-        };
+  }
+  /**
+   * A helper method that actually renders the selection as a decoration within
+   * the Monaco Editor.
+   *
+   * @private
+   */
+  _render() {
+    this._decorations = this._editor.deltaDecorations(this._decorations, [{
+      range: new monaco.Range(this._startPosition.lineNumber, this._startPosition.column, this._endPosition.lineNumber, this._endPosition.column),
+      options: {
+        className: this._className,
+        hoverMessage: this._label != null ? {
+          value: this._label
+        } : null
       }
-    }
-  }]);
-  return RemoteSelection;
-}();
+    }]);
+  }
+}
 
 export { RemoteSelection };

package/es/components/shared/monaco-editor/vendors/monaco-collab-ext/RemoteSelectionManager.js

@@ -1,19 +1,24 @@
-import { createClass as _createClass, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { RemoteSelection } from './RemoteSelection.js';
 
+/* ====================================================================================================
+ * These codes forked and modified from `convergencelabs/monaco-collab-ext`
+ * under the terms of the MIT license.
+ * Make sure to check the original project if any issue exists.
+ * - project: https://github.com/convergencelabs/monaco-collab-ext
+ * - codes: https://github.com/convergencelabs/monaco-collab-ext/tree/6ece72028e4b8fb35e9928a304fbdfe28a4e7be9/src/ts
+ * ==================================================================================================== */
 /**
  * The RemoteSelectionManager renders remote users selections into the Monaco
  * editor using the editor's built-in decorators mechanism.
  */
-var RemoteSelectionManager = /*#__PURE__*/function () {
+class RemoteSelectionManager {
   /**
    * Creates a new RemoteSelectionManager with the specified options.
    *
    * @param options
    *   Ths options that configure the RemoteSelectionManager.
    */
-  function RemoteSelectionManager(options) {
-    _classCallCheck(this, RemoteSelectionManager);
+  constructor(options) {
     this._remoteSelections = new Map();
     this._options = options;
     this._nextClassId = 0;
@@ -26,111 +31,94 @@ var RemoteSelectionManager = /*#__PURE__*/function () {
    * @param color
    *   The color to render the selection with.
    */
-  _createClass(RemoteSelectionManager, [{
-    key: "addSelection",
-    value: function addSelection(id, color, label) {
-      var _this = this;
-      var onDisposed = function onDisposed() {
-        _this.removeSelection(id);
-      };
-      var selection = new RemoteSelection(this._options.editor, id, this._nextClassId++, color, label !== null && label !== void 0 ? label : '', onDisposed);
-      this._remoteSelections.set(id, selection);
-      return selection;
-    }
-    /**
-     * Removes an existing remote selection from the editor.
-     *
-     * @param id
-     *   The unique id of the selection.
-     */
-  }, {
-    key: "removeSelection",
-    value: function removeSelection(id) {
-      var remoteSelection = this._getSelection(id);
-      if (remoteSelection && !remoteSelection.isDisposed()) {
-        remoteSelection.dispose();
-      }
+  addSelection(id, color, label) {
+    const onDisposed = () => {
+      this.removeSelection(id);
+    };
+    const selection = new RemoteSelection(this._options.editor, id, this._nextClassId++, color, label !== null && label !== void 0 ? label : '', onDisposed);
+    this._remoteSelections.set(id, selection);
+    return selection;
+  }
+  /**
+   * Removes an existing remote selection from the editor.
+   *
+   * @param id
+   *   The unique id of the selection.
+   */
+  removeSelection(id) {
+    const remoteSelection = this._getSelection(id);
+    if (remoteSelection && !remoteSelection.isDisposed()) {
+      remoteSelection.dispose();
     }
-    /**
-     * Sets the selection using zero-based text offset locations.
-     *
-     * @param id
-     *   The unique id of the selection.
-     * @param start
-     *   The starting offset of the selection.
-     * @param end
-     *   The ending offset of the selection.
-     */
-  }, {
-    key: "setSelectionOffsets",
-    value: function setSelectionOffsets(id, start, end) {
-      var remoteSelection = this._getSelection(id);
-      if (remoteSelection) {
-        remoteSelection.setOffsets(start, end);
-      }
+  }
+  /**
+   * Sets the selection using zero-based text offset locations.
+   *
+   * @param id
+   *   The unique id of the selection.
+   * @param start
+   *   The starting offset of the selection.
+   * @param end
+   *   The ending offset of the selection.
+   */
+  setSelectionOffsets(id, start, end) {
+    const remoteSelection = this._getSelection(id);
+    if (remoteSelection) {
+      remoteSelection.setOffsets(start, end);
     }
-    /**
-     * Sets the selection using the Monaco Editor's IPosition (line numbers and columns)
-     * location concept.
-     *
-     * @param id
-     *   The unique id of the selection.
-     * @param start
-     *   The starting position of the selection.
-     * @param end
-     *   The ending position of the selection.
-     */
-  }, {
-    key: "setSelectionPositions",
-    value: function setSelectionPositions(id, start, end) {
-      var remoteSelection = this._getSelection(id);
-      if (remoteSelection) {
-        remoteSelection.setPositions(start, end);
-      }
+  }
+  /**
+   * Sets the selection using the Monaco Editor's IPosition (line numbers and columns)
+   * location concept.
+   *
+   * @param id
+   *   The unique id of the selection.
+   * @param start
+   *   The starting position of the selection.
+   * @param end
+   *   The ending position of the selection.
+   */
+  setSelectionPositions(id, start, end) {
+    const remoteSelection = this._getSelection(id);
+    if (remoteSelection) {
+      remoteSelection.setPositions(start, end);
     }
-    /**
-     * Shows the specified selection, if it is currently hidden.
-     *
-     * @param id
-     *   The unique id of the selection.
-     */
-  }, {
-    key: "showSelection",
-    value: function showSelection(id) {
-      var remoteSelection = this._getSelection(id);
-      if (remoteSelection) {
-        remoteSelection.show();
-      }
+  }
+  /**
+   * Shows the specified selection, if it is currently hidden.
+   *
+   * @param id
+   *   The unique id of the selection.
+   */
+  showSelection(id) {
+    const remoteSelection = this._getSelection(id);
+    if (remoteSelection) {
+      remoteSelection.show();
     }
-    /**
-     * Hides the specified selection, if it is currently shown.
-     *
-     * @param id
-     *   The unique id of the selection.
-     */
-  }, {
-    key: "hideSelection",
-    value: function hideSelection(id) {
-      var remoteSelection = this._getSelection(id);
-      if (remoteSelection) {
-        remoteSelection.hide();
-      }
+  }
+  /**
+   * Hides the specified selection, if it is currently shown.
+   *
+   * @param id
+   *   The unique id of the selection.
+   */
+  hideSelection(id) {
+    const remoteSelection = this._getSelection(id);
+    if (remoteSelection) {
+      remoteSelection.hide();
     }
-    /**
-     * A helper method that gets a cursor by id, or throws an exception.
-     * @internal
-     */
-  }, {
-    key: "_getSelection",
-    value: function _getSelection(id) {
-      var _a;
-      if (!this._remoteSelections.has(id)) {
-        throw new Error('No such selection: ' + id);
-      }
-      return (_a = this._remoteSelections.get(id)) !== null && _a !== void 0 ? _a : null;
+  }
+  /**
+   * A helper method that gets a cursor by id, or throws an exception.
+   * @internal
+   */
+  _getSelection(id) {
+    var _a;
+    if (!this._remoteSelections.has(id)) {
+      throw new Error('No such selection: ' + id);
     }
-  }]);
-  return RemoteSelectionManager;
-}();
+    return (_a = this._remoteSelections.get(id)) !== null && _a !== void 0 ? _a : null;
+  }
+}
 
 export { RemoteSelectionManager };

package/es/components/shared/monaco-editor/vendors/monaco-collab-ext/styles.js

@@ -8,7 +8,7 @@ import { css } from 'styled-components';
  * - project: https://github.com/convergencelabs/monaco-collab-ext
  * - codes: https://github.com/convergencelabs/monaco-collab-ext/tree/6ece72028e4b8fb35e9928a304fbdfe28a4e7be9/src/ts
  * ==================================================================================================== */
-var REMOTE_MARKER_CLASS_NAME = 'exercise-editor-marker';
-var cssRemoteMarker = css([".", "{&-cursor{position:absolute;pointer-events:none;z-index:4000;width:2px;&:before{content:'';width:6px;height:5px;display:block;margin-left:-2px;margin-top:0;z-index:4000;background:inherit;}&-tooltip{position:absolute;white-space:nowrap;color:", ";text-shadow:0 0 1px ", ";opacity:1;font-size:12px;padding:2px;font-family:'Pretendard','Malgun Gothic','Helvetica','Myriad Pro','Arial',sans-serif;z-index:4000;transition:opacity 0.5s ease-out;}}&-selection{position:absolute;pointer-events:auto;opacity:0.3;}}"], REMOTE_MARKER_CLASS_NAME, base.color.white, base.color.gray9);
+const REMOTE_MARKER_CLASS_NAME = 'exercise-editor-marker';
+const cssRemoteMarker = css([".", "{&-cursor{position:absolute;pointer-events:none;z-index:4000;width:2px;&:before{content:'';width:6px;height:5px;display:block;margin-left:-2px;margin-top:0;z-index:4000;background:inherit;}&-tooltip{position:absolute;white-space:nowrap;color:", ";text-shadow:0 0 1px ", ";opacity:1;font-size:12px;padding:2px;font-family:'Pretendard','Malgun Gothic','Helvetica','Myriad Pro','Arial',sans-serif;z-index:4000;transition:opacity 0.5s ease-out;}}&-selection{position:absolute;pointer-events:auto;opacity:0.3;}}"], REMOTE_MARKER_CLASS_NAME, base.color.white, base.color.gray9);
 
 export { REMOTE_MARKER_CLASS_NAME, cssRemoteMarker };

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/configCompat.js

@@ -1,7 +1,12 @@
+/* eslint-disable */
+/**
+ * Parses raw snippets definitions with possibly multiple keys into a plan
+ * snippet map
+ */
 /**
  * List of all known syntaxes
  */
-var syntaxes = {
+const syntaxes = {
   markup: ['html', 'xml', 'xsl', 'jsx', 'js', 'pug', 'slim', 'haml'],
   stylesheet: ['css', 'sass', 'scss', 'less', 'sss', 'stylus']
 };

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/data.js

@@ -6,10 +6,10 @@
  * - project: https://github.com/microsoft/vscode-emmet-helper
  * - codes: https://github.com/microsoft/vscode-emmet-helper/blob/e64481648451f0189216794979ce2ace82ee8148/src/data.ts
  * ==================================================================================================== */
-var cssData = {
+const cssData = {
   "properties": ["additive-symbols", "align-content", "align-items", "justify-items", "justify-self", "justify-items", "align-self", "all", "alt", "animation", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timing-function", "backface-visibility", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "behavior", "block-size", "border", "border-block-end", "border-block-start", "border-block-end-color", "border-block-start-color", "border-block-end-style", "border-block-start-style", "border-block-end-width", "border-block-start-width", "border-bottom", "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-collapse", "border-color", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-inline-end", "border-inline-start", "border-inline-end-color", "border-inline-start-color", "border-inline-end-style", "border-inline-start-style", "border-inline-end-width", "border-inline-start-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-radius", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-spacing", "border-style", "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width", "border-width", "bottom", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "caret-color", "clear", "clip", "clip-path", "clip-rule", "color", "color-interpolation-filters", "column-count", "column-fill", "column-gap", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "columns", "column-span", "column-width", "contain", "content", "counter-increment", "counter-reset", "cursor", "direction", "display", "empty-cells", "enable-background", "fallback", "fill", "fill-opacity", "fill-rule", "filter", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "flood-color", "flood-opacity", "font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-weight", "glyph-orientation-horizontal", "glyph-orientation-vertical", "grid-area", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows", "grid-column", "grid-column-end", "grid-column-gap", "grid-column-start", "grid-gap", "grid-row", "grid-row-end", "grid-row-gap", "grid-row-start", "grid-template", "grid-template-areas", "grid-template-columns", "grid-template-rows", "height", "hyphens", "image-orientation", "image-rendering", "ime-mode", "inline-size", "isolation", "justify-content", "kerning", "left", "letter-spacing", "lighting-color", "line-break", "line-height", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-block-end", "margin-block-start", "margin-bottom", "margin-inline-end", "margin-inline-start", "margin-left", "margin-right", "margin-top", "marker", "marker-end", "marker-mid", "marker-start", "mask-type", "max-block-size", "max-height", "max-inline-size", "max-width", "min-block-size", "min-height", "min-inline-size", "min-width", "mix-blend-mode", "motion", "motion-offset", "motion-path", "motion-rotation", "-moz-animation", "-moz-animation-delay", "-moz-animation-direction", "-moz-animation-duration", "-moz-animation-iteration-count", "-moz-animation-name", "-moz-animation-play-state", "-moz-animation-timing-function", "-moz-appearance", "-moz-backface-visibility", "-moz-background-clip", "-moz-background-inline-policy", "-moz-background-origin", "-moz-border-bottom-colors", "-moz-border-image", "-moz-border-left-colors", "-moz-border-right-colors", "-moz-border-top-colors", "-moz-box-align", "-moz-box-direction", "-moz-box-flex", "-moz-box-flexgroup", "-moz-box-ordinal-group", "-moz-box-orient", "-moz-box-pack", "-moz-box-sizing", "-moz-column-count", "-moz-column-gap", "-moz-column-rule", "-moz-column-rule-color", "-moz-column-rule-style", "-moz-column-rule-width", "-moz-columns", "-moz-column-width", "-moz-font-feature-settings", "-moz-hyphens", "-moz-perspective", "-moz-perspective-origin", "-moz-text-align-last", "-moz-text-decoration-color", "-moz-text-decoration-line", "-moz-text-decoration-style", "-moz-text-size-adjust", "-moz-transform", "-moz-transform-origin", "-moz-transition", "-moz-transition-delay", "-moz-transition-duration", "-moz-transition-property", "-moz-transition-timing-function", "-moz-user-focus", "-moz-user-select", "-ms-accelerator", "-ms-behavior", "-ms-block-progression", "-ms-content-zoom-chaining", "-ms-content-zooming", "-ms-content-zoom-limit", "-ms-content-zoom-limit-max", "-ms-content-zoom-limit-min", "-ms-content-zoom-snap", "-ms-content-zoom-snap-points", "-ms-content-zoom-snap-type", "-ms-filter", "-ms-flex", "-ms-flex-align", "-ms-flex-direction", "-ms-flex-flow", "-ms-flex-item-align", "-ms-flex-line-pack", "-ms-flex-order", "-ms-flex-pack", "-ms-flex-wrap", "-ms-flow-from", "-ms-flow-into", "-ms-grid-column", "-ms-grid-column-align", "-ms-grid-columns", "-ms-grid-column-span", "-ms-grid-layer", "-ms-grid-row", "-ms-grid-row-align", "-ms-grid-rows", "-ms-grid-row-span", "-ms-high-contrast-adjust", "-ms-hyphenate-limit-chars", "-ms-hyphenate-limit-lines", "-ms-hyphenate-limit-zone", "-ms-hyphens", "-ms-ime-mode", "-ms-interpolation-mode", "-ms-layout-grid", "-ms-layout-grid-char", "-ms-layout-grid-line", "-ms-layout-grid-mode", "-ms-layout-grid-type", "-ms-line-break", "-ms-overflow-style", "-ms-perspective", "-ms-perspective-origin", "-ms-perspective-origin-x", "-ms-perspective-origin-y", "-ms-progress-appearance", "-ms-scrollbar-3dlight-color", "-ms-scrollbar-arrow-color", "-ms-scrollbar-base-color", "-ms-scrollbar-darkshadow-color", "-ms-scrollbar-face-color", "-ms-scrollbar-highlight-color", "-ms-scrollbar-shadow-color", "-ms-scrollbar-track-color", "-ms-scroll-chaining", "-ms-scroll-limit", "-ms-scroll-limit-x-max", "-ms-scroll-limit-x-min", "-ms-scroll-limit-y-max", "-ms-scroll-limit-y-min", "-ms-scroll-rails", "-ms-scroll-snap-points-x", "-ms-scroll-snap-points-y", "-ms-scroll-snap-type", "-ms-scroll-snap-x", "-ms-scroll-snap-y", "-ms-scroll-translation", "-ms-text-align-last", "-ms-text-autospace", "-ms-text-combine-horizontal", "-ms-text-justify", "-ms-text-kashida-space", "-ms-text-overflow", "-ms-text-size-adjust", "-ms-text-underline-position", "-ms-touch-action", "-ms-touch-select", "-ms-transform", "-ms-transform-origin", "-ms-transform-origin-x", "-ms-transform-origin-y", "-ms-transform-origin-z", "-ms-user-select", "-ms-word-break", "-ms-word-wrap", "-ms-wrap-flow", "-ms-wrap-margin", "-ms-wrap-through", "-ms-writing-mode", "-ms-zoom", "-ms-zoom-animation", "nav-down", "nav-index", "nav-left", "nav-right", "nav-up", "negative", "-o-animation", "-o-animation-delay", "-o-animation-direction", "-o-animation-duration", "-o-animation-fill-mode", "-o-animation-iteration-count", "-o-animation-name", "-o-animation-play-state", "-o-animation-timing-function", "object-fit", "object-position", "-o-border-image", "-o-object-fit", "-o-object-position", "opacity", "order", "orphans", "-o-table-baseline", "-o-tab-size", "-o-text-overflow", "-o-transform", "-o-transform-origin", "-o-transition", "-o-transition-delay", "-o-transition-duration", "-o-transition-property", "-o-transition-timing-function", "offset-block-end", "offset-block-start", "offset-inline-end", "offset-inline-start", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-wrap", "overflow-x", "overflow-y", "pad", "padding", "padding-bottom", "padding-block-end", "padding-block-start", "padding-inline-end", "padding-inline-start", "padding-left", "padding-right", "padding-top", "page-break-after", "page-break-before", "page-break-inside", "paint-order", "perspective", "perspective-origin", "pointer-events", "position", "prefix", "quotes", "range", "resize", "right", "ruby-align", "ruby-overhang", "ruby-position", "ruby-span", "scrollbar-3dlight-color", "scrollbar-arrow-color", "scrollbar-base-color", "scrollbar-darkshadow-color", "scrollbar-face-color", "scrollbar-highlight-color", "scrollbar-shadow-color", "scrollbar-track-color", "scroll-behavior", "scroll-snap-coordinate", "scroll-snap-destination", "scroll-snap-points-x", "scroll-snap-points-y", "scroll-snap-type", "shape-image-threshold", "shape-margin", "shape-outside", "shape-rendering", "size", "src", "stop-color", "stop-opacity", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "suffix", "system", "symbols", "table-layout", "tab-size", "text-align", "text-align-last", "text-anchor", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-transform", "text-underline-position", "top", "touch-action", "transform", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "unicode-bidi", "unicode-range", "user-select", "vertical-align", "visibility", "-webkit-animation", "-webkit-animation-delay", "-webkit-animation-direction", "-webkit-animation-duration", "-webkit-animation-fill-mode", "-webkit-animation-iteration-count", "-webkit-animation-name", "-webkit-animation-play-state", "-webkit-animation-timing-function", "-webkit-appearance", "-webkit-backdrop-filter", "-webkit-backface-visibility", "-webkit-background-clip", "-webkit-background-composite", "-webkit-background-origin", "-webkit-border-image", "-webkit-box-align", "-webkit-box-direction", "-webkit-box-flex", "-webkit-box-flex-group", "-webkit-box-ordinal-group", "-webkit-box-orient", "-webkit-box-pack", "-webkit-box-reflect", "-webkit-box-sizing", "-webkit-break-after", "-webkit-break-before", "-webkit-break-inside", "-webkit-column-break-after", "-webkit-column-break-before", "-webkit-column-break-inside", "-webkit-column-count", "-webkit-column-gap", "-webkit-column-rule", "-webkit-column-rule-color", "-webkit-column-rule-style", "-webkit-column-rule-width", "-webkit-columns", "-webkit-column-span", "-webkit-column-width", "-webkit-filter", "-webkit-flow-from", "-webkit-flow-into", "-webkit-font-feature-settings", "-webkit-hyphens", "-webkit-line-break", "-webkit-margin-bottom-collapse", "-webkit-margin-collapse", "-webkit-margin-start", "-webkit-margin-top-collapse", "-webkit-mask-clip", "-webkit-mask-image", "-webkit-mask-origin", "-webkit-mask-repeat", "-webkit-mask-size", "-webkit-nbsp-mode", "-webkit-overflow-scrolling", "-webkit-padding-start", "-webkit-perspective", "-webkit-perspective-origin", "-webkit-region-fragment", "-webkit-tap-highlight-color", "-webkit-text-fill-color", "-webkit-text-size-adjust", "-webkit-text-stroke", "-webkit-text-stroke-color", "-webkit-text-stroke-width", "-webkit-touch-callout", "-webkit-transform", "-webkit-transform-origin", "-webkit-transform-origin-x", "-webkit-transform-origin-y", "-webkit-transform-origin-z", "-webkit-transform-style", "-webkit-transition", "-webkit-transition-delay", "-webkit-transition-duration", "-webkit-transition-property", "-webkit-transition-timing-function", "-webkit-user-drag", "-webkit-user-modify", "-webkit-user-select", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom"]
 };
-var htmlData = {
+const htmlData = {
   "tags": ["body", "head", "html", "address", "blockquote", "dd", "div", "section", "article", "aside", "header", "footer", "nav", "menu", "dl", "dt", "fieldset", "form", "frame", "frameset", "h1", "h2", "h3", "h4", "h5", "h6", "iframe", "noframes", "object", "ol", "p", "ul", "applet", "center", "dir", "hr", "pre", "a", "abbr", "acronym", "area", "b", "base", "basefont", "bdo", "big", "br", "button", "caption", "cite", "code", "col", "colgroup", "del", "dfn", "em", "font", "i", "img", "input", "ins", "isindex", "kbd", "label", "legend", "li", "link", "map", "meta", "noscript", "optgroup", "option", "param", "q", "s", "samp", "script", "select", "small", "span", "strike", "strong", "style", "sub", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "title", "tr", "tt", "u", "var", "canvas", "main", "figure", "plaintext", "figcaption", "hgroup", "details", "summary"]
 };