@openui5/sap.ui.codeeditor 1.120.6 → 1.121.0

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

@@ -1,4 +1,44 @@
-/*ace.js*/
+/*ace_scrollbar.css*/
+.ace_editor>.ace_sb-v div, .ace_editor>.ace_sb-h div{
+position: absolute;
+background: rgba(128, 128, 128, 0.6);
+-moz-box-sizing: border-box;
+box-sizing: border-box;
+border: 1px solid #bbb;
+border-radius: 2px;
+z-index: 8;
+}
+.ace_editor>.ace_sb-v, .ace_editor>.ace_sb-h {
+position: absolute;
+z-index: 6;
+background: none;
+overflow: hidden!important;
+}
+.ace_editor>.ace_sb-v {
+z-index: 6;
+right: 0;
+top: 0;
+width: 12px;
+}
+.ace_editor>.ace_sb-v div {
+z-index: 8;
+right: 0;
+width: 100%;
+}
+.ace_editor>.ace_sb-h {
+bottom: 0;
+left: 0;
+height: 12px;
+}
+.ace_editor>.ace_sb-h div {
+bottom: 0;
+height: 100%;
+}
+.ace_editor>.ace_sb_grabbed {
+z-index: 8;
+background: #000;
+}
+/*ace_editor.css*/
 .ace_br1 {border-top-left-radius    : 3px;}
 .ace_br2 {border-top-right-radius   : 3px;}
 .ace_br3 {border-top-left-radius    : 3px; border-top-right-radius:    3px;}
@@ -18,7 +58,7 @@
 position: relative;
 overflow: hidden;
 padding: 0;
-font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
+font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
 direction: ltr;
 text-align: left;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -42,6 +82,10 @@ min-width: 100%;
 contain: style size layout;
 font-variant-ligatures: no-common-ligatures;
 }
