@dynatrace/strato-components 3.4.0 → 3.4.1

package/esm/editors/base-code-editor/BaseCodeEditor.css

@@ -1,223 +1,223 @@
-@keyframes _mvxq7yj-3-4-0 {
+@keyframes _mvxq7yj-3-4-1 {
   to {
     background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
     color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   }
 }
-@keyframes _mvxq7yk-3-4-0 {
+@keyframes _mvxq7yk-3-4-1 {
   from {
     background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
     color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   }
 }
-._mvxq7yl-3-4-0 {
-  --_mvxq7y0-3-4-0: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7y1-3-4-0: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
-  --_mvxq7y2-3-4-0: var(--dt-colors-border-neutral-default-active, #c6c7d5);
-  --_mvxq7y7-3-4-0: var(--dt-colors-text-neutral-subdued, #595a7d);
-  --_mvxq7y8-3-4-0: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
-  --_mvxq7y9-3-4-0: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7yb-3-4-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_mvxq7yf-3-4-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_mvxq7yg-3-4-0: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_mvxq7yh-3-4-0: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7yi-3-4-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._mvxq7yl-3-4-1 {
+  --_mvxq7y0-3-4-1: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7y1-3-4-1: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
+  --_mvxq7y2-3-4-1: var(--dt-colors-border-neutral-default-active, #c6c7d5);
+  --_mvxq7y7-3-4-1: var(--dt-colors-text-neutral-subdued, #595a7d);
+  --_mvxq7y8-3-4-1: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
+  --_mvxq7y9-3-4-1: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7yb-3-4-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_mvxq7yf-3-4-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_mvxq7yg-3-4-1: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_mvxq7yh-3-4-1: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7yi-3-4-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   width: 100%;
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._mvxq7yn-3-4-0 {
-  --_mvxq7y3-3-4-0: 100%;
+._mvxq7yn-3-4-1 {
+  --_mvxq7y3-3-4-1: 100%;
   display: flex;
   max-height: 100%;
   min-height: 100%;
   flex-grow: 1;
 }
-._mvxq7yo-3-4-0 {
-  --_mvxq7y7-3-4-0: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7y8-3-4-0: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
-  --_mvxq7y9-3-4-0: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7yb-3-4-0: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7yf-3-4-0: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7yg-3-4-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_mvxq7yh-3-4-0: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7yi-3-4-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._mvxq7yp-3-4-0 {
-  --_mvxq7ye-3-4-0: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7ys-3-4-0 {
-  --_mvxq7y4-3-4-0: var(--dt-typography-code-base-default-size, 14px);
-  --_mvxq7y5-3-4-0: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
-  --_mvxq7ya-3-4-0: 33px;
-  --_mvxq7yd-3-4-0: 0 0 0 var(--dt-spacings-size-16, 16px);
-  --_mvxq7ye-3-4-0: var(--dt-spacings-size-12, 12px);
-  --_mvxq7y6-3-4-0: var(--dt-typography-code-base-default-line-height, 1.4285714286);
-  --_mvxq7yc-3-4-0: var(--dt-spacings-size-16, 16px);
-}
-._mvxq7yt-3-4-0 {
-  --_mvxq7y4-3-4-0: var(--dt-typography-code-small-default-size, 12px);
-  --_mvxq7y5-3-4-0: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
-  --_mvxq7ya-3-4-0: 27px;
-  --_mvxq7yd-3-4-0: 0 0 0 var(--dt-spacings-size-12, 12px);
-  --_mvxq7ye-3-4-0: var(--dt-spacings-size-6, 6px);
-  --_mvxq7y6-3-4-0: var(--dt-typography-code-small-default-line-height, 1.333333333);
-  --_mvxq7yc-3-4-0: var(--dt-spacings-size-12, 12px);
-}
-._mvxq7yu-3-4-0 {
-  --_mvxq7y0-3-4-0: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7y1-3-4-0: var(--dt-colors-border-critical-default-hover, #f5cac9);
-  --_mvxq7y2-3-4-0: var(--dt-colors-border-critical-default-active, #f3bebd);
-}
-._mvxq7yv-3-4-0 {
-  --_mvxq7ye-3-4-0: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7yw-3-4-0 {
-  --_mvxq7ye-3-4-0: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7ym-3-4-0 > div {
+._mvxq7yo-3-4-1 {
+  --_mvxq7y7-3-4-1: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7y8-3-4-1: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
+  --_mvxq7y9-3-4-1: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7yb-3-4-1: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7yf-3-4-1: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7yg-3-4-1: var(--dt-colors-border-critical-accent, #bb0731);
+  --_mvxq7yh-3-4-1: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7yi-3-4-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._mvxq7yp-3-4-1 {
+  --_mvxq7ye-3-4-1: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7ys-3-4-1 {
+  --_mvxq7y4-3-4-1: var(--dt-typography-code-base-default-size, 14px);
+  --_mvxq7y5-3-4-1: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
+  --_mvxq7ya-3-4-1: 33px;
+  --_mvxq7yd-3-4-1: 0 0 0 var(--dt-spacings-size-16, 16px);
+  --_mvxq7ye-3-4-1: var(--dt-spacings-size-12, 12px);
+  --_mvxq7y6-3-4-1: var(--dt-typography-code-base-default-line-height, 1.4285714286);
+  --_mvxq7yc-3-4-1: var(--dt-spacings-size-16, 16px);
+}
+._mvxq7yt-3-4-1 {
+  --_mvxq7y4-3-4-1: var(--dt-typography-code-small-default-size, 12px);
+  --_mvxq7y5-3-4-1: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
+  --_mvxq7ya-3-4-1: 27px;
+  --_mvxq7yd-3-4-1: 0 0 0 var(--dt-spacings-size-12, 12px);
+  --_mvxq7ye-3-4-1: var(--dt-spacings-size-6, 6px);
+  --_mvxq7y6-3-4-1: var(--dt-typography-code-small-default-line-height, 1.333333333);
+  --_mvxq7yc-3-4-1: var(--dt-spacings-size-12, 12px);
+}
+._mvxq7yu-3-4-1 {
+  --_mvxq7y0-3-4-1: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7y1-3-4-1: var(--dt-colors-border-critical-default-hover, #f5cac9);
+  --_mvxq7y2-3-4-1: var(--dt-colors-border-critical-default-active, #f3bebd);
+}
+._mvxq7yv-3-4-1 {
+  --_mvxq7ye-3-4-1: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7yw-3-4-1 {
+  --_mvxq7ye-3-4-1: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7ym-3-4-1 > div {
   position: relative;
   overflow: visible;
 }
-._mvxq7ym-3-4-0 > div::before {
+._mvxq7ym-3-4-1 > div::before {
   content: '';
   position: absolute;
   inset: -2px;
   z-index: 1;
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   pointer-events: none;
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-4-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-4-0);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-4-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-editor {
+._mvxq7yl-3-4-1 .cm-editor {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-style: var(--dt-borders-style-default, solid);
-  border-color: var(--_mvxq7y0-3-4-0);
-  width: var(--_mvxq7y3-3-4-0);
+  border-color: var(--_mvxq7y0-3-4-1);
+  width: var(--_mvxq7y3-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-editor:hover {
-  border-color: var(--_mvxq7y1-3-4-0);
+._mvxq7yl-3-4-1 .cm-editor:hover {
+  border-color: var(--_mvxq7y1-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-editor:focus-visible {
+._mvxq7yl-3-4-1 .cm-editor:focus-visible {
   outline: none;
 }
-._mvxq7yl-3-4-0 .cm-editor:active {
-  border-color: var(--_mvxq7y2-3-4-0);
+._mvxq7yl-3-4-1 .cm-editor:active {
+  border-color: var(--_mvxq7y2-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-scroller {
+._mvxq7yl-3-4-1 .cm-scroller {
   border-top-left-radius: calc(var(--dt-borders-radius-container-default, 9px)/2);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-default, 9px)/2);
 }
-._mvxq7yl-3-4-0 .cm-scroller:focus-visible {
+._mvxq7yl-3-4-1 .cm-scroller:focus-visible {
   outline: none;
 }
-._mvxq7yl-3-4-0 .cm-highlight {
-  animation: _mvxq7yj-3-4-0 var(--dt-timings-base-default, 300ms) var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1)),
-  _mvxq7yk-3-4-0 var(--dt-timings-slow-gentle, 800ms);
+._mvxq7yl-3-4-1 .cm-highlight {
+  animation: _mvxq7yj-3-4-1 var(--dt-timings-base-default, 300ms) var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1)),
+  _mvxq7yk-3-4-1 var(--dt-timings-slow-gentle, 800ms);
   animation-delay: 0s, var(--dt-timings-base-default, 300ms);
   animation-iteration-count: 1;
   border-radius: var(--dt-spacings-size-2, 2px);
 }
-._mvxq7yl-3-4-0 .cm-content, ._mvxq7yl-3-4-0 .cm-gutters {
-  font-size: var(--_mvxq7y4-3-4-0);
-  font-family: var(--_mvxq7y5-3-4-0);
+._mvxq7yl-3-4-1 .cm-content, ._mvxq7yl-3-4-1 .cm-gutters {
+  font-size: var(--_mvxq7y4-3-4-1);
+  font-family: var(--_mvxq7y5-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-content {
+._mvxq7yl-3-4-1 .cm-content {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
-  padding-block: var(--_mvxq7ye-3-4-0);
+  padding-block: var(--_mvxq7ye-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-gutters {
-  color: var(--_mvxq7y7-3-4-0);
-  background-color: var(--_mvxq7y8-3-4-0);
-  border-color: var(--_mvxq7y9-3-4-0);
+._mvxq7yl-3-4-1 .cm-gutters {
+  color: var(--_mvxq7y7-3-4-1);
+  background-color: var(--_mvxq7y8-3-4-1);
+  border-color: var(--_mvxq7y9-3-4-1);
   border-right-width: var(--dt-borders-width-emphasized, 2px);
   border-right-style: var(--dt-borders-style-default, solid);
   text-align: right;
 }
-._mvxq7yl-3-4-0 .cm-lineNumbers {
-  min-width: var(--_mvxq7ya-3-4-0);
+._mvxq7yl-3-4-1 .cm-lineNumbers {
+  min-width: var(--_mvxq7ya-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-placeholder {
+._mvxq7yl-3-4-1 .cm-placeholder {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mvxq7yl-3-4-0 .cm-focused {
+._mvxq7yl-3-4-1 .cm-focused {
   outline: 0 !important;
 }
-._mvxq7yl-3-4-0 .cm-line {
-  padding-inline: var(--_mvxq7yc-3-4-0);
-  line-height: var(--_mvxq7y6-3-4-0);
-  color: var(--_mvxq7yb-3-4-0);
+._mvxq7yl-3-4-1 .cm-line {
+  padding-inline: var(--_mvxq7yc-3-4-1);
+  line-height: var(--_mvxq7y6-3-4-1);
+  color: var(--_mvxq7yb-3-4-1);
 }
-._mvxq7yl-3-4-0:not(._mvxq7yr-3-4-0):not(._mvxq7yp-3-4-0) .cm-activeLine {
+._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yp-3-4-1) .cm-activeLine {
   outline: none;
   box-shadow: 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 var(--dt-colors-border-neutral-default, #dadbe4), 0 var(--dt-borders-width-default, 1px) 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._mvxq7yl-3-4-0:not(._mvxq7yr-3-4-0):not(._mvxq7yp-3-4-0) .cm-activeLineGutter {
+._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yp-3-4-1) .cm-activeLineGutter {
   border-block-color: var(--dt-colors-border-neutral-default, #dadbe4);
-  color: var(--_mvxq7yf-3-4-0);
+  color: var(--_mvxq7yf-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-activeLine, ._mvxq7yl-3-4-0  .cm-activeLineGutter {
+._mvxq7yl-3-4-1 .cm-activeLine, ._mvxq7yl-3-4-1  .cm-activeLineGutter {
   background-color: transparent;
 }
-._mvxq7yl-3-4-0 .tok-keyword, ._mvxq7yl-3-4-0 .tok-heading {
+._mvxq7yl-3-4-1 .tok-keyword, ._mvxq7yl-3-4-1 .tok-heading {
   color: var(--dt-colors-syntax-operators, #8136a9);
 }
-._mvxq7yl-3-4-0 .tok-string {
+._mvxq7yl-3-4-1 .tok-string {
   color: var(--dt-colors-syntax-string, #086467);
 }
-._mvxq7yl-3-4-0 .tok-number {
+._mvxq7yl-3-4-1 .tok-number {
   color: var(--dt-colors-syntax-number, #aa0081);
 }
-._mvxq7yl-3-4-0 .tok-typeName {
+._mvxq7yl-3-4-1 .tok-typeName {
   color: var(--dt-colors-syntax-classname, #2c2d4d);
 }
-._mvxq7yl-3-4-0 .tok-inserted {
+._mvxq7yl-3-4-1 .tok-inserted {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._mvxq7yl-3-4-0 .tok-meta {
+._mvxq7yl-3-4-1 .tok-meta {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._mvxq7yl-3-4-0 .tok-comment {
+._mvxq7yl-3-4-1 .tok-comment {
   color: var(--dt-colors-syntax-comment, #545586);
   font-style: italic;
 }
-._mvxq7yl-3-4-0 .tok-propertyName {
+._mvxq7yl-3-4-1 .tok-propertyName {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-0 .tok-variableName {
+._mvxq7yl-3-4-1 .tok-variableName {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-0 .tok-link {
+._mvxq7yl-3-4-1 .tok-link {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-0 .tok-atom {
+._mvxq7yl-3-4-1 .tok-atom {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-0 .tok-bool {
+._mvxq7yl-3-4-1 .tok-bool {
   color: var(--dt-colors-syntax-boolean, #973f00);
 }
-._mvxq7yl-3-4-0 .cm-diagnostics {
+._mvxq7yl-3-4-1 .cm-diagnostics {
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._mvxq7yl-3-4-0 .cm-diagnosticAction {
+._mvxq7yl-3-4-1 .cm-diagnosticAction {
   background-color: transparent;
   border-radius: 0;
   margin: 0;
   padding: 0;
 }
-._mvxq7yl-3-4-0 .cm-lintRange {
+._mvxq7yl-3-4-1 .cm-lintRange {
   background-repeat: repeat-x;
   background-size: 8px 2px;
   background-position: 0 95%;
 }
-._mvxq7yl-3-4-0 .cm-lintPoint-error:after {
+._mvxq7yl-3-4-1 .cm-lintPoint-error:after {
   border-bottom-color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._mvxq7yl-3-4-0 .cm-diagnostic-error {
+._mvxq7yl-3-4-1 .cm-diagnostic-error {
   border-left: 5px solid var(--dt-colors-text-critical-default, #bb0731);
 }
-._mvxq7yl-3-4-0 .cm-lintRange-error {
+._mvxq7yl-3-4-1 .cm-lintRange-error {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -243,13 +243,13 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yl-3-4-0 .cm-lintPoint-warning:after {
+._mvxq7yl-3-4-1 .cm-lintPoint-warning:after {
   border-bottom-color: var(--dt-colors-text-warning-default, #855400);
 }
-._mvxq7yl-3-4-0 .cm-diagnostic-warning {
+._mvxq7yl-3-4-1 .cm-diagnostic-warning {
   border-left: 5px solid var(--dt-colors-text-warning-default, #855400);
 }
-._mvxq7yl-3-4-0 .cm-lintRange-warning {
+._mvxq7yl-3-4-1 .cm-lintRange-warning {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -275,13 +275,13 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yl-3-4-0 .cm-lintPoint-info:after {
+._mvxq7yl-3-4-1 .cm-lintPoint-info:after {
   border-bottom-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mvxq7yl-3-4-0 .cm-diagnostic-info {
+._mvxq7yl-3-4-1 .cm-diagnostic-info {
   border-left: 5px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mvxq7yl-3-4-0 .cm-lintRange-info {
+._mvxq7yl-3-4-1 .cm-lintRange-info {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -307,25 +307,25 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yl-3-4-0 .cmt-keyword {
+._mvxq7yl-3-4-1 .cmt-keyword {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._mvxq7yl-3-4-0 .cm-lineNumbers > .cm-gutterElement {
-  padding: var(--_mvxq7yd-3-4-0);
+._mvxq7yl-3-4-1 .cm-lineNumbers > .cm-gutterElement {
+  padding: var(--_mvxq7yd-3-4-1);
 }
-._mvxq7yl-3-4-0 .cm-gutterElement {
+._mvxq7yl-3-4-1 .cm-gutterElement {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mvxq7yl-3-4-0:not(._mvxq7yr-3-4-0):not(._mvxq7yo-3-4-0) .cm-gutterElement:hover {
+._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yo-3-4-1) .cm-gutterElement:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._mvxq7yl-3-4-0:not(._mvxq7yr-3-4-0):not(._mvxq7yo-3-4-0) .cm-gutterElement:active {
+._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yo-3-4-1) .cm-gutterElement:active {
   color: var(--dt-colors-icon-neutral-default, #2f2f4f);
 }
-._mvxq7yx-3-4-0 {
+._mvxq7yx-3-4-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   text-align: right;
 }
-._mvxq7yx-3-4-0 span {
+._mvxq7yx-3-4-1 span {
   max-width: calc(500px - var(--dt-spacings-size-32, 32px));
 }

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js

@@ -1,7 +1,7 @@
 import "./BaseCodeEditor.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var autocompletionTypeText = "_mvxq7yx-3-4-0";
-var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-4-0", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-4-0" }, fullHeight: { true: "_mvxq7yn-3-4-0" }, hasError: { true: "_mvxq7yo-3-4-0" }, lineNumbers: { hidden: "_mvxq7yp-3-4-0", visible: "_mvxq7yq-3-4-0" }, readOnly: { true: "_mvxq7yr-3-4-0" }, size: { "default": "_mvxq7ys-3-4-0", condensed: "_mvxq7yt-3-4-0" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-4-0"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-4-0"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-4-0"]] });
+var autocompletionTypeText = "_mvxq7yx-3-4-1";
+var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-4-1", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-4-1" }, fullHeight: { true: "_mvxq7yn-3-4-1" }, hasError: { true: "_mvxq7yo-3-4-1" }, lineNumbers: { hidden: "_mvxq7yp-3-4-1", visible: "_mvxq7yq-3-4-1" }, readOnly: { true: "_mvxq7yr-3-4-1" }, size: { "default": "_mvxq7ys-3-4-1", condensed: "_mvxq7yt-3-4-1" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-4-1"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-4-1"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-4-1"]] });
 export {
   autocompletionTypeText,
   editorContainer

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/base-code-editor/BaseCodeEditor.css.ts"],
-  "sourcesContent": ["import './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-4-0';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-4-0',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-4-0'},fullHeight:{true:'_mvxq7yn-3-4-0'},hasError:{true:'_mvxq7yo-3-4-0'},lineNumbers:{hidden:'_mvxq7yp-3-4-0',visible:'_mvxq7yq-3-4-0'},readOnly:{true:'_mvxq7yr-3-4-0'},size:{'default':'_mvxq7ys-3-4-0',condensed:'_mvxq7yt-3-4-0'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-4-0'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-4-0'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-4-0']]});"],
+  "sourcesContent": ["import './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-4-1';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-4-1',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-4-1'},fullHeight:{true:'_mvxq7yn-3-4-1'},hasError:{true:'_mvxq7yo-3-4-1'},lineNumbers:{hidden:'_mvxq7yp-3-4-1',visible:'_mvxq7yq-3-4-1'},readOnly:{true:'_mvxq7yr-3-4-1'},size:{'default':'_mvxq7ys-3-4-1',condensed:'_mvxq7yt-3-4-1'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-4-1'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-4-1'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-4-1']]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,cAAa,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,aAAY,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,UAAS,OAAM,aAAY,WAAU,UAAS,OAAM,MAAK,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,UAAS,GAAE,gBAAgB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,YAAW,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/editors/dql-editor/dql/SuggestionPart.css

@@ -1,4 +1,4 @@
-._yhio8f0-3-4-0 {
+._yhio8f0-3-4-1 {
   display: inline;
   margin-right: 0.5ch;
 }

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionPart.css";
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-4-0";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-4-1";
 export {
   suggestionPartSectionInfoCSS
 };

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionPart.css.ts"],
-  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-4-0';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-4-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,+BAA+B;",
   "names": []
 }

package/esm/editors/dql-editor/dql/dql-language.js

@@ -48,19 +48,15 @@ function getDqlConfig(readOnly, onValidationStart, onValidationEnd, setValidityI
         const isDeleting = update.docChanged && update.transactions.some(
           (transaction) => transaction.isUserEvent("delete.backward")
         );
-        const selectionChanged = update.selectionSet && !update.transactions.some(
-          (transaction) => transaction.isUserEvent("input.complete")
-        );
         const isFocused = update.focusChanged && update.view.hasFocus;
-        if (!(isTyping || isDeleting || selectionChanged || isFocused)) {
+        if (!(isTyping || isDeleting || isFocused)) {
           return;
         }
         if (await openAutocomplete(
           {
             isTyping,
             isDeleting,
-            isFocused,
-            selectionChanged
+            isFocused
           },
           update.state
         )) {

package/esm/editors/dql-editor/dql/dql-language.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/dql-language.ts"],
-  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { StreamLanguage } from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { EditorView } from '@codemirror/view';\n\nimport { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';\nimport type { DQLEditorValidityInfo } from '../dql-editor-types.js';\nimport { dqlLinter } from './dql-linter.js';\nimport { dql } from './dql.js';\nimport { openAutocomplete } from './open-autocomplete.js';\nimport { suggestionAutocompletion } from './suggestion-autocompletions.js';\n\nconst VALIDATION_DELAY = 500;\n\n/**\n * @internal\n * Gets editor configuration for DQL.\n **/\nexport function getDqlConfig(\n  readOnly: boolean,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n  setValidityInfo?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): EditorLanguageConfiguration {\n  const language = StreamLanguage.define(dql);\n\n  return {\n    language,\n    extendWith: [\n      language.data.of({\n        commentTokens: {\n          block: {\n            open: '/*',\n            close: '*/',\n          },\n          line: '//',\n        },\n        closeBrackets: {\n          brackets: ['(', '[', '{', '\"'],\n          before: ')]}:;>|',\n          stringPrefixes: [],\n        },\n      }),\n      linter(\n        async (view) => {\n          const editorContent = view.state.doc.toString();\n\n          const validityResult = await dqlLinter(\n            editorContent,\n            onValidationStart,\n            onValidationEnd,\n          );\n          setValidityInfo?.(validityResult);\n          return validityResult;\n        },\n        {\n          delay: VALIDATION_DELAY,\n        },\n      ),\n      EditorView.updateListener.of(async (update) => {\n        const isTyping =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.type'),\n          );\n\n        const isDeleting =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('delete.backward'),\n          );\n\n        const selectionChanged =\n          update.selectionSet &&\n          !update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.complete'),\n          );\n\n        const isFocused = update.focusChanged && update.view.hasFocus;\n\n        if (!(isTyping || isDeleting || selectionChanged || isFocused)) {\n          return;\n        }\n\n        if (\n          await openAutocomplete(\n            {\n              isTyping,\n              isDeleting,\n              isFocused,\n              selectionChanged,\n            },\n            update.state,\n          )\n        ) {\n          startCompletion(update.view);\n        }\n      }),\n    ],\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: false,\n          optionClass: (completion) =>\n            completion.label.length === 0 ? 'cm-empty-option' : '',\n          providers: [suggestionAutocompletion],\n        },\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAI3B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAEzC,MAAM,mBAAmB;AAMlB,SAAS,aACd,UACA,mBACA,iBACA,iBAC6B;AAC7B,QAAM,WAAW,eAAe,OAAO,GAAG;AAE1C,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,SAAS,KAAK,GAAG;AAAA,QACf,eAAe;AAAA,UACb,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,UACA,MAAM;AAAA,QACR;AAAA,QACA,eAAe;AAAA,UACb,UAAU,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,UAC7B,QAAQ;AAAA,UACR,gBAAgB,CAAC;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,OAAO,SAAS;AACd,gBAAM,gBAAgB,KAAK,MAAM,IAAI,SAAS;AAE9C,gBAAM,iBAAiB,MAAM;AAAA,YAC3B;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA,4BAAkB,cAAc;AAChC,iBAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW,eAAe,GAAG,OAAO,WAAW;AAC7C,cAAM,WACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,YAAY;AAAA,QACtC;AAEF,cAAM,aACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,iBAAiB;AAAA,QAC3C;AAEF,cAAM,mBACJ,OAAO,gBACP,CAAC,OAAO,aAAa;AAAA,UAAK,CAAC,gBACzB,YAAY,YAAY,gBAAgB;AAAA,QAC1C;AAEF,cAAM,YAAY,OAAO,gBAAgB,OAAO,KAAK;AAErD,YAAI,EAAE,YAAY,cAAc,oBAAoB,YAAY;AAC9D;AAAA,QACF;AAEA,YACE,MAAM;AAAA,UACJ;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,QACT,GACA;AACA,0BAAgB,OAAO,IAAI;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,aAAa,CAAC,eACZ,WAAW,MAAM,WAAW,IAAI,oBAAoB;AAAA,MACtD,WAAW,CAAC,wBAAwB;AAAA,IACtC;AAAA,EACN;AACF;",
+  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { StreamLanguage } from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { EditorView } from '@codemirror/view';\n\nimport { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';\nimport type { DQLEditorValidityInfo } from '../dql-editor-types.js';\nimport { dqlLinter } from './dql-linter.js';\nimport { dql } from './dql.js';\nimport { openAutocomplete } from './open-autocomplete.js';\nimport { suggestionAutocompletion } from './suggestion-autocompletions.js';\n\nconst VALIDATION_DELAY = 500;\n\n/**\n * @internal\n * Gets editor configuration for DQL.\n **/\nexport function getDqlConfig(\n  readOnly: boolean,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n  setValidityInfo?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): EditorLanguageConfiguration {\n  const language = StreamLanguage.define(dql);\n\n  return {\n    language,\n    extendWith: [\n      language.data.of({\n        commentTokens: {\n          block: {\n            open: '/*',\n            close: '*/',\n          },\n          line: '//',\n        },\n        closeBrackets: {\n          brackets: ['(', '[', '{', '\"'],\n          before: ')]}:;>|',\n          stringPrefixes: [],\n        },\n      }),\n      linter(\n        async (view) => {\n          const editorContent = view.state.doc.toString();\n\n          const validityResult = await dqlLinter(\n            editorContent,\n            onValidationStart,\n            onValidationEnd,\n          );\n          setValidityInfo?.(validityResult);\n          return validityResult;\n        },\n        {\n          delay: VALIDATION_DELAY,\n        },\n      ),\n      EditorView.updateListener.of(async (update) => {\n        const isTyping =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.type'),\n          );\n\n        const isDeleting =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('delete.backward'),\n          );\n\n        const isFocused = update.focusChanged && update.view.hasFocus;\n\n        if (!(isTyping || isDeleting || isFocused)) {\n          return;\n        }\n\n        if (\n          await openAutocomplete(\n            {\n              isTyping,\n              isDeleting,\n              isFocused,\n            },\n            update.state,\n          )\n        ) {\n          startCompletion(update.view);\n        }\n      }),\n    ],\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: false,\n          optionClass: (completion) =>\n            completion.label.length === 0 ? 'cm-empty-option' : '',\n          providers: [suggestionAutocompletion],\n        },\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAI3B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAEzC,MAAM,mBAAmB;AAMlB,SAAS,aACd,UACA,mBACA,iBACA,iBAC6B;AAC7B,QAAM,WAAW,eAAe,OAAO,GAAG;AAE1C,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,SAAS,KAAK,GAAG;AAAA,QACf,eAAe;AAAA,UACb,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,UACA,MAAM;AAAA,QACR;AAAA,QACA,eAAe;AAAA,UACb,UAAU,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,UAC7B,QAAQ;AAAA,UACR,gBAAgB,CAAC;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,OAAO,SAAS;AACd,gBAAM,gBAAgB,KAAK,MAAM,IAAI,SAAS;AAE9C,gBAAM,iBAAiB,MAAM;AAAA,YAC3B;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA,4BAAkB,cAAc;AAChC,iBAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW,eAAe,GAAG,OAAO,WAAW;AAC7C,cAAM,WACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,YAAY;AAAA,QACtC;AAEF,cAAM,aACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,iBAAiB;AAAA,QAC3C;AAEF,cAAM,YAAY,OAAO,gBAAgB,OAAO,KAAK;AAErD,YAAI,EAAE,YAAY,cAAc,YAAY;AAC1C;AAAA,QACF;AAEA,YACE,MAAM;AAAA,UACJ;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,QACT,GACA;AACA,0BAAgB,OAAO,IAAI;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,aAAa,CAAC,eACZ,WAAW,MAAM,WAAW,IAAI,oBAAoB;AAAA,MACtD,WAAW,CAAC,wBAAwB;AAAA,IACtC;AAAA,EACN;AACF;",
   "names": []
 }

package/esm/editors/dql-editor/dql/open-autocomplete.js

@@ -4,7 +4,7 @@ function isStartOfCommandOrParameter(context) {
   return context.matchBefore(/[,|]\s+$/) !== null;
 }
 function isTypingCommandPrefixAtCommandBoundary(context) {
-  return context.matchBefore(/(?:^|[|,]\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;
+  return context.matchBefore(/(?:^|[|,]\s*|\*\/\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;
 }
 function isTypingParameterPrefixAfterCommand(context) {
   const commandAndParameter = context.matchBefore(
@@ -26,20 +26,13 @@ async function isInvalidAtEnd(query) {
   return !valid && hasErrorNotificationAtEnd;
 }
 async function openAutocomplete(update, state) {
-  const { isTyping, isDeleting, isFocused, selectionChanged } = update;
+  const { isTyping, isDeleting, isFocused } = update;
   const context = new CompletionContext(state, state.selection.main.to, false);
   if (isTyping && (isTypingCommandPrefixAtCommandBoundary(context) || isTypingParameterPrefixAfterCommand(context)) && isBeforeCommentOrEndOfContent(state)) {
     return true;
   }
-  if (selectionChanged || isFocused) {
-    const fullContent = state.doc.toString();
-    const cursorAtTheEnd = fullContent.length === state.selection.ranges[0].to;
-    const cursorPosition = state.selection.main.to;
-    const textBeforeCursor = state.doc.slice(0, cursorPosition).toString();
-    const isOnFreshLine = context.matchBefore(/^\s*$/) !== null && textBeforeCursor.trim() !== "";
-    if (fullContent.trim() === "" || cursorAtTheEnd && isStartOfCommandOrParameter(context) || isOnFreshLine) {
-      return true;
-    }
+  if (isFocused && state.doc.toString().trim() === "") {
+    return true;
   }
   const hasWhitespaceBefore = context.matchBefore(/\s/);
   if ((isTyping || isDeleting) && context.tokenBefore(["keyword"]) && hasWhitespaceBefore) {

package/esm/editors/dql-editor/dql/open-autocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/open-autocomplete.ts"],
-  "sourcesContent": ["/* eslint-disable tsdoc/syntax */\nimport { CompletionContext } from '@codemirror/autocomplete';\nimport { EditorState } from '@codemirror/state';\n\nimport { verifyQuery } from './dql-linter.js';\n\n/**\n * Checks whether the cursor is at a position where a command or parameter is expected,\n * following a comma or pipe separator, with only whitespace in between.\n * @param context - the current completion context\n * @returns true if the cursor is at the start of a command or parameter, false otherwise\n */\nfunction isStartOfCommandOrParameter(context: CompletionContext): boolean {\n  return context.matchBefore(/[,|]\\s+$/) !== null;\n}\n\n/**\n * Checks whether the user is typing a command prefix (e.g. `d`, `da`, `fet`)\n * at a valid command boundary: start of query or after a `|` or `,` separator.\n * Unlike isStartOfCommandOrParameter, this also matches once characters have\n * been typed after the separator (e.g. `fetch logs | d`, `fetch logs | de`),\n * which is needed for reopening suggestions after ESC and continued typing.\n * @param context - the current completion context\n * @returns true if the user is typing a command prefix at a valid command boundary, false otherwise\n */\nfunction isTypingCommandPrefixAtCommandBoundary(\n  context: CompletionContext,\n): boolean {\n  return context.matchBefore(/(?:^|[|,]\\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;\n}\n\n/**\n * Checks whether the user is typing a parameter prefix after a command.\n * This covers reopening suggestions after ESC when typing continues within\n * the first parameter token at query start, for example\n * `fetch app` -> `fetch appl`.\n * @param context - the current completion context\n * @returns true if the user is typing a parameter prefix after a command, false otherwise\n */\nfunction isTypingParameterPrefixAfterCommand(\n  context: CompletionContext,\n): boolean {\n  const commandAndParameter = context.matchBefore(\n    /^[A-Za-z][A-Za-z0-9]*\\s+[A-Za-z_][A-Za-z0-9_.]*\\s*$/,\n  );\n\n  return commandAndParameter !== null;\n}\n\n/**\n * Allows opening autocomplete when only whitespace, a comment, or no more\n * content follows the cursor. This covers typing before comments and reopening\n * suggestions after ESC when the user continues typing at the end of the query.\n */\nfunction isBeforeCommentOrEndOfContent(state: EditorState): boolean {\n  const afterCursor = state.doc.slice(state.selection.main.to).toString();\n  const afterCursorTrimmed = afterCursor.trimStart();\n\n  return (\n    afterCursorTrimmed === '' ||\n    afterCursorTrimmed.startsWith('//') ||\n    afterCursorTrimmed.startsWith('/*')\n  );\n}\n\n/**\n * Checks whether the query is invalid at the end.\n *\n * @param query - The query string to check\n * @returns A promise that resolves to true if the query is invalid at the end, false otherwise\n */\nexport async function isInvalidAtEnd(query: string): Promise<boolean> {\n  const trimmedQuery = query.trimEnd();\n  const { valid = true, notifications = [] } =\n    (await verifyQuery(trimmedQuery)) ?? {};\n\n  const hasErrorNotificationAtEnd = notifications?.some(\n    (notification) =>\n      notification.severity === 'ERROR' &&\n      notification.syntaxPosition?.end.index === trimmedQuery.length - 1,\n  );\n\n  return !valid && hasErrorNotificationAtEnd;\n}\n\n/**\n * Determines if the autocomplete dropdown should be opened.\n *\n * @param update - Information on the current changes from the update listener\n * @param state - EditorState\n * @returns true when the autocomplete should be opened\n */\nexport async function openAutocomplete(\n  update: {\n    isTyping: boolean;\n    isDeleting: boolean;\n    isFocused: boolean;\n    selectionChanged: boolean;\n  },\n  state: EditorState,\n): Promise<boolean> {\n  const { isTyping, isDeleting, isFocused, selectionChanged } = update;\n\n  const context = new CompletionContext(state, state.selection.main.to, false);\n\n  if (\n    isTyping &&\n    (isTypingCommandPrefixAtCommandBoundary(context) ||\n      isTypingParameterPrefixAfterCommand(context)) &&\n    isBeforeCommentOrEndOfContent(state)\n  ) {\n    return true;\n  }\n\n  // open autocomplete if\n  //  - content is empty\n  //  - the cursor is at the very end following a comma or pipe\n  //  - the cursor is on a fresh line after existing content\n  if (selectionChanged || isFocused) {\n    const fullContent = state.doc.toString();\n    const cursorAtTheEnd = fullContent.length === state.selection.ranges[0].to;\n    const cursorPosition = state.selection.main.to;\n    const textBeforeCursor = state.doc.slice(0, cursorPosition).toString();\n    const isOnFreshLine =\n      context.matchBefore(/^\\s*$/) !== null && textBeforeCursor.trim() !== '';\n\n    if (\n      fullContent.trim() === '' ||\n      (cursorAtTheEnd && isStartOfCommandOrParameter(context)) ||\n      isOnFreshLine\n    ) {\n      return true;\n    }\n  }\n\n  const hasWhitespaceBefore = context.matchBefore(/\\s/);\n\n  // open autocomplete when the user is typing following a command (==keyword)\n  if (\n    (isTyping || isDeleting) &&\n    context.tokenBefore(['keyword']) &&\n    hasWhitespaceBefore\n  ) {\n    return true;\n  }\n\n  // open autocomplete if the user is typing following a comma or pipe\n  if (isTyping && isStartOfCommandOrParameter(context)) {\n    return true;\n  }\n\n  // open autocomplete if query is invalid and a space was typed beforehand\n  if (isTyping && hasWhitespaceBefore) {\n    const query = state.doc.slice(0, state.selection.main.to).toString();\n    if (await isInvalidAtEnd(query)) {\n      return true;\n    }\n  }\n\n  const characterAfter = state.doc\n    .slice(state.selection.main.to, state.selection.main.to + 1)\n    .toString();\n  const hasSpaceOrEndOfContentAfter = characterAfter.trim().length === 0;\n\n  // open autocomplete if\n  //  - a whitespace was deleted\n  //  - the last char was deleted\n  if (isDeleting && hasSpaceOrEndOfContentAfter) {\n    return true;\n  }\n\n  return false;\n}\n"],
-  "mappings": "AACA,SAAS,yBAAyB;AAGlC,SAAS,mBAAmB;AAQ5B,SAAS,4BAA4B,SAAqC;AACxE,SAAO,QAAQ,YAAY,UAAU,MAAM;AAC7C;AAWA,SAAS,uCACP,SACS;AACT,SAAO,QAAQ,YAAY,oCAAoC,MAAM;AACvE;AAUA,SAAS,oCACP,SACS;AACT,QAAM,sBAAsB,QAAQ;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,wBAAwB;AACjC;AAOA,SAAS,8BAA8B,OAA6B;AAClE,QAAM,cAAc,MAAM,IAAI,MAAM,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACtE,QAAM,qBAAqB,YAAY,UAAU;AAEjD,SACE,uBAAuB,MACvB,mBAAmB,WAAW,IAAI,KAClC,mBAAmB,WAAW,IAAI;AAEtC;AAQA,eAAsB,eAAe,OAAiC;AACpE,QAAM,eAAe,MAAM,QAAQ;AACnC,QAAM,EAAE,QAAQ,MAAM,gBAAgB,CAAC,EAAE,IACtC,MAAM,YAAY,YAAY,KAAM,CAAC;AAExC,QAAM,4BAA4B,eAAe;AAAA,IAC/C,CAAC,iBACC,aAAa,aAAa,WAC1B,aAAa,gBAAgB,IAAI,UAAU,aAAa,SAAS;AAAA,EACrE;AAEA,SAAO,CAAC,SAAS;AACnB;AASA,eAAsB,iBACpB,QAMA,OACkB;AAClB,QAAM,EAAE,UAAU,YAAY,WAAW,iBAAiB,IAAI;AAE9D,QAAM,UAAU,IAAI,kBAAkB,OAAO,MAAM,UAAU,KAAK,IAAI,KAAK;AAE3E,MACE,aACC,uCAAuC,OAAO,KAC7C,oCAAoC,OAAO,MAC7C,8BAA8B,KAAK,GACnC;AACA,WAAO;AAAA,EACT;AAMA,MAAI,oBAAoB,WAAW;AACjC,UAAM,cAAc,MAAM,IAAI,SAAS;AACvC,UAAM,iBAAiB,YAAY,WAAW,MAAM,UAAU,OAAO,CAAC,EAAE;AACxE,UAAM,iBAAiB,MAAM,UAAU,KAAK;AAC5C,UAAM,mBAAmB,MAAM,IAAI,MAAM,GAAG,cAAc,EAAE,SAAS;AACrE,UAAM,gBACJ,QAAQ,YAAY,OAAO,MAAM,QAAQ,iBAAiB,KAAK,MAAM;AAEvE,QACE,YAAY,KAAK,MAAM,MACtB,kBAAkB,4BAA4B,OAAO,KACtD,eACA;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,sBAAsB,QAAQ,YAAY,IAAI;AAGpD,OACG,YAAY,eACb,QAAQ,YAAY,CAAC,SAAS,CAAC,KAC/B,qBACA;AACA,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,4BAA4B,OAAO,GAAG;AACpD,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,qBAAqB;AACnC,UAAM,QAAQ,MAAM,IAAI,MAAM,GAAG,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACnE,QAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM,IAC1B,MAAM,MAAM,UAAU,KAAK,IAAI,MAAM,UAAU,KAAK,KAAK,CAAC,EAC1D,SAAS;AACZ,QAAM,8BAA8B,eAAe,KAAK,EAAE,WAAW;AAKrE,MAAI,cAAc,6BAA6B;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable tsdoc/syntax */\nimport { CompletionContext } from '@codemirror/autocomplete';\nimport { EditorState } from '@codemirror/state';\n\nimport { verifyQuery } from './dql-linter.js';\n\n/**\n * Checks whether the cursor is at a position where a command or parameter is expected,\n * following a comma or pipe separator, with only whitespace in between.\n * @param context - the current completion context\n * @returns true if the cursor is at the start of a command or parameter, false otherwise\n */\nfunction isStartOfCommandOrParameter(context: CompletionContext): boolean {\n  return context.matchBefore(/[,|]\\s+$/) !== null;\n}\n\n/**\n * Checks whether the user is typing a command prefix (e.g. `d`, `da`, `fet`)\n * at a valid command boundary: start of query, after a `|` or `,` separator,\n * or after a block comment close (`*\\/`). The latter covers reopening\n * suggestions after ESC and continued typing following an inline block\n * comment, e.g. `/* note *\\/ fetc`.\n * @param context - the current completion context\n * @returns true if the user is typing a command prefix at a valid command boundary, false otherwise\n */\nfunction isTypingCommandPrefixAtCommandBoundary(\n  context: CompletionContext,\n): boolean {\n  return (\n    context.matchBefore(/(?:^|[|,]\\s*|\\*\\/\\s*)[A-Za-z][A-Za-z0-9]*$/) !== null\n  );\n}\n\n/**\n * Checks whether the user is typing a parameter prefix after a command.\n * This covers reopening suggestions after ESC when typing continues within\n * the first parameter token at query start, for example\n * `fetch app` -> `fetch appl`.\n * @param context - the current completion context\n * @returns true if the user is typing a parameter prefix after a command, false otherwise\n */\nfunction isTypingParameterPrefixAfterCommand(\n  context: CompletionContext,\n): boolean {\n  const commandAndParameter = context.matchBefore(\n    /^[A-Za-z][A-Za-z0-9]*\\s+[A-Za-z_][A-Za-z0-9_.]*\\s*$/,\n  );\n\n  return commandAndParameter !== null;\n}\n\n/**\n * Allows opening autocomplete when only whitespace, a comment, or no more\n * content follows the cursor. This covers typing before comments and reopening\n * suggestions after ESC when the user continues typing at the end of the query.\n */\nfunction isBeforeCommentOrEndOfContent(state: EditorState): boolean {\n  const afterCursor = state.doc.slice(state.selection.main.to).toString();\n  const afterCursorTrimmed = afterCursor.trimStart();\n\n  return (\n    afterCursorTrimmed === '' ||\n    afterCursorTrimmed.startsWith('//') ||\n    afterCursorTrimmed.startsWith('/*')\n  );\n}\n\n/**\n * Checks whether the query is invalid at the end.\n *\n * @param query - The query string to check\n * @returns A promise that resolves to true if the query is invalid at the end, false otherwise\n */\nexport async function isInvalidAtEnd(query: string): Promise<boolean> {\n  const trimmedQuery = query.trimEnd();\n  const { valid = true, notifications = [] } =\n    (await verifyQuery(trimmedQuery)) ?? {};\n\n  const hasErrorNotificationAtEnd = notifications?.some(\n    (notification) =>\n      notification.severity === 'ERROR' &&\n      notification.syntaxPosition?.end.index === trimmedQuery.length - 1,\n  );\n\n  return !valid && hasErrorNotificationAtEnd;\n}\n\n/**\n * Determines if the autocomplete dropdown should be opened.\n *\n * @param update - Information on the current changes from the update listener\n * @param state - EditorState\n * @returns true when the autocomplete should be opened\n */\nexport async function openAutocomplete(\n  update: {\n    isTyping: boolean;\n    isDeleting: boolean;\n    isFocused: boolean;\n  },\n  state: EditorState,\n): Promise<boolean> {\n  const { isTyping, isDeleting, isFocused } = update;\n\n  const context = new CompletionContext(state, state.selection.main.to, false);\n\n  if (\n    isTyping &&\n    (isTypingCommandPrefixAtCommandBoundary(context) ||\n      isTypingParameterPrefixAfterCommand(context)) &&\n    isBeforeCommentOrEndOfContent(state)\n  ) {\n    return true;\n  }\n\n  // open autocomplete when an empty editor receives focus\n  if (isFocused && state.doc.toString().trim() === '') {\n    return true;\n  }\n\n  const hasWhitespaceBefore = context.matchBefore(/\\s/);\n\n  // open autocomplete when the user is typing following a command (==keyword)\n  if (\n    (isTyping || isDeleting) &&\n    context.tokenBefore(['keyword']) &&\n    hasWhitespaceBefore\n  ) {\n    return true;\n  }\n\n  // open autocomplete if the user is typing following a comma or pipe\n  if (isTyping && isStartOfCommandOrParameter(context)) {\n    return true;\n  }\n\n  // open autocomplete if query is invalid and a space was typed beforehand\n  if (isTyping && hasWhitespaceBefore) {\n    const query = state.doc.slice(0, state.selection.main.to).toString();\n    if (await isInvalidAtEnd(query)) {\n      return true;\n    }\n  }\n\n  const characterAfter = state.doc\n    .slice(state.selection.main.to, state.selection.main.to + 1)\n    .toString();\n  const hasSpaceOrEndOfContentAfter = characterAfter.trim().length === 0;\n\n  // open autocomplete if\n  //  - a whitespace was deleted\n  //  - the last char was deleted\n  if (isDeleting && hasSpaceOrEndOfContentAfter) {\n    return true;\n  }\n\n  return false;\n}\n"],
+  "mappings": "AACA,SAAS,yBAAyB;AAGlC,SAAS,mBAAmB;AAQ5B,SAAS,4BAA4B,SAAqC;AACxE,SAAO,QAAQ,YAAY,UAAU,MAAM;AAC7C;AAWA,SAAS,uCACP,SACS;AACT,SACE,QAAQ,YAAY,4CAA4C,MAAM;AAE1E;AAUA,SAAS,oCACP,SACS;AACT,QAAM,sBAAsB,QAAQ;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,wBAAwB;AACjC;AAOA,SAAS,8BAA8B,OAA6B;AAClE,QAAM,cAAc,MAAM,IAAI,MAAM,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACtE,QAAM,qBAAqB,YAAY,UAAU;AAEjD,SACE,uBAAuB,MACvB,mBAAmB,WAAW,IAAI,KAClC,mBAAmB,WAAW,IAAI;AAEtC;AAQA,eAAsB,eAAe,OAAiC;AACpE,QAAM,eAAe,MAAM,QAAQ;AACnC,QAAM,EAAE,QAAQ,MAAM,gBAAgB,CAAC,EAAE,IACtC,MAAM,YAAY,YAAY,KAAM,CAAC;AAExC,QAAM,4BAA4B,eAAe;AAAA,IAC/C,CAAC,iBACC,aAAa,aAAa,WAC1B,aAAa,gBAAgB,IAAI,UAAU,aAAa,SAAS;AAAA,EACrE;AAEA,SAAO,CAAC,SAAS;AACnB;AASA,eAAsB,iBACpB,QAKA,OACkB;AAClB,QAAM,EAAE,UAAU,YAAY,UAAU,IAAI;AAE5C,QAAM,UAAU,IAAI,kBAAkB,OAAO,MAAM,UAAU,KAAK,IAAI,KAAK;AAE3E,MACE,aACC,uCAAuC,OAAO,KAC7C,oCAAoC,OAAO,MAC7C,8BAA8B,KAAK,GACnC;AACA,WAAO;AAAA,EACT;AAGA,MAAI,aAAa,MAAM,IAAI,SAAS,EAAE,KAAK,MAAM,IAAI;AACnD,WAAO;AAAA,EACT;AAEA,QAAM,sBAAsB,QAAQ,YAAY,IAAI;AAGpD,OACG,YAAY,eACb,QAAQ,YAAY,CAAC,SAAS,CAAC,KAC/B,qBACA;AACA,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,4BAA4B,OAAO,GAAG;AACpD,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,qBAAqB;AACnC,UAAM,QAAQ,MAAM,IAAI,MAAM,GAAG,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACnE,QAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM,IAC1B,MAAM,MAAM,UAAU,KAAK,IAAI,MAAM,UAAU,KAAK,KAAK,CAAC,EAC1D,SAAS;AACZ,QAAM,8BAA8B,eAAe,KAAK,EAAE,WAAW;AAKrE,MAAI,cAAc,6BAA6B;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
   "names": []
 }