@openui5/sap.ui.codeeditor 1.132.1 → 1.134.0

package/src/sap/ui/codeeditor/js/ace/css/theme/cloud_editor_dark.css

@@ -0,0 +1,224 @@
+
+.ace-cloud_editor_dark .ace_gutter {
+    background: #282c34;
+    color: #8e96a9;
+}
+
+.ace-cloud_editor_dark.ace_dark .ace_tooltip-marker-error.ace_tooltip-marker {
+    background-color: #ff5d64;
+}
+.ace-cloud_editor_dark.ace_dark .ace_tooltip-marker-security.ace_tooltip-marker {
+    background-color: #ff5d64;
+}
+.ace-cloud_editor_dark.ace_dark .ace_tooltip-marker-warning.ace_tooltip-marker {
+    background-color: #e0ca57;
+}
+
+.ace-cloud_editor_dark .ace_print-margin {
+    width: 1px;
+    background: #e8e8e8;
+}
+
+.ace-cloud_editor_dark {
+    background-color: #282c34;
+    color: #dcdfe4;
+}
+
+.ace-cloud_editor_dark .ace_cursor {
+    color: #66b2f0;
+}
+
+.ace-cloud_editor_dark .ace_marker-layer .ace_selection {
+    background: #4376bd;
+}
+
+.ace-cloud_editor_dark.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #8e96a9;
+    border-radius: 2px;
+}
+
+.ace-cloud_editor_dark .ace_marker-layer .ace_step {
+    background: #6fb342;
+}
+
+.ace-cloud_editor_dark .ace_marker-layer .ace_bracket {
+    margin: 0 0 0 -1px;
+    border: 1px solid #e8e8e8;
+}
+
+.ace-cloud_editor_dark .ace_marker-layer .ace_active-line {
+    box-sizing: border-box;
+    border-top: 1px solid #75777a;
+    border-bottom: 1px solid #75777a;
+}
+
+.ace-cloud_editor_dark .ace_gutter-cell_svg-icons {
+    box-sizing: border-box;
+    border-top: 1px solid #282c34;
+    border-bottom: 1px solid #282c34;
+}
+
+.ace-cloud_editor_dark .ace_gutter-active-line {
+    background-repeat: no-repeat;
+    box-sizing: border-box;
+    border-top: 1px solid #75777a;
+    border-bottom: 1px solid #75777a;
+}
+
+.ace-cloud_editor_dark .ace_marker-layer .ace_selected-word {
+    border: 1px solid #9bd0f7;
+}
+
+.ace-cloud_editor_dark .ace_fold {
+    background-color: #66b2f0;
+    border-color: #dcdfe4;
+}
+
+.ace-cloud_editor_dark .ace_keyword {
+    color: #c674dc;
+}
+
+.ace-cloud_editor_dark .ace_constant {
+    color: #e5c383;
+}
+
+.ace-cloud_editor_dark .ace_constant.ace_numeric {
+    color: #e5c383;
+}
+
+.ace-cloud_editor_dark .ace_constant.ace_character.ace_escape {
+    color: #71ccc7;
+}
+
+.ace-cloud_editor_dark .ace_support.ace_function {
+    color: #e96a71;
+}
+
+.ace-cloud_editor_dark .ace_support.ace_class {
+    color: #e5c383;
+}
+
+.ace-cloud_editor_dark .ace_storage {
+    color: #c674dc;
+}
+
+.ace-cloud_editor_dark .ace_invalid.ace_illegal {
+    color: #dcdfe4;
+    background-color:#66b2f0;
+}
+
+.ace-cloud_editor_dark .ace_invalid.ace_deprecated {
+    color: #dcdfe4;
+    background-color: #e5c383;
+}
+
+.ace-cloud_editor_dark .ace_string {
+    color: #6fb342;
+}
+
+.ace-cloud_editor_dark .ace_string.ace_regexp {
+    color: #6fb342;
+}
+
+.ace-cloud_editor_dark .ace_comment,
+.ace-cloud_editor_dark .ace_ghost_text {
+    color: #b5bac0;
+    opacity: 1;
+}
+
+.ace-cloud_editor_dark .ace_variable {
+    color:#66b2f0;
+}
+
+.ace-cloud_editor_dark .ace_meta.ace_selector {
+    color: #c674dc;
+}
+
+.ace-cloud_editor_dark .ace_entity.ace_other.ace_attribute-name {
+    color: #e5c383;
+}
+
+.ace-cloud_editor_dark .ace_entity.ace_name.ace_function {
+    color: #e96a71;
+}
+
+.ace-cloud_editor_dark .ace_entity.ace_name.ace_tag {
+    color:#66b2f0;
+}
+.ace-cloud_editor_dark .ace_heading {
+    color: #e96a71;
+}
+
+.ace-cloud_editor_dark .ace_xml-pe {
+    color: #e5c383;
+}
+.ace-cloud_editor_dark .ace_doctype {
+    color:#66b2f0;
+}
+
+.ace-cloud_editor_dark .ace_entity.ace_name.ace_tag,
+.ace-cloud_editor_dark .ace_entity.ace_other.ace_attribute-name,
+.ace-cloud_editor_dark .ace_meta.ace_tag,
+.ace-cloud_editor_dark .ace_string.ace_regexp,
+.ace-cloud_editor_dark .ace_variable {
+    color:#66b2f0;
+}
+
+.ace-cloud_editor_dark .ace_tooltip {
+    background-color: #282c34;
+    color: #dcdfe4;
+}
+
+.ace-cloud_editor_dark .ace_icon_svg.ace_error,
+.ace-cloud_editor_dark .ace_icon_svg.ace_error_fold {
+    background-color: #ff5d64;
+}
+.ace-cloud_editor_dark .ace_icon_svg.ace_security,
+.ace-cloud_editor_dark .ace_icon_svg.ace_security_fold {
+    background-color: #ff5d64;
+}
+.ace-cloud_editor_dark .ace_icon_svg.ace_warning,
+.ace-cloud_editor_dark .ace_icon_svg.ace_warning_fold {
+    background-color: #e0ca57;
+}
+.ace-cloud_editor_dark .ace_icon_svg.ace_info {
+    background-color: #44b9d6;
+}
+.ace-cloud_editor_dark .ace_icon_svg.ace_hint {
+    background-color: #44b9d6;
+}
+.ace-cloud_editor_dark .ace_highlight-marker {
+    background: none;
+    border: #66b2f0 1px solid;
+}
+.ace-cloud_editor_dark .ace_tooltip.ace_hover-tooltip:focus > div {
+    outline: 1px solid #44b9d6;
+}
+.ace-cloud_editor_dark .ace_snippet-marker {
+    background-color: #434650;
+    border: 0;
+}
+
+.ace-cloud_editor_dark.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
+    background-color: #272A30;
+    border: #299FBC 1.5px solid;
+}
+.ace-cloud_editor_dark.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {
+    border: 1px solid #d5dbdb;
+    background: #272A30;
+}
+.ace-cloud_editor_dark.ace_dark.ace_editor.ace_autocomplete .ace_completion-meta {
+    color: #95a5a6;
+    opacity: 1;
+}
+.ace-cloud_editor_dark.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight{
+    color: #2AA0BC;
+}
+.ace-cloud_editor_dark.ace_dark.ace_editor.ace_autocomplete {
+    box-shadow: 0 1px 1px 0 #001c244d, 1px 1px 1px 0 #001c2426, -1px 1px 1px 0 #001c2426;
+    line-height: 1.5;
+    border: 1px solid #2a2e33;
+    background: #050506;
+    color: #ffffff;
+}
+

