@visuallyjs/browser-ui 1.2.5 → 1.2.7

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.
Files changed (43) hide show
  1. package/css/visuallyjs.css +16 -12
  2. package/js/visuallyjs.browser-ui.cjs.js +64 -64
  3. package/js/visuallyjs.browser-ui.esm.js +63 -63
  4. package/package.json +1 -1
  5. package/types/browser-ui/browser-visuallyjs-instance.d.ts +1 -3
  6. package/types/browser-ui/components/edge-type-picker/edge-type-picker.d.ts +6 -2
  7. package/types/browser-ui/components/inspector/inspector.d.ts +9 -1
  8. package/types/browser-ui/components/palette/auto-edge-connect.d.ts +1 -1
  9. package/types/browser-ui/components/palette/palette-options.d.ts +11 -11
  10. package/types/browser-ui/components/palette/palette.d.ts +2 -2
  11. package/types/browser-ui/definitions.d.ts +19 -46
  12. package/types/browser-ui/edge-mappings/flowchart-basic.d.ts +28 -0
  13. package/types/browser-ui/shape-library/shape-library-definitions.d.ts +46 -8
  14. package/types/browser-ui/shape-library/shape-library.d.ts +14 -8
  15. package/types/browser-ui/surface-renderer/definitions.d.ts +7 -1
  16. package/types/browser-ui/surface-renderer/diagrams/definitions.d.ts +41 -4
  17. package/types/browser-ui/surface-renderer/plugins/palette/palette-plugin.d.ts +1 -2
  18. package/types/browser-ui/surface-renderer/plugins/resizing-tools/definitions.d.ts +64 -0
  19. package/types/browser-ui/surface-renderer/shape-palette-options.d.ts +2 -2
  20. package/types/browser-ui/surface-renderer/shape-palette.d.ts +2 -2
  21. package/types/browser-ui/surface-renderer/surface.d.ts +3 -4
  22. package/types/browser-ui/svg-element-overlay.d.ts +3 -3
  23. package/types/browser-ui/svg-util.d.ts +3 -1
  24. package/types/charts/base-chart.d.ts +2 -1
  25. package/types/charts/definitions.d.ts +1 -1
  26. package/types/charts/dual-value-chart.d.ts +2 -1
  27. package/types/charts/legend.d.ts +1 -1
  28. package/types/charts/pie/pie-chart.d.ts +2 -1
  29. package/types/charts/sankey/sankey.d.ts +2 -1
  30. package/types/charts/tooltip.d.ts +2 -1
  31. package/types/charts/util.d.ts +2 -1
  32. package/types/test-support/test-support.d.ts +3 -3
  33. package/types/ui/common/overlay.d.ts +6 -2
  34. package/types/ui/common/paint-style.d.ts +7 -0
  35. package/types/ui/core/core.d.ts +32 -1
  36. package/types/ui/core/definitions.d.ts +49 -0
  37. package/types/ui/core/overlay/custom-overlay.d.ts +2 -2
  38. package/types/ui/core/overlay/label-overlay.d.ts +6 -5
  39. package/types/ui/core/overlay/overlay.d.ts +3 -3
  40. package/types/ui/core/params.d.ts +5 -0
  41. package/types/ui/core/view/edge-options.d.ts +44 -2
  42. package/types/ui/property-mappings/definitions.d.ts +4 -0
  43. package/types/version.d.ts +1 -1
package/css/visuallyjs.css CHANGED
@@ -701,7 +701,8 @@ When clickToCenter is true on the miniview, set a pointer cursor on miniview ele
701
701
  --vjs-resize-handle-color: var(--vjs-color-edit);
702
702
  --vjs-resize-active-color: #5f9ea0;
703
703
  --vjs-resize-handle-size: 1rem;
704
- --vjs-resize-border-size: 0.6rem;
704
+ --vjs-resize-handle-fill-color: #FFFFFF;
705
+ --vjs-resize-frame-line-width:2px;
705
706
  --vjs-resize-rotate-leader-length:48px;
706
707
  --vjs-resize-rotate-leader-width:2px;
707
708
  --vjs-resize-rotate-handle-size:20px;
@@ -721,7 +722,7 @@ Assigned to the skeleton element when a resize is active.
721
722
  Assigned to the element that is drawn around some other element when a resize operation is taking place
722
723
  */
723
724
  .vjs-resize-frame {
724
- stroke-width: var(--vjs-resize-rotate-leader-width);
725
+ stroke-width: var(--vjs-resize-rotate-frame-line-width);
725
726
  fill: none;
726
727
  stroke: var(--vjs-resize-handle-color);
727
728
  }
@@ -732,7 +733,7 @@ Assigned to the skeleton element when a resize is active.
732
733
  .vjs-resize-handle {
733
734
  pointer-events: all;
734
735
  cursor: pointer;
735
- fill: white;
736
+ fill: var(--vjs-resize-handle-fill-color);
736
737
  stroke: var(--vjs-resize-handle-color);
737
738
  stroke-width: 2px;
738
739
  transition: fill 0.2s;
@@ -1750,23 +1751,26 @@ Added to an element that is the container for a Paper component.
1750
1751
  height: 1.5rem;
1751
1752
  width: 90%;
1752
1753
  position: relative;
1754
+ padding: 2px 5px;
1755
+ border-radius: 3px;
1756
+ cursor: pointer;
1753
1757
  }
1754
1758
  .vjs-edge-type-picker > div > div {
1755
- position: absolute;
1756
- inset: 0;
1759
+ display: flex;
1760
+ align-items: center;
1761
+ height: 100%;
1757
1762
  }
1758
1763
  .vjs-edge-type-picker > div > div > svg {
1759
- position: absolute;
1760
- inset: 0;
1761
- top: 50%;
1764
+ position: relative;
1765
+ top: auto;
1762
1766
  }
1763
1767
 
1764
- .vjs-edge-type-picker > svg {
1765
- z-index: 1;
1768
+ .vjs-edge-type-picker-selected {
1769
+ background-color: #e8e1e1;
1766
1770
  }
1767
1771
 
1768
- .vjs-edge-type-picker-selected {
1769
- background-color: #f7f7f7;
1772
+ .vjs-edge-type-picker > div:not(.vjs-edge-type-picker-selected):hover {
1773
+ background-color: #e8e1e1;
1770
1774
  }
1771
1775
 
1772
1776
  .vjs-edge-type-picker div.vjs-overlay {