@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

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

@@ -1,383 +0,0 @@
-/**
- * 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.
- **/
-
-#palette {
-  // height:100vh;
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  background: $kumologica-sidebar;
-  width: 220px;
-  @include disable-selection;
-  // @include component-border;
-  // border-top: 1px solid #bbb;
-  //box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.249); //rgb(32 33 36 / 28%);
-  transition: width 0.2s ease-in-out;
-}
-
-#palette-container {
-  background: $kumologica-sidebar;
-  margin-bottom: 55px;
-}
-
-#palette-options {
-  display: flex;
-  padding: 3px 0px;
-  justify-content: center;
-  border-bottom: 1px solid #cccbcb;
-}
-
-.palette-closed {
-  #palette {
-    display: none;
-  }
-  #palette-search {
-    display: none;
-  }
-  #palette-container {
-    display: none;
-  }
-  #palette-collapse-all {
-    display: none;
-  }
-  #palette-expand-all {
-    display: none;
-  }
-  #palette-footer {
-    display: none !important;
-  }
-}
-
-.palette-expanded {
-  & #palette {
-    width: 380px;
-    box-shadow: 1px 0 6px rgba(0, 0, 0, 0.1);
-  }
-  & #workspace {
-    left: 184 !important;
-  }
-  & #palette-collapse-all {
-    display: none;
-  }
-  & #palette-expand-all {
-    display: none;
-  }
-  & #palette-container {
-    display: none !important;
-  }
-  & #palette-search {
-    display: none !important;
-  }
-  & #palette-edit {
-    background: $workspace-button-background-active;
-  }
-  & #palette-editor {
-    display: block !important;
-  }
-}
-
-.palette-option-button-selected {
-  user-select: none;
-  box-sizing: border-box;
-  display: inline-block;
-  border: 1px solid #ccc;
-  text-align: center;
-  margin: 0;
-  text-decoration: none;
-  cursor: pointer;
-  font-size: 13px;
-  line-height: 12px;
-  color: white !important;
-  background: #2979ff;
-  border-radius: 5px;
-  padding: 5px 12px;
-
-  &:link { text-decoration: none; }
-  &:visited { text-decoration: none; }
-  &:hover { text-decoration: none; }
-  &:active { text-decoration: none; }
-}
-
-.palette-option-button {
-  user-select: none;
-  box-sizing: border-box;
-  display: inline-block;
-  color: #605d5d;
-  text-align: center;
-  margin: 0;
-  text-decoration: none;
-  cursor: pointer;
-  font-size: 13px;
-  line-height: 12px;
-  padding: 5px 12px;
-
-  &:link { text-decoration: none; }
-  &:visited { text-decoration: none; }
-  &:hover { text-decoration: none; }
-  &:active { text-decoration: none; }
-}
-
-#palette-nodes {
-  overflow-y: auto;
-}
-
-.palette-scroll {
-  // position: absolute;
-  // top: 35px;
-  // right: 0;
-  // bottom: 25px;
-  // left: 0;
-  // padding: 0;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-#palette > .palette-spinner {
-  padding-top: 80px;
-  padding-left: 80px;
-}
-.palette-search {
-  margin-top: 5px;
-  margin-bottom: 8px;
-  position: relative;
-  overflow: hidden;
-  text-align: center;
-  height: 35px;
-  padding: 3px 6px;
-  // border-bottom: 1px solid $primary-border-color;
-  box-sizing: border-box;
-}
-
-#palette-footer {
-  background: $kumologica-sidebar !important;
-  @include component-footer;
-}
-.palette-button {
-  @include component-footer-button;
-}
-
-.palette-category {
-  // border-bottom: 1px solid #ccc;
-}
-.palette-content {
-  // background: #f3f3f3;
-  padding: 3px;
-}
-
-.palette-header {
-  position: relative;
-  // background: $palette-header-background;
-  cursor: pointer;
-  text-align: left;
-  padding: 5px;
-  font-weight: bold;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  font-size: x-small;
-  color: #605d5d;
-  padding-left: 30px;
-  overflow: hidden;
-  user-select: none;
-  &:hover {
-    //background: $palette-header-background !important;
-  }
-}
-.palette-header > i {
-  position: absolute;
-  left: 11px;
-  top: 12px;
-  -webkit-transition: all 0.2s ease-in-out;
-  -moz-transition: all 0.2s ease-in-out;
-  -o-transition: all 0.2s ease-in-out;
-  -webkit-transform: rotate(-90deg);
-  -moz-transform: rotate(-90deg);
-  -o-transform: rotate(-90deg);
-}
-.palette-header i.expanded {
-  -webkit-transform: rotate(0deg);
-  -moz-transform: rotate(0deg);
-  -o-transform: rotate(0deg);
-}
-.palette-header span {
-  clear: both;
-}
-.palette_label {
-  font-size: 13px;
-  padding-top: 4px;
-  padding-left: 12px;
-  margin: 4px 0 4px 32px;
-  line-height: 20px;
-  text-align: left;
-  overflow: hidden;
-  //text-align: center;
-  @include disable-selection;
-}
-.palette_label_right {
-  margin: 4px 32px 4px 0;
-}
-
-// Hack to hide the debug node - as it is orchestrating the
-// behaviour of the debug tab.
-// In the future, this debug thing needs to follow the behaviour
-// of rest of tabs
-#palette_node_debug {
-  display: none;
-}
-
-.palette_node {
-  display: block;
-  cursor: move;
-  //margin-left: 0px !important;
-  margin: 10px auto;
-  height: 25px;
-  border-radius: 4px;
-  // border: 1px solid #999;
-  background-position: 5% 50%;
-  background-repeat: no-repeat;
-  width: 151px;
-  background-size: contain;
-  position: relative;
-}
-.palette_node:hover {
-  border-color: $node-selected-color;
-  background-color: #eee;
-}
-.palette_port {
-  position: absolute;
-  top: 8px;
-  left: -2px;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  background: #d9d9d9;
-  border-radius: 2px;
-  width: 5px;
-  height: 5px;
-  //border: 1px solid #999;
-}
-.palette_port_output {
-  left: auto;
-  right: 117px;
-}
-
-.palette_node:hover .palette_port {
-  border-color: #999;
-  background-color: #999//#eee;
-}
-.palette_icon_container {
-  position: absolute;
-  text-align: center;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 30px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.palette_icon_container_right {
-  left: auto;
-  right: 0;
-  border-right: none;
-  border-left: 1px solid rgba(0, 0, 0, 0.1);
-}
-.palette_icon {
-  display: inline-block;
-  width: 20px;
-  height: 100%;
-  background-position: 50% 50%;
-  background-size: contain;
-  background-repeat: no-repeat;
-}
-.palette_icon_fa {
-  color: white;
-  position: absolute;
-  top: 7px;
-  left: 3px;
-}
-.palette_node_small {
-  display: inline-block;
-  position: relative;
-  width: 18px;
-  height: 15px;
-  margin: 3px 0px;
-  vertical-align: middle;
-  cursor: default;
-
-  .palette_icon_container {
-    width: 18px;
-    border-right: none;
-  }
-  .palette_icon {
-    margin-left: -1px;
-    width: 15px;
-  }
-  .palette_icon_fa {
-    top: 2px;
-    left: 1px;
-  }
-}
-
-.palette-textinput {
-  margin-bottom: 0px !important;
-  height: 20px !important;
-  border-radius: 0 !important;
-  //background: transparent !important;
-  -webkit-box-shadow: none !important;
-  box-shadow: none !important;
-  border: none !important;
-  //width: 90% !important;
-  //color: darkgrey !important;
-}
-
-.palette-textinput-alt {
-  background: #e9e9e9 !important;
-  padding: 0px 6px;
-  height: 23px !important;
-  outline: 2px solid #e9e9e9 !important;
-  margin-bottom: 0px !important;
-  border-radius: 0 !important;
-  box-shadow: none !important;
-  border: none !important;
-}
-
-.pointer:hover {
-  cursor: pointer;
-}
-
-#palette-projectnav {
-  display: flex;
-  padding: 6px 10px;
-  overflow-y: scroll;
-}
-
-#projectnav {
-  display: flex;
-  width: 200px;
-}
-
-#projectbtnnav {
-  width: 25px;
-}
-
-#createTab{
-  padding-top: 4px;
-  display: flex;
-  width: 22px;
-  justify-content: center;
-  padding-left: 7px;
-}
-
-

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