package/src/sap/ui/codeeditor/js/ace/css/theme/github_light_default.css

@@ -0,0 +1,164 @@
+.ace-github-light-default .ace_gutter {
+    background: #ffffff;
+    color: rgba(27, 31, 35, 0.3);
+}
+
+.ace-github-light-default .ace_print-margin {
+    width: 1px;
+    background: #e8e8e8;
+}
+
+.ace-github-light-default {
+    background-color: #FFFFFF;
+    color: #24292E;
+}
+
+.ace-github-light-default .ace_cursor {
+    color: #044289;
+    background: none;
+}
+
+.ace-github-light-default .ace_marker-layer .ace_selection {
+    background: rgba(3, 102, 214, 0.14);
+}
+
+.ace-github-light-default.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #FFFFFF;
+    border-radius: 2px;
+}
+
+.ace-github-light-default .ace_marker-layer .ace_step {
+    background: rgb(198, 219, 174);
+}
+
+.ace-github-light-default .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid rgba(52, 208, 88, 0);
+    background: rgba(52, 208, 88, 0.25);
+}
+
+.ace-github-light-default .ace_marker-layer .ace_active-line {
+    background: #f6f8fa;
+    border: 2px solid #eeeeee;
+}
+
+.ace-github-light-default .ace_gutter-active-line {
+    background-color: #f6f8fa;
+    color: #24292e
+}
+
+.ace-github-light-default .ace_marker-layer .ace_selected-word {
+    border: 1px solid rgba(3, 102, 214, 0.14);
+}
+
+.ace-github-light-default .ace_fold {
+    background-color: #D73A49;
+    border-color: #24292E;
+}
+
+.ace_tooltip.ace-github-light-default {
+    background-color: #f6f8fa !important;
+    color: #444d56 !important;
+    border: 1px solid #444d56
+}
+
+.ace-github-light-default .language_highlight_error {
+    border-bottom: dotted 1px #cb2431;
+    background: none;
+}
+
+.ace-github-light-default .language_highlight_warning {
+    border-bottom: solid 1px #f9c513;
+    background: none;
+}
+
+.ace-github-light-default .language_highlight_info {
+    border-bottom: dotted 1px #1a85ff;
+    background: none;
+}
+
+.ace-github-light-default .ace_keyword {
+    color: #D73A49;
+}
+
+.ace-github-light-default .ace_constant {
+    color: #005CC5;
+}
+
+.ace-github-light-default .ace_support {
+    color: #005CC5;
+}
+
+.ace-github-light-default .ace_support.ace_constant {
+    color: #005CC5;
+}
+
+.ace-github-light-default .ace_support.ace_type {
+    color: #D73A49;
+}
+
+.ace-github-light-default .ace_storage {
+    color: #D73A49;
+}
+
+.ace-github-light-default .ace_storage.ace_type {
+    color: #D73A49;
+}
+
+.ace-github-light-default .ace_invalid.ace_illegal {
+    font-style: italic;
+    color: #B31D28;
+}
+
+.ace-github-light-default .ace_invalid.ace_deprecated {
+    font-style: italic;
+    color: #B31D28;
+}
+
+.ace-github-light-default .ace_string {
+    color: #032F62;
+}
+
+.ace-github-light-default .ace_string.ace_regexp {
+    color: #032F62;
+}
+
+.ace-github-light-default .ace_comment {
+    color: #6A737D;
+}
+
+.ace-github-light-default .ace_variable {
+    color: #E36209;
+}
+
+.ace-github-light-default .ace_variable.ace_language {
+    color: #005CC5;
+}
+
+.ace-github-light-default .ace_entity.ace_name {
+    color: #6F42C1;
+}
+
+.ace-github-light-default .ace_entity {
+    color: #6F42C1;
+}
+
+.ace-github-light-default .ace_entity.ace_name.ace_tag {
+    color: #22863A;
+}
+
+.ace-github-light-default .ace_meta.ace_tag {
+    color: #22863A;
+}
+
+.ace-github-light-default .ace_markup.ace_heading {
+    color: #005CC5;
+}
+
+.ace-github-light-default .ace_indent-guide {
+  background: url("../github_light_default-1.png") right repeat-y;
+}
+
+.ace-github-light-default .ace_indent-guide-active {
+  background: url("../github_light_default-2.png") right repeat-y;
+}

