@kumologica/sdk 3.0.0

package/src/app/ui/editor-client/src/sass/terminal.scss

@@ -0,0 +1,246 @@
+/**
+ * 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
+ */
+
+.terminal-header {
+  line-height: 27px;
+}
+
+.terminal-tab-selected {
+  color: $editor-option-selected;
+  // border-bottom: 3px solid $editor-button-background-primary;
+}
+
+.terminal-tab-unselected {
+  color: $editor-option-unselected;
+}
+
+#terminal-separator {
+  height: 9px;
+  cursor: row-resize;
+  border-top: 1px solid #ccc;
+}
+
+#terminal-actions {
+  position: relative;
+  top: -4px;
+  padding-right: 10px;
+  text-align: right;
+}
+
+// .hint-terminal {
+//   color: dimgrey;
+//   padding-right: 10px;
+//   font-size: 0.8em;
+// }
+
+#terminal-output {
+  color: white;
+  background-color: black;
+}
+
+.log-line {
+  font: 0.8rem Inconsolata, monospace;
+  padding: 0 10px;
+}
+#workspace-terminal {
+  display: flex;
+  flex-direction: column;
+  border-top: 1px solid #bbb;
+  margin-top: 45px;
+  .CodeMirror {
+    display: none; // TODO: temporary hack as the documentation gets rendered here
+  }
+}
+
+#terminal-tabs {
+  display: flex;
+  position: relative;
+  top: -3px;
+  //background-color: #f3f3f3;
+}
+
+.terminal-tab-title {
+  display: block;
+  font-size: x-small;
+  font-weight: bold;
+  padding: 0px 10px;
+  cursor: pointer;
+}
+
+#terminal {
+  display: flex;
+}
+
+.xterm {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  //height: 400px; // medium height by default
+  padding: 10px 10px;
+  font-feature-settings: 'liga' 0;
+  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 {
+  /*
+   * HACK: to fix IE's blinking cursor
+   * 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 {
+  cursor: text;
+}
+
+.xterm.enable-mouse-events {
+  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+  cursor: default;
+}
+
+.xterm.xterm-cursor-pointer {
+  cursor: pointer;
+}
+
+.xterm.column-select.focus {
+  /* Column selection mode */
+  cursor: crosshair;
+}
+
+.xterm .xterm-accessibility,
+.xterm .xterm-message {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 10;
+  color: transparent;
+}
+
+.xterm .live-region {
+  position: absolute;
+  left: -9999px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
+.xterm-dim {
+  opacity: 0.5;
+}
+
+.xterm-underline {
+  text-decoration: underline;
+}

package/src/app/ui/editor-client/src/sass/ui/common/checkboxSet.scss

@@ -0,0 +1,29 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+.red-ui-checkboxSet {
+    width: 15px;
+    display: inline-block;
+    color: #888;
+    cursor: pointer;
+    input {
+        display:none;
+    }
+
+    &.disabled {
+        pointer-events: none;
+        color: #ddd;
+    }
+}

package/src/app/ui/editor-client/src/sass/ui/common/editableList.scss

@@ -0,0 +1,81 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+.red-ui-editableList-border {
+  border: 1px solid $form-input-border-color;
+  //border-radius: 4px;
+  .red-ui-editableList-header {
+    border-bottom: 1px solid $form-input-border-color;
+    padding: 2px 16px 2px 4px;
+    font-size: 0.9em;
+  }
+}
+.red-ui-editableList-container {
+  padding: 5px;
+  margin: 0;
+  vertical-align: middle;
+  box-sizing: border-box;
+  background-color: white;
+  overflow-y: auto !important;
+  .red-ui-editableList-list {
+    list-style-type: none;
+    margin: 0;
+  }
+  .red-ui-editabelList-item-placeholder {
+    border: 2px dashed $secondary-border-color !important;
+  }
+  li {
+    box-sizing: border-box;
+    position: relative;
+    background: #fff;
+    margin: 0;
+    padding: 2px 0px;
+    //border-bottom: 1px solid $secondary-border-color;
+    min-height: 20px;
+    .red-ui-editableList-item-handle {
+      position: absolute;
+      top: 50%;
+      left: 2px;
+      margin-top: -7px;
+      color: #eee;
+      cursor: move;
+    }
+    .red-ui-editableList-item-remove {
+      position: absolute;
+      top: 50%;
+      right: 0px;
+      margin-top: -9px;
+    }
+    &.ui-sortable-helper {
+      border-top: 1px solid $secondary-border-color;
+    }
+    //.red-ui-editableList-item-content { outline: 1px solid red}
+    &.red-ui-editableList-item-sortable {
+      border-bottom: 1px solid #ececec;
+      padding: 9px 0;
+    }
+
+    &.red-ui-editableList-item-sortable .red-ui-editableList-item-content {
+      margin-left: 22px;
+      padding: 2px 0;
+    }
+    &.red-ui-editableList-item-removable .red-ui-editableList-item-content {
+      margin-right: 28px;
+    }
+    &.red-ui-editableList-item-deleting {
+      background: #fee;
+    }
+  }
+}

package/src/app/ui/editor-client/src/sass/ui/common/nodeList.scss

@@ -0,0 +1,65 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+.red-ui-nodeList {
+    .red-ui-editableList-container {
+        padding: 0;
+        li {
+            padding: 2px 5px;
+            margin: 0;
+            white-space: nowrap;
+            border: none;
+            background: #fefefe;
+            &:hover {
+                background: #f0f0f0;
+            }
+
+            i.fa-angle-right {
+                text-align: center;
+                width: 15px;
+                transition: transform 0.1s ease-in-out;
+            }
+            .expandable {
+                cursor: pointer;
+            }
+            .expanded i.fa-angle-right {
+                transform: rotate(90deg);
+            }
+            .meta {
+                float: right;
+                input[type="checkbox"] {
+                    margin: 0;
+                }
+            }
+            .red-ui-editableList-item-content.disabled {
+                color: #ccc;
+            }
+            &.red-ui-editableList-section-header {
+                background: #f0f0f0;
+                .red-ui-editableList-item-content.disabled {
+                    color: #bbb;
+                }
+            }
+
+        }
+    }
+    .red-ui-editableList-header {
+        text-align: left;
+        &>span:last-child {
+            float: right;
+            font-size: 14px;
+        }
+    }
+}

package/src/app/ui/editor-client/src/sass/ui/common/searchBox.scss

@@ -0,0 +1,77 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+#red-ui-type-search-input {
+  padding-left: 37px;
+  padding-top: 8px;
+}
+
+.red-ui-searchBox-container {
+  position: relative;
+  height: 35px;
+  i {
+    font-size: 15px;
+    color: #666;
+  }
+  i.fa-search {
+    position: absolute;
+    pointer-events: none;
+    left: 11px;
+    top: 7px;
+    color: darkgrey;
+  }
+  i.fa-times {
+    position: absolute;
+    right: 5px;
+    top: 9px;
+  }
+  input {
+    border-radius: 0;
+    border: none;
+    width: 100%;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    padding: 3px 17px 3px 32px;
+    margin: 0px;
+    height: 30px;
+    box-sizing: border-box;
+    background-color: #f3f3f3;
+
+    &:focus {
+      border: none;
+      box-shadow: none;
+      -webkit-box-shadow: none;
+    }
+  }
+  a {
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 20px;
+    display: none;
+  }
+  .red-ui-searchBox-resultCount {
+    position: absolute;
+    right: 18px;
+    top: 4px;
+    background: #eee;
+    color: #666;
+    padding: 1px 8px;
+    font-size: 9px;
+    border-radius: 4px;
+  }
+}

package/src/app/ui/editor-client/src/sass/ui/common/stack.scss

@@ -0,0 +1,26 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+.red-ui-stack {
+  background: #f3f3f3;
+  .palette-category {
+    background: #f3f3f3;
+
+    &:last-child {
+      //border-bottom: none;
+    }
+  }
+}

package/src/app/ui/editor-client/src/sass/ui/common/treeList.scss

@@ -0,0 +1,108 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+.red-ui-treeList {
+
+}
+
+.red-ui-treeList-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background: #f9f9f9;
+
+    border: 1px solid $form-input-border-color;
+    border-radius: 4px;
+
+    box-sizing: border-box;
+
+    .red-ui-editableList-border {
+        border: none;
+    }
+
+    .red-ui-editableList-container {
+        padding: 0px;
+    }
+
+    .red-ui-editableList-container li {
+        padding: 0;
+        border-bottom: none;
+        .red-ui-editableList-container {
+            // margin-left: 15px;
+        }
+    }
+    .red-ui-editableList-item-content {
+        & > .red-ui-treeList-label .fa-angle-right {
+            transition: transform 0.1s ease-in-out;
+        }
+        .red-ui-editableList {
+            display: none;
+        }
+        &.expanded {
+            & > .red-ui-treeList-label .fa-angle-right {
+                transform: rotate(90deg)
+            }
+            & > .red-ui-editableList {
+                display: block
+            }
+            & > .red-ui-treeList-spinner {
+                display: block;
+            }
+        }
+    }
+}
+label.red-ui-treeList-label {
+    display: block;
+    width: auto;
+}
+.red-ui-treeList-label {
+    @include disable-selection;
+    padding: 6px 0;
+    display: block;
+    color: $form-text-color;
+    text-decoration: none;
+    cursor: pointer;
+    vertical-align: middle;
+    margin: 0;
+
+    &:hover {
+        background: #f9f9f9;
+        color: $form-text-color;
+        text-decoration: none;
+    }
+    &:focus {
+        outline: none;
+        color: $form-text-color;
+        text-decoration: none;
+    }
+    input {
+        margin: 0;
+    }
+}
+.red-ui-treeList-label-text {
+    margin-left: 4px;
+}
+.red-ui-treeList-icon {
+    display: inline-block;
+    width: 20px;
+    text-align: center;
+}
+.red-ui-treeList-spinner {
+    display: none;
+    height: 32px;
+    background: url(images/spin.svg) 50% 50% no-repeat;
+    background-size: auto 20px;
+}