@knime/kds-code-editor 2.7.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @knime/kds-code-editor
 
+## 2.8.0
+
+### Minor Changes
+
+- 45ee099: `KdsCodeEditor`: added `footer` slot rendering additional content inside the editor frame, below the code area (e.g. the output-column controls of the KNIME expression nodes).
+- ae6b58a: Add `KdsConsole` — a read-only xterm.js terminal component with KDS-token-driven light/dark theme, debounced auto-fit, Ctrl+C copy, Escape blur, and auto-scroll on new output. Exports `KdsConsole`, `KdsConsoleHandler`, and `KdsConsoleText`.
+
+### Patch Changes
+
+- Updated dependencies [2920e61]
+- Updated dependencies [3e99bd2]
+  - @knime/kds-components@2.8.0
+  - @knime/kds-styles@2.8.0
+
 ## 2.7.0
 
 ### Minor Changes

package/dist/index.css

@@ -1,13 +1,13 @@
 
 .kds-code-editor {
-&[data-v-9af67a44] {
+&[data-v-c9256fb0] {
   display: flex;
   flex-direction: column;
 
   /* No row bounds set: fill the width and height of the container. */
 }
 .editor {
-&[data-v-9af67a44] {
+&[data-v-c9256fb0] {
     display: flex;
     flex-direction: column;
     overflow: hidden;
@@ -17,13 +17,16 @@
 
     /* Only outline the whole editor when the code area (Monaco) is focused —
        header buttons keep their own focus ring. */
+
+    /* Keeps its natural height — in fill mode only the code area grows /
+       shrinks with the container. */
 }
-&.focused[data-v-9af67a44] {
+&.focused[data-v-c9256fb0] {
       outline: var(--kds-border-action-focused);
       outline-offset: var(--kds-spacing-offset-focus);
 }
 .header {
-&[data-v-9af67a44] {
+&[data-v-c9256fb0] {
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -31,7 +34,7 @@
         var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-25x)
         var(--kds-spacing-container-0-75x);
 }
-.left-block[data-v-9af67a44] {
+.left-block[data-v-c9256fb0] {
         display: flex;
         flex: 1;
         gap: var(--kds-spacing-container-0-25x);
@@ -42,13 +45,13 @@
            buttons are present (matches the small button height). */
         min-height: var(--kds-dimension-component-height-1-5x);
 }
-.action-buttons[data-v-9af67a44] {
+.action-buttons[data-v-c9256fb0] {
         display: flex;
         flex-shrink: 0;
         gap: var(--kds-spacing-container-0-12x);
         align-items: center;
 }
-.title[data-v-9af67a44] {
+.title[data-v-c9256fb0] {
         overflow: hidden;
         text-overflow: ellipsis;
         font: var(--kds-font-base-interactive-small);
@@ -56,25 +59,262 @@
         white-space: nowrap;
 }
 }
-&.error .header[data-v-9af67a44] {
+&.error .header[data-v-c9256fb0] {
       background-color: var(--kds-color-background-static-danger-muted);
 }
-&.warning .header[data-v-9af67a44] {
+&.warning .header[data-v-c9256fb0] {
       background-color: var(--kds-color-background-static-warning-muted);
 }
-.code[data-v-9af67a44] {
+.code[data-v-c9256fb0] {
+      width: 100%;
+}
+.footer[data-v-c9256fb0] {
+      flex-shrink: 0;
       width: 100%;
 }
 }
 &.fill {
-&[data-v-9af67a44] {
+&[data-v-c9256fb0] {
     width: 100%;
     height: 100%;
 }
-.editor[data-v-9af67a44],
-    .code[data-v-9af67a44] {
+.editor[data-v-c9256fb0],
+    .code[data-v-c9256fb0] {
       flex: 1 1 auto;
       min-height: 0;
 }
 }
 }
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */
+
+/**
+ *  Default styles for xterm.js
+ */
+
+.xterm {
+    cursor: text;
+    position: relative;
+    user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+
+.xterm.focus,
+.xterm:focus {
+    outline: none;
+}
+
+.xterm .xterm-helpers {
+    position: absolute;
+    top: 0;
+    /**
+     * The z-index of the helpers must be higher than the canvases in order for
+     * IMEs to appear on top.
+     */
+    z-index: 5;
+}
+
+.xterm .xterm-helper-textarea {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
+    position: absolute;
+    opacity: 0;
+    left: -9999em;
+    top: 0;
+    width: 0;
+    height: 0;
+    z-index: -5;
+    /** Prevent wrapping so the IME appears against the textarea at the correct position */
+    white-space: nowrap;
+    overflow: hidden;
+    resize: none;
+}
+
+.xterm .composition-view {
+    /* TODO: Composition position got messed up somewhere */
+    background: #000;
+    color: #FFF;
+    display: none;
+    position: absolute;
+    white-space: nowrap;
+    z-index: 1;
+}
+
+.xterm .composition-view.active {
+    display: block;
+}
+
+.xterm .xterm-viewport {
+    /* On OS X this is required in order for the scroll bar to appear fully opaque */
+    background-color: #000;
+    overflow-y: scroll;
+    cursor: default;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.xterm .xterm-screen {
+    position: relative;
+}
+
+.xterm .xterm-screen canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.xterm .xterm-scroll-area {
+    visibility: hidden;
+}
+
+.xterm-char-measure-element {
+    display: inline-block;
+    visibility: hidden;
+    position: absolute;
+    top: 0;
+    left: -9999em;
+    line-height: normal;
+}
+
+.xterm.enable-mouse-events {
+    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+    cursor: default;
+}
+
+.xterm.xterm-cursor-pointer,
+.xterm .xterm-cursor-pointer {
+    cursor: pointer;
+}
+
+.xterm.column-select.focus {
+    /* Column selection mode */
+    cursor: crosshair;
+}
+
+.xterm .xterm-accessibility:not(.debug),
+.xterm .xterm-message {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 10;
+    color: transparent;
+    pointer-events: none;
+}
+
+.xterm .xterm-accessibility-tree:not(.debug) *::selection {
+  color: transparent;
+}
+
+.xterm .xterm-accessibility-tree {
+  user-select: text;
+  white-space: pre;
+}
+
+.xterm .live-region {
+    position: absolute;
+    left: -9999px;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+
+.xterm-dim {
+    /* Dim should not apply to background, so the opacity of the foreground color is applied
+     * explicitly in the generated class and reset to 1 here */
+    opacity: 1 !important;
+}
+
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+
+.xterm-overline {
+    text-decoration: overline;
+}
+
+.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
+.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
+.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
+.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
+.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }
+
+.xterm-strikethrough {
+    text-decoration: line-through;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration {
+	z-index: 6;
+	position: absolute;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
+	z-index: 7;
+}
+
+.xterm-decoration-overview-ruler {
+    z-index: 8;
+    position: absolute;
+    top: 0;
+    right: 0;
+    pointer-events: none;
+}
+
+.xterm-decoration-top {
+    z-index: 2;
+    position: relative;
+}
+
+.terminal {
+&[data-v-c23d8d58] {
+  height: 100%;
+  overflow: hidden;
+  border-radius: var(--kds-border-radius-container-0-12x);
+
+  /* Only paint a focus ring when the user navigated to the terminal with the
+     keyboard (mouse focus doesn't need the extra ring). */
+}
+&.focus-painted[data-v-c23d8d58]:focus-within {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-offset-focus);
+}
+}