@@ -1,61 +0,0 @@
-/**
- * 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-panels {
-    position: relative;
-    overflow: hidden;
-    & > div {
-        // border: 1px solid red;
-        box-sizing: border-box;
-    }
-}
-
-.red-ui-panels-separator {
-    border-top: 1px solid $secondary-border-color;
-    border-bottom: 1px solid $secondary-border-color;
-    height: 7px;
-    box-sizing: border-box;
-    cursor: ns-resize;
-    background: $background-color url(images/grip.png) no-repeat 50% 50%;
-}
-
-
-.red-ui-panel {
-    overflow: auto;
-    height: calc(50% - 4px);
-}
-
-.red-ui-panels.red-ui-panels-horizontal {
-    height: 100%;
-    .red-ui-panel {
-        vertical-align: top;
-        display: inline-block;
-        height: 100%;
-        width: calc(50% - 4px);
-    }
-    .red-ui-panels-separator {
-        vertical-align: top;
-        border-top: none;
-        border-bottom: none;
-        border-left: 1px solid $secondary-border-color;
-        border-right: 1px solid $secondary-border-color;
-        height: 100%;
-        width: 7px;
-        display: inline-block;
-        cursor: ew-resize;
-    }
-}

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

@@ -1,166 +0,0 @@
-/**
- * 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-popover {
-    display: none;
-    position: absolute;
-    width: auto;
-    padding: 10px;
-    height: auto;
-    background: $popover-background;
-    color: $popover-color;
-    border-radius: 4px;
-    z-index: 1000;
-    font-size: 14px;
-    line-height: 1.4em;
-    @include component-shadow;
-    border-color: $popover-background;
-}
-
-.red-ui-popover:after, .red-ui-popover:before {
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
-}
-.red-ui-popover.red-ui-popover-right:after, .red-ui-popover.red-ui-popover-right:before {
-    top: 50%;
-    right: 100%;
-}
-.red-ui-popover.red-ui-popover-left:after, .red-ui-popover.red-ui-popover-left:before {
-    top: 50%;
-    left: 100%;
-}
-
-.red-ui-popover.red-ui-popover-bottom:after, .red-ui-popover.red-ui-popover-bottom:before {
-    bottom: 100%;
-    left: 50%;
-}
-
-.red-ui-popover.red-ui-popover-top:after, .red-ui-popover.red-ui-popover-top:before {
-    top: 100%;
-    left: 50%;
-}
-
-.red-ui-popover.red-ui-popover-right:after {
-    border-color: rgba(136, 183, 213, 0);
-    border-right-color: $popover-background;
-    border-width: 10px;
-    margin-top: -10px;
-}
-.red-ui-popover.red-ui-popover-right:before {
-    border-color: rgba(194, 225, 245, 0);
-    border-right-color: $popover-background;
-    border-width: 11px;
-    margin-top: -11px;
-}
-
-.red-ui-popover.red-ui-popover-left:after {
-    border-color: rgba(136, 183, 213, 0);
-    border-left-color: $popover-background;
-    border-width: 10px;
-    margin-top: -10px;
-}
-.red-ui-popover.red-ui-popover-left:before {
-    border-color: rgba(194, 225, 245, 0);
-    border-left-color: $popover-background;
-    border-width: 11px;
-    margin-top: -11px;
-}
-
-
-.red-ui-popover.red-ui-popover-bottom:after {
-    border-color: rgba(136, 183, 213, 0);
-    border-bottom-color: $popover-background;
-    border-width: 10px;
-    margin-left: -10px;
-}
-.red-ui-popover.red-ui-popover-bottom:before {
-    border-color: rgba(194, 225, 245, 0);
-    border-bottom-color: $popover-background;
-    border-width: 11px;
-    margin-left: -11px;
-}
-
-.red-ui-popover.red-ui-popover-top:after {
-    border-color: rgba(136, 183, 213, 0);
-    border-top-color: $popover-background;
-    border-width: 10px;
-    margin-left: -10px;
-}
-.red-ui-popover.red-ui-popover-top:before {
-    border-color: rgba(194, 225, 245, 0);
-    border-top-color: $popover-background;
-    border-width: 11px;
-    margin-left: -11px;
-}
-
-
-
-.red-ui-popover-size-small {
-    font-size: 12px;
-    padding: 5px 7px;
-    line-height: 1.8em;
-
-    &.red-ui-popover-right:after, &.red-ui-popover-left:after {
-        border-width: 7px;
-        margin-top: -7px;
-    }
-    &.red-ui-popover-right:before, &.red-ui-popover-left:before {
-        border-width: 8px;
-        margin-top: -8px;
-    }
-
-    &.red-ui-popover-bottom:after, &.red-ui-popover-top:after {
-        border-width: 7px;
-        margin-left: -7px;
-    }
-    &.red-ui-popover-bottom:before, &.red-ui-popover-top:before {
-        border-width: 8px;
-        margin-left: -8px;
-    }
-
-}
-
-.red-ui-popover-key {
-    font-size: 11px;
-    font-family: monospace;
-    margin-left: 3px;
-    border: 1px solid #999;
-    border-radius:3px;
-    padding: 1px 2px;
-}
-
-.red-ui-popover .editor-button {
-    &:not(.primary) {
-        color: #444 !important;
-        border-color: rgba(0,0,0,0);
-    }
-    &.primary {
-        border-color: #bbb;
-    }
-    &.primary:hover {
-        border-color: #666 !important;
-    }
-}
-.red-ui-popover code {
-    border: none;
-    background: none;
-    color: #ccc;
-}

package/src/app/ui/editor-client/src/sass/project-info.scss

@@ -1,74 +0,0 @@
-/**
- * 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.
- **/
-.escape-key {
-  background: #ddd;
-  padding: 2px 10px 3px 10px;
-  border-radius: 4px;
-  font-weight: 500;
-  --saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5);
-  box-shadow: 0 1px 0 var(--saf-0);
-}
-
-.red-ui-project-info {
-  z-index: 1000;
-  display: none;
-  position: absolute;
-  width: 500px;
-  background: #ecebeb;
-  left: 50%;
-  margin-left: -250px;
-  top: 0px;
-  border: 1px solid $primary-border-color;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-}
-
-.red-ui-project-body {
-  position: relative;
-  height: 320px;
-  padding: 5px;
-}
-
-.project-info-section {
-  padding: 8px 13px;
-}
-
-.projectInfoSectionLabel {
-  z-index: 2;
-  position: relative;
-  left: 13px;
-  top: 14px;
-  background: #ecebeb;
-  display: inline-block;
-}
-
-.projectInfoSectionBody {
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  padding: 13px;
-}
-
-.projectInfoSectionRow {
-  display: flex;
-}
-
-#project-info-open-project{
-  margin-right: 8px;
-}
-
-.projectInfoLabel {
-  width: 20%;
-  font-weight: bold;
-}