@operato/process 7.1.31 → 7.1.33

package/src/modeller/component-toolbar/mode-icons.ts

@@ -1,88 +0,0 @@
-export const ICON_EDIT_MODE = `
-  <svg
-    version="1.1"
-    id="Layer_1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    x="0px"
-    y="0px"
-    viewBox="0 0 30 30"
-    style="enable-background:new 0 0 30 30;"
-    xml:space="preserve"
-  >
-    <style type="text/css">
-      .st0 {
-        fill: {{strokeColor}};
-      }
-      .st1 {
-        fill: none;
-        stroke: {{strokeColor}};
-        stroke-width: 0.75;
-        stroke-linejoin: round;
-        stroke-miterlimit: 10;
-      }
-    </style>
-    <g>
-      <polygon class="st0" points="2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 	" />
-      <path
-        class="st1"
-        d="M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1
-      c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5
-      l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0
-      c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1
-      s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1
-      c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z"
-      />
-    </g>
-  </svg>
-`
-
-export const ICON_SHIFT_MODE = `
-  <svg
-    version="1.1"
-    id="Layer_1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    x="0px"
-    y="0px"
-    viewBox="0 0 30 30"
-    style="enable-background:new 0 0 30 30;"
-    xml:space="preserve"
-  >
-    <style type="text/css">
-      .st0 {
-        fill: {{strokeColor}};
-        stroke: {{strokeColor}};
-        fill-rule: evenodd;
-        clip-rule: evenodd;
-      }
-      .st1 {
-        fill: {{strokeColor}};
-        stroke: {{strokeColor}};
-        stroke-width: 0.75;
-        stroke-linejoin: round;
-        stroke-miterlimit: 10;
-      }
-    </style>
-    <g>
-      <path
-        class="st0"
-        d="M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4
-      c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8
-      c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8
-      c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8
-      c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8
-      C6.7,22.7,7,23.2,7.8,23.2z"
-      />
-      <path
-        class="st1"
-        d="M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1
-      c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5
-      l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0
-      c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1
-      s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1
-      c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z"
-      />
-    </g>
-  </svg>
-`

package/src/modeller/edit-toolbar-style.ts

@@ -1,229 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-
-import { css } from 'lit'
-
-export const style = css`
-  :host {
-    background-color: var(--edit-toolbar-background-color, var(--md-sys-color-secondary-container, #394e64));
-    color: var(--edit-toolbar-color, var(--md-sys-color-on-secondary-container, #394e64));
-
-    overflow-x: hidden;
-  }
-
-  [tools] {
-    display: flex;
-    align-items: center;
-    overflow: none;
-    padding: 0px 10px;
-  }
-
-  [tools] > * {
-    padding: 0px;
-  }
-
-  [tools] > span[button] {
-    min-width: 30px;
-  }
-
-  [tools] > span[padding] {
-    flex: 1;
-  }
-
-  [tools] > .vline {
-    display: block;
-    flex: none;
-    border-left: 1px solid rgba(255, 255, 255, 0.2);
-    border-right: 1px solid rgba(0, 0, 0, 0.15);
-    width: 0px;
-    height: 18px;
-    margin: 0 3px;
-  }
-
-  span[button] {
-    min-height: 35px;
-
-    background: var(--url-icon-htoolbar) no-repeat;
-    background-position-x: 50%;
-    opacity: 0.8;
-  }
-  span[button]:hover {
-    opacity: 1;
-    background-color: rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-  }
-
-  #fullscreen,
-  #toggle-property {
-    flex: none;
-  }
-
-  #align-left {
-    background-position-y: 8px;
-  }
-
-  #align-center {
-    background-position-y: -42px;
-  }
-
-  #align-right {
-    background-position-y: -92px;
-  }
-
-  #align-top {
-    background-position-y: -142px;
-  }
-
-  #align-middle {
-    background-position-y: -192px;
-  }
-
-  #align-bottom {
-    background-position-y: -242px;
-  }
-
-  #undo {
-    background-position-y: -592px;
-  }
-
-  #redo {
-    background-position-y: -642px;
-  }
-
-  #front {
-    background-position-y: -292px;
-  }
-
-  #back {
-    background-position-y: -342px;
-  }
-
-  #forward {
-    background-position-y: -392px;
-  }
-
-  #backward {
-    background-position-y: -442px;
-  }
-
-  #symmetry-x {
-    background-position-y: -492px;
-  }
-
-  #symmetry-y {
-    background-position-y: -542px;
-  }
-
-  #group {
-    background-position-y: -492px;
-  }
-
-  #ungroup {
-    background-position-y: -542px;
-  }
-
-  #fullscreen {
-    background-position-y: -692px;
-  }
-
-  #toggle-property {
-    background-position-y: -692px;
-    float: right;
-  }
-
-  #zoomin {
-    background-position-y: -742px;
-  }
-
-  #zoomout {
-    background-position-y: -792px;
-  }
-
-  #fit-scene {
-    background-position-y: -1492px;
-  }
-
-  #cut {
-    background-position-y: -842px;
-  }
-
-  #copy {
-    background-position-y: -892px;
-  }
-
-  #paste {
-    background-position-y: -942px;
-  }
-
-  #delete {
-    background-position-y: -992px;
-  }
-
-  #font-increase {
-    background-position-y: -1042px;
-  }
-
-  #font-decrease {
-    background-position-y: -1092px;
-  }
-
-  #style-copy {
-    background-position-y: -1142px;
-  }
-
-  #context-menu {
-    background-position-y: -692px;
-  }
-
-  #symmetry-x {
-    background-position-y: -1192px;
-  }
-
-  #symmetry-y {
-    background-position-y: -1242px;
-  }
-
-  #rotate-cw {
-    background-position-y: -1292px;
-  }
-
-  #rotate-ccw {
-    background-position-y: -1342px;
-  }
-
-  #distribute-horizontal {
-    background-position-y: -1542px;
-  }
-
-  #distribute-vertical {
-    background-position-y: -1593px;
-  }
-
-  #toggle-property {
-    background-position-y: -1392px;
-  }
-
-  #preview {
-    background-position-y: -1640px;
-  }
-
-  /* bigger buttons */
-  #fullscreen {
-    background: var(--url-icon-fullscreen) 50% 10px no-repeat;
-    width: var(--edit-toolbar-bigger-icon-size);
-    height: var(--edit-toolbar-bigger-icon-size);
-    border-left: var(--edit-toolbar-bigger-icon-line);
-  }
-
-  #toggle-property {
-    background: var(--url-icon-collapse) 80% 10px no-repeat;
-    width: var(--edit-toolbar-bigger-icon-size);
-    height: var(--edit-toolbar-bigger-icon-size);
-    border-left: var(--edit-toolbar-bigger-icon-line);
-  }
-
-  #toggle-property[active] {
-    background: var(--url-icon-collapse-active) 80% 10px no-repeat;
-  }
-`