qms-angular 1.0.86 → 1.0.87

package/src/assets/jointjs/scss/rappid.scss

@@ -7645,6 +7645,109 @@ Important note: Presentation attributes have a lower precedence over CSS style r
  .joint-widget.joint-theme-dark[data-type="zoomOut"]:after { content: '\e807'; }
  .joint-widget.joint-theme-dark[data-type="fullscreen"]:after { content: '\e809'; }
 
+ 
+.joint-widget.joint-theme-dark[data-name="clear"]:after,
+.joint-widget.joint-theme-dark[data-name="layout"]:after,
+.joint-widget.joint-theme-dark[data-name="print"]:after {
+    font-family: "toolbar-icons-dark-kitchen-sink";
+    font-style: normal;
+    font-weight: normal;
+    display: inline-block;
+    margin: auto;
+    text-align: center;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1em;
+    font-size: 22px;
+}
+
+.joint-widget.joint-theme-dark[data-name="clear"]:after {
+    content: '\e850';
+}
+
+.joint-widget.joint-theme-dark[data-name="layout"]:after {
+    content: '\e853';
+}
+
+.joint-widget.joint-theme-dark[data-name="print"]:after {
+    content: '\e851';
+}
+
+.joint-widget.joint-theme-dark[data-name="resetTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/reset-icon-modern.png);
+}
+
+.joint-widget.joint-theme-dark[data-name="resetTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-dark[data-name="saveAsTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/save-icon-modern.png);
+}
+
+.joint-widget.joint-theme-dark[data-name="saveAsTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-dark[data-name="deleteTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/delete-icon-modern.png);
+}
+
+.joint-widget.joint-theme-dark[data-name="deleteTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-dark[data-name="to-front"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/to-front-icon-modern.png);
+}
+
+.joint-widget.joint-theme-dark[data-name="to-front"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-dark[data-name="to-back"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/toback-icon-modern.png);
+}
+
+.joint-widget.joint-theme-dark[data-name="to-back"]:after {
+  background-position: 1px;
+}
+
  /* checkbox*/
  .joint-widget.joint-theme-dark[data-type="checkbox"] input {
      position: relative;
@@ -8307,6 +8410,106 @@ Important note: Presentation attributes have a lower precedence over CSS style r
  .joint-widget.joint-theme-material[data-type="redo"]:disabled:after { background-position: -170px -8px; }
  .joint-widget.joint-theme-material[data-type="fullscreen"]:disabled:after { background-position: -214px -51px; }
 
+ 
+.joint-widget.joint-theme-material[data-name="clear"]:after {
+    background-position: -46px -100px;
+}
+
+.joint-widget.joint-theme-material[data-name="layout"]:after {
+    background-position: -5px -99px;
+}
+
+.joint-widget.joint-theme-material[data-name="print"]:after {
+    background-position: -88px -100px;
+}
+
+.joint-widget.joint-theme-material[data-name="clear"]:after,
+.joint-widget.joint-theme-material[data-name="layout"]:after,
+.joint-widget.joint-theme-material[data-name="print"]:after {
+    display: block;
+    width: 33px;
+    height: 33px;
+    content: ' ';
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-image: url(../images/toolbar-icons-material.png);
+}
+
+.joint-widget.joint-theme-material[data-name="resetTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/reset-icon-modern.png);
+}
+
+.joint-widget.joint-theme-material[data-name="resetTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-material[data-name="saveAsTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/save-icon-modern.png);
+}
+
+.joint-widget.joint-theme-material[data-name="saveAsTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-material[data-name="deleteTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/delete-icon-modern.png);
+}
+
+.joint-widget.joint-theme-material[data-name="deleteTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-material[data-name="to-front"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/to-front-icon-modern.png);
+}
+
+.joint-widget.joint-theme-material[data-name="to-front"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-material[data-name="to-back"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/toback-icon-modern.png);
+}
+
+.joint-widget.joint-theme-material[data-name="to-back"]:after {
+  background-position: 1px;
+}
+
  /* separator */
  .joint-widget.joint-theme-material[data-type="separator"] {
      background:
@@ -8783,6 +8986,129 @@ Important note: Presentation attributes have a lower precedence over CSS style r
      border: none;
      padding: 0;
  }