package/src/sap/ui/codeeditor/js/ace/css/theme/solarized_dark.css

@@ -10,12 +10,12 @@
 
 .ace-solarized-dark {
   background-color: #002B36;
-  color: #93A1A1
+  color: #839496
 }
 
 .ace-solarized-dark .ace_entity.ace_other.ace_attribute-name,
 .ace-solarized-dark .ace_storage {
-  color: #93A1A1
+  color: #839496
 }
 
 .ace-solarized-dark .ace_cursor,

package/src/sap/ui/codeeditor/js/ace/ext-code_lens.js

@@ -1,5 +1,4 @@
-ace.define("ace/ext/code_lens",["require","exports","module","ace/line_widgets","ace/lib/event","ace/lib/lang","ace/lib/dom","ace/editor","ace/config"], function(require, exports, module){"use strict";
-var LineWidgets = require("../line_widgets").LineWidgets;
+ace.define("ace/ext/code_lens",["require","exports","module","ace/lib/event","ace/lib/lang","ace/lib/dom","ace/editor","ace/config"], function(require, exports, module){"use strict";
 var event = require("../lib/event");
 var lang = require("../lib/lang");
 var dom = require("../lib/dom");
@@ -121,10 +120,6 @@ function attachToEditor(editor) {
         var session = editor.session;
         if (!session)
             return;
-        if (!session.widgetManager) {
-            session.widgetManager = new LineWidgets(session);
-            session.widgetManager.attach(editor);
-        }
         var providersToWaitNum = editor.codeLensProviders.length;
         var lenses = [];
         editor.codeLensProviders.forEach(function (provider) {

package/src/sap/ui/codeeditor/js/ace/ext-command_bar.js

@@ -85,7 +85,8 @@ var CommandBarTooltip = /** @class */ (function () {
         if (!registerForMainTooltip && !this.elements[MORE_OPTIONS_BUTTON_ID]) {
             this.$createCommand(MORE_OPTIONS_BUTTON_ID, {
                 name: "···",
-                exec: function () {
+                exec: 
+                function () {
                     this.$shouldHideMoreOptions = false;
                     this.$setMoreOptionsVisibility(!this.isMoreOptionsShown());
                 }.bind(this),
@@ -269,7 +270,8 @@ var CommandBarTooltip = /** @class */ (function () {
         }
         dom.buildDom(['div', { class: [BUTTON_CLASS_NAME, command.cssClass || ""].join(" "), ref: id }, buttonNode], parentEl, this.elements);
         this.commands[id] = command;
-        var eventListener = function (e) {
+        var eventListener = 
+        function (e) {
             if (this.editor) {
                 this.editor.focus();
             }

package/src/sap/ui/codeeditor/js/ace/ext-emmet.js

@@ -87,7 +87,7 @@ var SnippetManager = /** @class */ (function () {
         this.variables = VARIABLES;
     }
     SnippetManager.prototype.getTokenizer = function () {
-        return SnippetManager.$tokenizer || this.createTokenizer();
+        return SnippetManager["$tokenizer"] || this.createTokenizer();
     };
     SnippetManager.prototype.createTokenizer = function () {
         function TabstopToken(str) {
@@ -110,7 +110,7 @@ var SnippetManager = /** @class */ (function () {
             },
             next: "formatString"
         };
-        SnippetManager.$tokenizer = new Tokenizer({
+        SnippetManager["$tokenizer"] = new Tokenizer({
             start: [
                 { regex: /\\./, onMatch: function (val, state, stack) {
                         var ch = val[1];
@@ -207,7 +207,7 @@ var SnippetManager = /** @class */ (function () {
                 { regex: "([^:}\\\\]|\\\\.)*:?", token: "", next: "formatString" }
             ]
         });
-        return SnippetManager.$tokenizer;
+        return SnippetManager["$tokenizer"];
     };
     SnippetManager.prototype.tokenizeTmSnippet = function (str, startState) {
         return this.getTokenizer().getLineTokens(str, startState).tokens.map(function (x) {
@@ -529,7 +529,7 @@ var SnippetManager = /** @class */ (function () {
     };
     SnippetManager.prototype.parseSnippetFile = function (str) {
         str = str.replace(/\r/g, "");
-        var list = [], snippet = {};
+        var list = [], /**@type{Snippet}*/ snippet = {};
         var re = /^#.*|^({[\s\S]*})\s*$|^(\S+) (.*)$|^((?:\n*\t.*)+)/gm;
         var m;
         while (m = re.exec(str)) {
@@ -806,8 +806,10 @@ var TabstopManager = /** @class */ (function () {
         if (index == max)
             index = 0;
         this.selectTabstop(index);
-        if (index === 0)
+        this.updateTabstopMarkers();
+        if (index === 0) {
             this.detach();
+        }
     };
     TabstopManager.prototype.selectTabstop = function (index) {
         this.$openTabstops = null;
@@ -852,8 +854,10 @@ var TabstopManager = /** @class */ (function () {
         var i = this.index;
         var arg = [i + 1, 0];
         var ranges = this.ranges;
+        var snippetId = this.snippetId = (this.snippetId || 0) + 1;
         tabstops.forEach(function (ts, index) {
             var dest = this.$openTabstops[index] || ts;
+            dest.snippetId = snippetId;
             for (var i = 0; i < ts.length; i++) {
                 var p = ts[i];
                 var range = Range.fromPoints(p.start, p.end || p.start);
@@ -904,6 +908,20 @@ var TabstopManager = /** @class */ (function () {
             range.markerId = null;
         });
     };
+    TabstopManager.prototype.updateTabstopMarkers = function () {
+        if (!this.selectedTabstop)
+            return;
+        var currentSnippetId = this.selectedTabstop.snippetId;
+        if (this.selectedTabstop.index === 0) {
+            currentSnippetId--;
+        }
+        this.tabstops.forEach(function (ts) {
+            if (ts.snippetId === currentSnippetId)
+                this.addTabstopMarkers(ts);
+            else
+                this.removeTabstopMarkers(ts);
+        }, this);
+    };
     TabstopManager.prototype.removeRange = function (range) {
         var i = range.tabstop.indexOf(range);
         if (i != -1)
@@ -979,7 +997,7 @@ var AceEmmetEditor = /** @class */ (function () {
         this.ace = editor;
         this.indentation = editor.session.getTabString();
         if (!emmet)
-            emmet = window.emmet;
+            emmet = window["emmet"];
         var resources = emmet.resources || emmet.require("resources");
         resources.setVariable("indentation", this.indentation);
         this.$syntax = null;