Initial Script

2019-02-01 10:28:28 +00:00
commit 54f5e8c418
@@ -0,0 +1,387 @@
+/*! JointJS v2.1.2 (2018-05-08) - JavaScript diagramming library
+
+
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at http://mozilla.org/MPL/2.0/.
+*/
+/*
+A complete list of SVG properties that can be set through CSS is here:
+http://www.w3.org/TR/SVG/styling.html
+
+Important note: Presentation attributes have a lower precedence over CSS style rules.
+*/
+
+
+/* .viewport is a <g> node wrapping all diagram elements in the paper */
+.joint-viewport {
+   -webkit-user-select: none;
+   -moz-user-select: none;
+   user-select: none;
+}
+
+.joint-paper > svg,
+.joint-paper-background,
+.joint-paper-grid {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+/*
+1. IE can't handle paths without the `d` attribute for bounding box calculation
+2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will
+   break the links rendering.
+
+path:not([d]) {
+    display: none;
+}
+
+*/
+
+
+/* magnet is an element that can be either source or a target of a link */
+[magnet=true]:not(.joint-element) {
+   cursor: crosshair;
+}
+[magnet=true]:not(.joint-element):hover {
+   opacity: .7;
+}
+
+/*
+
+Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class "element basic Rect".
+This makes it possible to easilly style elements in CSS and have generic CSS rules applying to
+the whole group of elements. Each plugin can provide its own stylesheet.
+
+*/
+
+.joint-element {
+   /* Give the user a hint that he can drag&drop the element. */
+   cursor: move;
+}
+
+.joint-element * {
+   user-drag: none;
+}
+
+.joint-element .scalable * {
+   /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */
+   vector-effect: non-scaling-stroke;
+}
+/*
+
+connection-wrap is a <path> element of the joint.dia.Link that follows the .connection <path> of that link.
+In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the
+.connection <path>. The advantage of using .connection-wrap is to be able to catch pointer events
+in the neighborhood of the .connection <path>. This is especially handy if the .connection <path> is
+very thin.
+
+*/
+
+.marker-source,
+.marker-target {
+   /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */
+   vector-effect: non-scaling-stroke;
+}
+
+/* Paper */
+.joint-paper {
+    position: relative;
+}
+/* Paper */
+
+/*  Highlighting  */
+.joint-highlight-opacity {
+    opacity: 0.3;
+}
+/*  Highlighting  */
+
+/*
+
+Vertex markers are `<circle>` elements that appear at connection vertex positions.
+
+*/
+
+.joint-link .connection-wrap,
+.joint-link .connection {
+   fill: none;
+}
+
+/* <g> element wrapping .marker-vertex-group. */
+.marker-vertices {
+   opacity: 0;
+   cursor: move;
+}
+.marker-arrowheads {
+   opacity: 0;
+   cursor: move;
+   cursor: -webkit-grab;
+   cursor: -moz-grab;
+/*   display: none;   */   /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */
+}
+.link-tools {
+   opacity: 0;
+   cursor: pointer;
+}
+.link-tools .tool-options {
+   display: none;       /* by default, we don't display link options tool */
+}
+.joint-link:hover .marker-vertices,
+.joint-link:hover .marker-arrowheads,
+.joint-link:hover .link-tools {
+   opacity: 1;
+}
+
+/* <circle> element used to remove a vertex */
+.marker-vertex-remove {
+   cursor: pointer;
+   opacity: .1;
+}
+
+.marker-vertex-group:hover .marker-vertex-remove {
+   opacity: 1;
+}
+
+.marker-vertex-remove-area {
+   opacity: .1;
+   cursor: pointer;
+}
+.marker-vertex-group:hover .marker-vertex-remove-area {
+   opacity: 1;
+}
+
+/*
+Example of custom changes (in pure CSS only!):
+
+Do not show marker vertices at all:  .marker-vertices { display: none; }
+Do not allow adding new vertices: .connection-wrap { pointer-events: none; }
+*/
+
+/* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
+.joint-element .fobj {
+    overflow: hidden;
+}
+.joint-element .fobj body {
+    background-color: transparent;
+    margin: 0px;
+    position: static;
+}
+.joint-element .fobj div {
+    text-align: center;
+    vertical-align: middle;
+    display: table-cell;
+    padding: 0px 5px 0px 5px;
+}
+
+/* Paper */
+.joint-paper.joint-theme-dark {
+    background-color: #18191b;
+}
+/* Paper */
+
+/*  Links  */
+.joint-link.joint-theme-dark .connection-wrap {
+    stroke: #8F8FF3;
+    stroke-width: 15;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    opacity: 0;
+    cursor: move;
+}
+.joint-link.joint-theme-dark .connection-wrap:hover {
+    opacity: .4;
+    stroke-opacity: .4;
+}
+.joint-link.joint-theme-dark .connection {
+    stroke-linejoin: round;
+}
+.joint-link.joint-theme-dark .link-tools .tool-remove circle {
+    fill: #F33636;
+}
+.joint-link.joint-theme-dark .link-tools .tool-remove path {
+    fill: white;
+}
+.joint-link.joint-theme-dark .link-tools [event="link:options"] circle {
+    fill: green;
+}
+/* <circle> element inside .marker-vertex-group <g> element */
+.joint-link.joint-theme-dark .marker-vertex {
+    fill: #5652DB;
+}
+.joint-link.joint-theme-dark .marker-vertex:hover {
+    fill: #8E8CE1;
+    stroke: none;
+}
+.joint-link.joint-theme-dark .marker-arrowhead {
+    fill: #5652DB;
+}
+.joint-link.joint-theme-dark .marker-arrowhead:hover {
+    fill: #8E8CE1;
+    stroke: none;
+}
+/* <circle> element used to remove a vertex */
+.joint-link.joint-theme-dark .marker-vertex-remove-area {
+    fill: green;
+    stroke: darkgreen;
+}
+.joint-link.joint-theme-dark .marker-vertex-remove {
+    fill: white;
+    stroke: white;
+}
+/*  Links  */
+/* Paper */
+.joint-paper.joint-theme-default {
+    background-color: #FFFFFF;
+}
+/* Paper */
+
+/*  Links  */
+.joint-link.joint-theme-default .connection-wrap {
+    stroke: #000000;
+    stroke-width: 15;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    opacity: 0;
+    cursor: move;
+}
+.joint-link.joint-theme-default .connection-wrap:hover {
+    opacity: .4;
+    stroke-opacity: .4;
+}
+.joint-link.joint-theme-default .connection {
+    stroke-linejoin: round;
+}
+.joint-link.joint-theme-default .link-tools .tool-remove circle {
+    fill: #FF0000;
+}
+.joint-link.joint-theme-default .link-tools .tool-remove path {
+    fill: #FFFFFF;
+}
+
+/* <circle> element inside .marker-vertex-group <g> element */
+.joint-link.joint-theme-default .marker-vertex {
+    fill: #1ABC9C;
+}
+.joint-link.joint-theme-default .marker-vertex:hover {
+    fill: #34495E;
+    stroke: none;
+}
+
+.joint-link.joint-theme-default .marker-arrowhead {
+    fill: #1ABC9C;
+}
+.joint-link.joint-theme-default .marker-arrowhead:hover {
+    fill: #F39C12;
+    stroke: none;
+}
+
+/* <circle> element used to remove a vertex */
+.joint-link.joint-theme-default .marker-vertex-remove {
+    fill: #FFFFFF;
+}
+/*  Links  */
+
+@font-face {
+    font-family: 'lato-light';
+    src: url(data:application/font-woff;charset=utf-8;base64,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 truncated
+    font-weight: normal;
+    font-style: normal;
+}
+
+/*  Links  */
+.joint-link.joint-theme-material .connection-wrap {
+    stroke: #000000;
+    stroke-width: 15;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    opacity: 0;
+    cursor: move;
+}
+.joint-link.joint-theme-material .connection-wrap:hover {
+    opacity: .4;
+    stroke-opacity: .4;
+}
+.joint-link.joint-theme-material .connection {
+    stroke-linejoin: round;
+}
+.joint-link.joint-theme-material .link-tools .tool-remove circle {
+    fill: #C64242;
+}
+.joint-link.joint-theme-material .link-tools .tool-remove path {
+    fill: #FFFFFF;
+}
+
+/* <circle> element inside .marker-vertex-group <g> element */
+.joint-link.joint-theme-material .marker-vertex {
+    fill: #d0d8e8;
+}
+.joint-link.joint-theme-material .marker-vertex:hover {
+    fill: #5fa9ee;
+    stroke: none;
+}
+
+.joint-link.joint-theme-material .marker-arrowhead {
+    fill: #d0d8e8;
+}
+.joint-link.joint-theme-material .marker-arrowhead:hover {
+    fill: #5fa9ee;
+    stroke: none;
+}
+
+/* <circle> element used to remove a vertex */
+.joint-link.joint-theme-material .marker-vertex-remove-area {
+    fill: #5fa9ee;
+}
+.joint-link.joint-theme-material .marker-vertex-remove {
+    fill: white;
+}
+/*  Links  */
+
+/*  Links  */
+.joint-link.joint-theme-modern .connection-wrap {
+    stroke: #000000;
+    stroke-width: 15;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    opacity: 0;
+    cursor: move;
+}
+.joint-link.joint-theme-modern .connection-wrap:hover {
+    opacity: .4;
+    stroke-opacity: .4;
+}
+.joint-link.joint-theme-modern .connection {
+    stroke-linejoin: round;
+}
+.joint-link.joint-theme-modern .link-tools .tool-remove circle {
+    fill: #FF0000;
+}
+.joint-link.joint-theme-modern .link-tools .tool-remove path {
+    fill: #FFFFFF;
+}
+
+/* <circle> element inside .marker-vertex-group <g> element */
+.joint-link.joint-theme-modern .marker-vertex {
+    fill: #1ABC9C;
+}
+.joint-link.joint-theme-modern .marker-vertex:hover {
+    fill: #34495E;
+    stroke: none;
+}
+
+.joint-link.joint-theme-modern .marker-arrowhead {
+    fill: #1ABC9C;
+}
+.joint-link.joint-theme-modern .marker-arrowhead:hover {
+    fill: #F39C12;
+    stroke: none;
+}
+
+/* <circle> element used to remove a vertex */
+.joint-link.joint-theme-modern .marker-vertex-remove {
+    fill: white;
+}
+/*  Links  */