+
+ 
+.joint-widget.joint-theme-modern[data-name="clear"]:after,
+.joint-widget.joint-theme-modern[data-name="layout"]:after,
+.joint-widget.joint-theme-modern[data-name="resetTemplate"]:after,
+.joint-widget.joint-theme-modern[data-name="print"]:after {
+    display: block;
+    width: 31px;
+    height: 31px;
+    content: ' ';
+    background-color: transparent;
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    background-image: url(../images/toolbar-icons-modern.png);
+}
+
+.joint-widget.joint-theme-modern[data-name="clear"]:after {
+    background-position: 0 -62px;
+}
+
+.joint-widget.joint-theme-modern[data-name="clear"]:hover:after {
+    background-position: -31px -62px;
+}
+
+.joint-widget.joint-theme-modern[data-name="layout"]:after {
+    background-position: 0 -124px;
+}
+
+.joint-widget.joint-theme-modern[data-name="layout"]:hover:after {
+    background-position: -31px -124px;
+}
+
+.joint-widget.joint-theme-modern[data-name="print"]:after {
+    background-position: 0 -248px;
+}
+
+.joint-widget.joint-theme-modern[data-name="print"]:hover:after {
+    background-position: -31px -248px;
+}
+
+.joint-widget.joint-theme-modern[data-name="clear"],
+.joint-widget.joint-theme-modern[data-name="layout"],
+.joint-widget.joint-theme-modern[data-name="print"] {
+    position: relative;
+    top: -1px;
+    border: none;
+    padding: 0;
+}
+
+.joint-widget.joint-theme-modern[data-name="resetTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/reset-icon-modern.png);
+}
+
+.joint-widget.joint-theme-modern[data-name="resetTemplate"]:after {
+background-position: 1px;
+}
+
+.joint-widget.joint-theme-modern[data-name="saveAsTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/save-icon-modern.png);
+}
+
+.joint-widget.joint-theme-modern[data-name="saveAsTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-modern[data-name="deleteTemplate"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/delete-icon-modern.png);
+}
+
+.joint-widget.joint-theme-modern[data-name="deleteTemplate"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-modern[data-name="to-front"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/to-front-icon-modern.png);
+}
+
+.joint-widget.joint-theme-modern[data-name="to-front"]:after {
+  background-position: 1px;
+}
+
+.joint-widget.joint-theme-modern[data-name="to-back"]:after {
+  display: block;
+  width: 25px;
+  height: 25px;
+  content: ' ';
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-image: url(../images/toback-icon-modern.png);
+}
+
+.joint-widget.joint-theme-modern[data-name="to-back"]:after {
+  background-position: 1px;
+}
  /* separator */
  .joint-widget.joint-theme-modern[data-type="separator"] {
      line-height: 36px;

package/src/assets/jointjs/scss/theme-picker.scss

@@ -0,0 +1,22 @@
+/*! Rappid v3.2.0 - HTML5 Diagramming Framework
+
+Copyright (c) 2015 client IO
+
+ 2020-06-12
+
+
+This Source Code Form is subject to the terms of the Rappid License
+, v. 2.0. If a copy of the Rappid License was not distributed with this
+file, You can obtain one at http://jointjs.com/license/rappid_v2.txt
+ or from the Rappid archive as was distributed by client IO. See the LICENSE file.*/
+
+
+/*  Toolbar  */
+.joint-theme-picker {
+    position: absolute;
+    bottom: 20px;
+    right: 260px;
+    border-radius: 5px;
+    padding: 3px 1px !important;
+  }
+