+.ace_keyboard-focus:focus {
+box-shadow: inset 0 0 0 2px #5E9ED6;
+outline: none;
+}
 .ace_dragging .ace_scroller:before{
 position: absolute;
 top: 0;
@@ -55,9 +99,6 @@ z-index: 1000;
 .ace_dragging.ace_dark .ace_scroller:before{
 background: rgba(0, 0, 0, 0.01);
 }
-.ace_selecting, .ace_selecting * {
-cursor: text !important;
-}
 .ace_gutter {
 position: absolute;
 overflow : hidden;
@@ -78,10 +119,17 @@ position: absolute;
 left: 0;
 right: 0;
 }
-.ace_scroller.ace_scroll-left {
+.ace_scroller.ace_scroll-left:after {
+content: "";
+position: absolute;
+top: 0;
+right: 0;
+bottom: 0;
+left: 0;
 box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
+pointer-events: none;
 }
-.ace_gutter-cell {
+.ace_gutter-cell, .ace_gutter-cell_svg-icons {
 position: absolute;
 top: 0;
 left: 0;
@@ -90,22 +138,52 @@ padding-left: 19px;
 padding-right: 6px;
 background-repeat: no-repeat;
 }
-.ace_gutter-cell.ace_error {
+.ace_gutter-cell_svg-icons .ace_gutter_annotation {
+margin-left: -14px;
+float: left;
+}
+.ace_gutter-cell .ace_gutter_annotation {
+margin-left: -19px;
+float: left;
+}
+.ace_gutter-cell.ace_error, .ace_icon.ace_error, .ace_icon.ace_error_fold {
 background-image: url("./main-1.png");
 background-repeat: no-repeat;
 background-position: 2px center;
 }
-.ace_gutter-cell.ace_warning {
+.ace_gutter-cell.ace_warning, .ace_icon.ace_warning, .ace_icon.ace_warning_fold {
 background-image: url("./main-2.png");
+background-repeat: no-repeat;
 background-position: 2px center;
 }
-.ace_gutter-cell.ace_info {
+.ace_gutter-cell.ace_info, .ace_icon.ace_info {
 background-image: url("./main-3.png");
+background-repeat: no-repeat;
 background-position: 2px center;
 }
-.ace_dark .ace_gutter-cell.ace_info {
+.ace_dark .ace_gutter-cell.ace_info, .ace_dark .ace_icon.ace_info {
 background-image: url("./main-4.png");
 }
+.ace_icon_svg.ace_error {
+-webkit-mask-image: url("./main-5.svg");
+background-color: crimson;
+}
+.ace_icon_svg.ace_warning {
+-webkit-mask-image: url("./main-6.svg");
+background-color: darkorange;
+}
+.ace_icon_svg.ace_info {
+-webkit-mask-image: url("./main-7.svg");
+background-color: royalblue;
+}
+.ace_icon_svg.ace_error_fold {
+-webkit-mask-image: url("./main-8.svg");
+background-color: crimson;
+}
+.ace_icon_svg.ace_warning_fold {
+-webkit-mask-image: url("./main-9.svg");
+background-color: darkorange;
+}
 .ace_scrollbar {
 contain: strict;
 position: absolute;
@@ -154,6 +232,7 @@ contain: strict;
 -moz-user-select: text;
 -webkit-user-select: text;
 user-select: text;
+/*with `pre-line` chrome inserts   instead of space*/
 white-space: pre!important;
 }
 .ace_text-input.ace_composition {
@@ -183,11 +262,14 @@ z-index: auto;
 z-index: 1;
 position: absolute;
 overflow: hidden;
+/* workaround for chrome bug https://github.com/ajaxorg/ace/issues/2312*/
 word-wrap: normal;
 white-space: pre;
 height: 100%;
 width: 100%;
 box-sizing: border-box;
+/* setting pointer-events: auto; on node under the mouse, which changes
+during scroll, will break mouse wheel scrolling in Safari */
 pointer-events: none;
 }
 .ace_gutter-layer {
@@ -217,7 +299,6 @@ right: 0;
 .ace_hidpi .ace_content,
 .ace_hidpi .ace_gutter {
 contain: strict;
-will-change: transform;
 }
 .ace_hidpi .ace_text-layer > .ace_line, 
 .ace_hidpi .ace_text-layer > .ace_line_group {
@@ -235,6 +316,7 @@ z-index: 4;
 position: absolute;
 box-sizing: border-box;
 border-left: 2px solid;
+/* workaround for smooth cursor repaintng whole screen in chrome */
 transform: translatez(0);
 }
 .ace_multiselect .ace_cursor {
@@ -310,8 +392,8 @@ height: 11px;
 margin-top: -2px;
 vertical-align: middle;
 background-image:
-url("./main-5.png"),
-url("./main-6.png");
+url("./main-10.png"),
+url("./main-11.png");
 background-repeat: no-repeat, repeat-x;
 background-position: center center, top left;
 color: transparent;
@@ -324,12 +406,11 @@ pointer-events: auto;
 }
 .ace_fold:hover{
 background-image:
-url("./main-7.png"),
-url("./main-8.png");
+url("./main-12.png"),
+url("./main-13.png");
 }
 .ace_tooltip {
-background-color: #FFF;
-background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
+background-color: #f5f5f5;
 border: 1px solid gray;
 border-radius: 1px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
@@ -348,7 +429,27 @@ font-weight: normal;
 letter-spacing: normal;
 pointer-events: none;
 }
-.ace_folding-enabled > .ace_gutter-cell {
+.ace_tooltip.ace_dark {
+background-color: #636363;
+color: #fff;
+}
+.ace_tooltip:focus {
+outline: 1px solid #5E9ED6;
+}
+.ace_icon {
+display: inline-block;
+width: 18px;
+vertical-align: top;
+}
+.ace_icon_svg {
+display: inline-block;
+width: 12px;
+vertical-align: top;
+-webkit-mask-repeat: no-repeat;
+-webkit-mask-size: 12px;
+-webkit-mask-position: center;
+}
+.ace_folding-enabled > .ace_gutter-cell, .ace_folding-enabled > .ace_gutter-cell_svg-icons {
 padding-right: 13px;
 }
 .ace_fold-widget {
@@ -357,7 +458,7 @@ margin: 0 -12px 0 1px;
 display: none;
 width: 11px;
 vertical-align: top;
-background-image: url("./main-9.png");
+background-image: url("./main-14.png");
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 3px;
@@ -368,10 +469,10 @@ cursor: pointer;
 display: inline-block;   
 }
 .ace_fold-widget.ace_end {
-background-image: url("./main-10.png");
+background-image: url("./main-15.png");
 }
 .ace_fold-widget.ace_closed {
-background-image: url("./main-11.png");
+background-image: url("./main-16.png");
 }
 .ace_fold-widget:hover {
 border: 1px solid rgba(0, 0, 0, 0.3);
@@ -383,14 +484,17 @@ border: 1px solid rgba(0, 0, 0, 0.4);
 background-color: rgba(0, 0, 0, 0.05);
 box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
 }
+/**
+* Dark version for fold widgets
+*/
 .ace_dark .ace_fold-widget {
-background-image: url("./main-12.png");
+background-image: url("./main-17.png");
 }
 .ace_dark .ace_fold-widget.ace_end {
-background-image: url("./main-13.png");
+background-image: url("./main-18.png");
 }
 .ace_dark .ace_fold-widget.ace_closed {
-background-image: url("./main-14.png");
+background-image: url("./main-19.png");
 }
 .ace_dark .ace_fold-widget:hover {
 box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
@@ -486,6 +590,20 @@ white-space: pre;
 opacity: 0.7;
 margin: 0 10px;
 }
+.ace_ghost_text {
+opacity: 0.5;
+font-style: italic;
+white-space: pre;
+}
+.ace_screenreader-only {
+position:absolute;
+left:-10000px;
+top:auto;
+width:1px;
+height:1px;
+overflow:hidden;
+}
+/*ace-tm*/
 .ace-tm .ace_gutter {
 background: #f0f0f0;
 color: #333;
@@ -603,8 +721,12 @@ background: rgb(250, 250, 255);
 border: 1px solid rgb(200, 200, 250);
 }
 .ace-tm .ace_indent-guide {
-background: url("./main-15.png") right repeat-y;
+background: url("./main-20.png") right repeat-y;
+}
+.ace-tm .ace_indent-guide-active {
+background: url("./main-21.png") right repeat-y;
 }
+/*error_marker.css*/
 .error_widget_wrapper {
 background: inherit;
 color: inherit;
@@ -637,7 +759,7 @@ border-right-color: transparent!important;
 border-left-color: transparent!important;
 top: -5px;
 }
-/*ext-code_lens.js*/
+/*codelense.css*/
 .ace_codeLens {
 position: absolute;
 color: #aaa;
@@ -659,7 +781,99 @@ text-decoration: underline;
 .ace_dark > .ace_codeLens > a:hover {
 color: #4e94ce;
 }
-/*ext-emmet.js*/
+/*commandbar.css*/
+.ace_tooltip.command_bar_tooltip_wrapper {
+padding: 0;
+}
+.ace_tooltip .command_bar_tooltip {
+padding: 1px 5px;
+display: flex;
+pointer-events: auto;
+}
+.ace_tooltip .command_bar_tooltip.tooltip_more_options {
+padding: 1px;
+flex-direction: column;
+}
+div.command_bar_tooltip_button {
+display: inline-flex;
+cursor: pointer;
+margin: 1px;
+border-radius: 2px;
+padding: 2px 5px;
+align-items: center;
+}
+div.command_bar_tooltip_button.ace_selected,
+div.command_bar_tooltip_button:hover:not(.ace_disabled) {
+background-color: rgba(0, 0, 0, 0.1);
+}
+div.command_bar_tooltip_button.ace_disabled {
+color: #777;
+pointer-events: none;
+}
+div.command_bar_tooltip_button .ace_icon_svg {
+height: 12px;
+background-color: #000;
+}
+div.command_bar_tooltip_button.ace_disabled .ace_icon_svg {
+background-color: #777;
+}
+.command_bar_tooltip.tooltip_more_options .command_bar_tooltip_button {
+display: flex;
+}
+.command_bar_tooltip.command_bar_button_value {
+display: none;
+}
+.command_bar_tooltip.tooltip_more_options .command_bar_button_value {
+display: inline-block;
+width: 12px;
+}
+.command_bar_button_caption {
+display: inline-block;
+}
+.command_bar_keybinding {
+margin: 0 2px;
+display: inline-block;
+font-size: 8px;
+}
+.command_bar_tooltip.tooltip_more_options .command_bar_keybinding {
+margin-left: auto;
+}
+.command_bar_keybinding div {
+display: inline-block;
+min-width: 8px;
+padding: 2px;
+margin: 0 1px;
+border-radius: 2px;
+background-color: #ccc;
+text-align: center;
+}
+.ace_dark.ace_tooltip .command_bar_tooltip {
+background-color: #373737;
+color: #eee;
+}
+.ace_dark div.command_bar_tooltip_button.ace_disabled {
+color: #979797;
+}
+.ace_dark div.command_bar_tooltip_button.ace_selected,
+.ace_dark div.command_bar_tooltip_button:hover:not(.ace_disabled) {
+background-color: rgba(255, 255, 255, 0.1);
+}
+.ace_dark div.command_bar_tooltip_button .ace_icon_svg {
+background-color: #eee;
+}
+.ace_dark div.command_bar_tooltip_button.ace_disabled .ace_icon_svg {
+background-color: #979797;
+}
+.ace_dark .command_bar_tooltip_button.ace_disabled {
+color: #979797;
+}
+.ace_dark .command_bar_keybinding div {
+background-color: #575757;
+}
+.ace_checkmark::before {
+content: '✓';
+}
+/*snippets.css*/
 .ace_snippet-marker {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
@@ -667,7 +881,111 @@ background: rgba(194, 193, 208, 0.09);
 border: 1px dotted rgba(211, 208, 235, 0.62);
 position: absolute;
 }
-/*ext-keybinding_menu.js*/
+/*autocompletion.css*/
+.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
+background-color: #CAD6FA;
+z-index: 1;
+}
+.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
+background-color: #3a674e;
+}
+.ace_editor.ace_autocomplete .ace_line-hover {
+border: 1px solid #abbffe;
+margin-top: -1px;
+background: rgba(233,233,253,0.4);
+position: absolute;
+z-index: 2;
+}
+.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {
+border: 1px solid rgba(109, 150, 13, 0.8);
+background: rgba(58, 103, 78, 0.62);
+}
+.ace_completion-meta {
+opacity: 0.5;
+margin-left: 0.9em;
+}
+.ace_completion-message {
+margin-left: 0.9em;
+color: blue;
+}
+.ace_editor.ace_autocomplete .ace_completion-highlight{
+color: #2d69c7;
+}
+.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight{
+color: #93ca12;
+}
+.ace_editor.ace_autocomplete {
+width: 300px;
+z-index: 200000;
+border: 1px lightgray solid;
+position: fixed;
+box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+line-height: 1.4;
+background: #fefefe;
+color: #111;
+}
+.ace_dark.ace_editor.ace_autocomplete {
+border: 1px #484747 solid;
+box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.51);
+line-height: 1.4;
+background: #25282c;
+color: #c1c1c1;
+}
+.ace_autocomplete .ace_text-layer  {
+width: calc(100% - 8px);
+}
+.ace_autocomplete .ace_line {
+display: flex;
+align-items: center;
+}
+.ace_autocomplete .ace_line > * {
+min-width: 0;
+flex: 0 0 auto;
+}
+.ace_autocomplete .ace_line .ace_ {
+flex: 0 1 auto;
+overflow: hidden;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+.ace_autocomplete .ace_completion-spacer {
+flex: 1;
+}
+.ace_autocomplete.ace_loading:after  {
+content: "";
+position: absolute;
+top: 0px;
+height: 2px;
+width: 8%;
+background: blue;
+z-index: 100;
+animation: ace_progress 3s infinite linear;
+animation-delay: 300ms;
+transform: translateX(-100%) scaleX(1);
+}
+@keyframes ace_progress {
+0% { transform: translateX(-100%) scaleX(1) }
+50% { transform: translateX(625%) scaleX(2) } 
+100% { transform: translateX(1500%) scaleX(3) } 
+}
+@media (prefers-reduced-motion) {
+.ace_autocomplete.ace_loading:after {
+transform: translateX(625%) scaleX(2);
+animation: none;
+}
+}
+/*inlineautocomplete.css*/
+.ace_icon_svg.ace_arrow,
+.ace_icon_svg.ace_arrow_rotated {
+-webkit-mask-image: url("./main-22.svg");
+}
+.ace_icon_svg.ace_arrow_rotated {
+transform: rotate(180deg);
+}
+div.command_bar_tooltip_button.completion_position {
+padding: 0;
+}
+/*settings_menu.css*/
 #ace_settingsmenu, #kbshortcutmenu {
 background-color: #F7F7F7;
 color: black;
@@ -728,59 +1046,9 @@ margin: 0px;
 .ace_optionsMenuEntry button:hover{
 background: #f0f0f0;
 }
-/*ext-language_tools.js*/
-.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
-background-color: #CAD6FA;
-z-index: 1;
-}
-.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
-background-color: #3a674e;
-}
-.ace_editor.ace_autocomplete .ace_line-hover {
-border: 1px solid #abbffe;
-margin-top: -1px;
-background: rgba(233,233,253,0.4);
-position: absolute;
-z-index: 2;
-}
-.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {
-border: 1px solid rgba(109, 150, 13, 0.8);
-background: rgba(58, 103, 78, 0.62);
-}
-.ace_completion-meta {
-opacity: 0.5;
-margin: 0.9em;
-}
-.ace_completion-message {
-color: blue;
-}
-.ace_editor.ace_autocomplete .ace_completion-highlight{
-color: #2d69c7;
-}
-.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight{
-color: #93ca12;
-}
-.ace_editor.ace_autocomplete {
-width: 300px;
-z-index: 200000;
-border: 1px lightgray solid;
-position: fixed;
-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-line-height: 1.4;
-background: #fefefe;
-color: #111;
-}
-.ace_dark.ace_editor.ace_autocomplete {
-border: 1px #484747 solid;
-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.51);
-line-height: 1.4;
-background: #25282c;
-color: #c1c1c1;
-}
-/*ext-options.js*/
-/*ext-prompt.js*/
+/*promtp.css*/
 .ace_prompt_container {
-max-width: 600px;
+max-width: 603px;
 width: 100%;
 margin: 20px auto;
 padding: 3px;
@@ -788,7 +1056,10 @@ background: white;
 border-radius: 2px;
 box-shadow: 0px 2px 3px 0px #555;
 }
-/*ext-searchbox.js*/
+/*ace_searchbox*/
+/* ------------------------------------------------------------------------------------------
+* Editor Search Form
+* --------------------------------------------------------------------------------------- */
 .ace_search {
 background-color: #ddd;
 color: #666;
@@ -880,7 +1151,7 @@ transform: rotate(-45deg);
 border-width: 0 2px 2px 0 ;
 }
 .ace_searchbtn_close {
-background: url("./main-16.png") no-repeat 50% 0;
+background: url("./main-23.png") no-repeat 50% 0;
 border-radius: 50%;
 border: 0 none;
 color: #656565;
@@ -939,8 +1210,7 @@ float: left;
 font-family: arial;
 padding: 0 8px;
 }
-/*ext-settings_menu.js*/
-/*keybinding-emacs.js*/
+/*incremental-occur-highlighting*/
 .ace_occur-highlight {
 border-radius: 4px;
 background-color: rgba(87, 255, 8, 0.25);
@@ -953,6 +1223,7 @@ box-shadow: 0 0 4px rgb(91, 255, 50);
 background-color: rgb(80, 140, 85);
 box-shadow: 0 0 4px rgb(60, 120, 70);
 }
+/*incremental-search-highlighting*/
 .ace_marker-layer .ace_isearch-result {
 position: absolute;
 z-index: 6;
@@ -967,6 +1238,7 @@ box-shadow: 0 0 4px rgb(255, 200, 0);
 background-color: rgb(100, 110, 160);
 box-shadow: 0 0 4px rgb(80, 90, 140);
 }
+/*emacsMode*/
 .emacs-mode .ace_cursor{
 border: 1px rgba(50,250,50,0.8) solid!important;
 box-sizing: border-box!important;
@@ -988,7 +1260,7 @@ z-index: 4
 .emacs-mode .ace_cursor-layer {
 z-index: 2
 }
-/*keybinding-vim.js*/
+/*vimMode*/
 .normal-mode .ace_cursor{
 border: none;
 background-color: rgba(255,0,0,0.5);