@visuallyjs/browser-ui 1.1.3 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/visuallyjs.css +22 -1
- package/js/visuallyjs.browser-ui.cjs.js +53 -53
- package/js/visuallyjs.browser-ui.esm.js +53 -53
- package/package.json +1 -1
- package/types/browser-ui/auto-pan-handler.d.ts +36 -0
- package/types/browser-ui/browser-visuallyjs-instance.d.ts +8 -2
- package/types/browser-ui/connector-editors/editor-base.d.ts +4 -1
- package/types/browser-ui/css-constants.d.ts +16 -0
- package/types/browser-ui/edge-handler-base.d.ts +1 -1
- package/types/browser-ui/edge-input-handler.d.ts +2 -0
- package/types/browser-ui/edge-relocate-handler.d.ts +2 -2
- package/types/browser-ui/element-drag-handler-2.d.ts +12 -0
- package/types/browser-ui/plugins/browser-ui-plugin.d.ts +2 -2
- package/types/browser-ui/surface-renderer/diagrams/definitions.d.ts +1 -1
- package/types/browser-ui/surface-renderer/plugins/lasso/lasso-plugin.d.ts +6 -0
- package/types/browser-ui/surface-renderer/plugins/lasso/lasso.d.ts +21 -3
- package/types/browser-ui/surface-renderer/plugins/miniview/miniview-plugin.d.ts +15 -7
- package/types/browser-ui/surface-renderer/surface.d.ts +8 -3
- package/types/charts/sankey/sankey.d.ts +1 -1
- package/types/core/event-constants.d.ts +29 -0
- package/types/core/geom.d.ts +32 -2
- package/types/core/layout/circular/circular-layout.d.ts +6 -1
- package/types/core/selection.d.ts +6 -2
- package/types/core/toolkit.d.ts +6 -0
- package/types/test-support/test-support.d.ts +10 -5
- package/types/ui/core/core-events.d.ts +2 -2
- package/types/ui/core/core.d.ts +8 -0
- package/types/ui/core/definitions.d.ts +6 -0
- package/types/ui/core/event-constants.d.ts +16 -0
- package/types/version.d.ts +1 -1
package/css/visuallyjs.css
CHANGED
|
@@ -526,13 +526,14 @@ This class is assigned to an element while it is being flashed.
|
|
|
526
526
|
:root {
|
|
527
527
|
--vjs-miniview-background: white;
|
|
528
528
|
--vjs-miniview-border: 2px solid #d4d8dc;
|
|
529
|
-
--vjs-miniview-panner-border: 5px dotted
|
|
529
|
+
--vjs-miniview-panner-border: 5px dotted F5F5F5FF;
|
|
530
530
|
--vjs-miniview-panner-background: rgb(178, 203, 215);
|
|
531
531
|
--vjs-miniview-element-background: rgb(96, 122, 134);
|
|
532
532
|
--vjs-miniview-group-element-border: 3px solid black;
|
|
533
533
|
--vjs-miniview-collapse-color: WhiteSmoke;
|
|
534
534
|
--vjs-miniview-collapsed-background: #449ea6;
|
|
535
535
|
--vjs-miniview-collapsed-hover: #e4f013;
|
|
536
|
+
--vjs-miniview-selected-element:#1798b2;
|
|
536
537
|
}
|
|
537
538
|
|
|
538
539
|
/*
|
|
@@ -573,12 +574,32 @@ This class is assigned to an element while it is being flashed.
|
|
|
573
574
|
cursor: -webkit-grabbing;
|
|
574
575
|
}
|
|
575
576
|
|
|
577
|
+
/*
|
|
578
|
+
Assigned to the element the miniview displays to show the lasso. By default this uses the same
|
|
579
|
+
border and background as the lasso on the canvas.
|
|
580
|
+
*/
|
|
581
|
+
.vjs-miniview-lasso {
|
|
582
|
+
border: 6px solid var(--vjs-lasso-border);
|
|
583
|
+
border-radius: 12px;
|
|
584
|
+
z-index: 2;
|
|
585
|
+
background-color: var(--vjs-lasso-background);
|
|
586
|
+
opacity: 0.5;
|
|
587
|
+
}
|
|
588
|
+
|
|
576
589
|
/*
|
|
577
590
|
Added to all elements displayed in a miniview.
|
|
578
591
|
*/
|
|
579
592
|
.vjs-miniview-element {
|
|
580
593
|
background-color: var(--vjs-miniview-element-background);
|
|
581
594
|
position: absolute;
|
|
595
|
+
border-radius: 12px;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
/*
|
|
599
|
+
Added to all elements displayed in a miniview that are in the model's current selection.
|
|
600
|
+
*/
|
|
601
|
+
.vjs-miniview-selected {
|
|
602
|
+
background-color: var(--vjs-miniview-selected-element);
|
|
582
603
|
}
|
|
583
604
|
|
|
584
605
|
/*
|