histomicsui 1.7.3.dev64__tar.gz → 1.7.3.dev68__tar.gz

{histomicsui-1.7.3.dev64 → histomicsui-1.7.3.dev68}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: histomicsui
-Version: 1.7.3.dev64
+Version: 1.7.3.dev68
 Summary: Organize, visualize, and analyze histology images.
 Home-page: https://github.com/DigitalSlideArchive/histomicsui
 Author: Kitware, Inc.

{histomicsui-1.7.3.dev64 → histomicsui-1.7.3.dev68}/histomicsui/web_client/panels/MetadataPlot.js

@@ -464,7 +464,7 @@ var MetadataPlot = Panel.extend({
         return '<span class="hui-plotly-hover">' + parts.join('<br>') + '</span>';
     },
 
-    plotDataToPlotly: function (plotData) {
+    plotDataToPlotly: function (plotData, plotOptions) {
         let colorBrewerPaired12 = ['#a6cee3', '#1f78b4', '#b2df8a', '#33a02c', '#fb9a99', '#e31a1c', '#fdbf6f', '#ff7f00', '#cab2d6', '#6a3d9a', '#ffff99', '#b15928'];
         const viridis = ['#440154', '#482172', '#423d84', '#38578c', '#2d6f8e', '#24858d', '#1e9a89', '#2ab07e', '#51c468', '#86d449', '#c2df22', '#fde724'];
         // concatenate this so we have predictable colors for a longer scale
@@ -630,6 +630,13 @@ var MetadataPlot = Panel.extend({
             }
             plotlyData.type = 'scatter';
         }
+        if (plotOptions && (plotData.format === 'violin' || plotData.format === 'distrib')) {
+            if (!plotOptions.xaxis) {
+                plotOptions.xaxis = {};
+            }
+            plotOptions.xaxis.tickvals = Object.keys(plotData.series.s.distinct);
+            plotOptions.xaxis.ticktext = Object.keys(plotData.series.s.distinct).map((k, kidx) => plotData.series.s.distinct[kidx]);
+        }
         return [plotlyData];
     },
 
@@ -676,7 +683,7 @@ var MetadataPlot = Panel.extend({
                     plotOptions.yaxis = {title: {text: `${plotData.series.y.title}`}};
                 }
                 this._plotlyNode = elem;
-                window.Plotly.newPlot(elem[0], this.plotDataToPlotly(plotData), plotOptions);
+                window.Plotly.newPlot(elem[0], this.plotDataToPlotly(plotData, plotOptions), plotOptions);
                 elem[0].on('plotly_hover', (evt) => this.onHover(evt));
                 elem[0].on('plotly_selected', (evt) => this.onSelect(evt, plotData));
             });

{histomicsui-1.7.3.dev64 → histomicsui-1.7.3.dev68}/histomicsui/web_client/stylesheets/popover/annotationPopover.styl

@@ -3,6 +3,7 @@
   pointer-events none
   margin-left 15px
   z-index 1000
+  --arrow-offset 0.001px
 
   .h-annotation-popover
     position absolute
@@ -14,28 +15,29 @@
     border-radius 3px
     border 1px solid #000
     box-shadow 0 5px 10px rgba(0, 0, 0, 0.5)
+    --arrow-size 13px
 
     &:before
       content ""
       border-color transparent #000 transparent transparent
       border-style solid
-      border-width 13px
+      border-width var(--arrow-size)
       height 0
       width 0
       position absolute
-      left -26px
-      top calc(50% - 13px)
+      left calc(-2 * var(--arrow-size))
+      top calc(50% - var(--arrow-size) + var(--arrow-offset))
 
     &:after
       content ""
       border-color transparent #fff transparent transparent
       border-style solid
-      border-width 13px
+      border-width var(--arrow-size)
       height 0
       width 0
       position absolute
-      left -25px
-      top calc(50% - 13px)
+      left calc(-2 * var(--arrow-size) + 1px)
+      top calc(50% - var(--arrow-size) + var(--arrow-offset))
 
     > :not(.h-annotation-name)
       padding 0 20px

{histomicsui-1.7.3.dev64 → histomicsui-1.7.3.dev68}/histomicsui/web_client/templates/popover/annotationPopover.pug

@@ -46,4 +46,5 @@
                       td #{value}
               - var add = elementAdditionalValues(element, annotation)
               if add
-                | !{add}
+                .additionalData
+                  | !{add}

{histomicsui-1.7.3.dev64 → histomicsui-1.7.3.dev68}/histomicsui/web_client/views/popover/AnnotationPopover.js

@@ -121,7 +121,19 @@ var AnnotationPopover = View.extend({
         if (!this._visible()) {
             this._hide();
         }
-        this._height = this.$('.h-annotation-popover').height();
+        this.$('.h-annotation-popover .additionalData').css('font-size', '');
+        this._height = this.$('.h-annotation-popover').outerHeight(true);
+        if (this._height > window.innerHeight) {
+            this.$('.h-annotation-popover .additionalData').css('font-size', '90%');
+            const delta = (this._height - this.$('.h-annotation-popover').outerHeight(true)) / 10;
+            if (delta > 0) {
+                const scale = 100 - (this._height - window.innerHeight) / delta;
+                if (scale > 10 && scale < 100) {
+                    this.$('.h-annotation-popover .additionalData').css('font-size', `${scale}%`);
+                }
+            }
+            this._height = this.$('.h-annotation-popover').outerHeight(true);
+        }
         this._position();
         return this;
     },
@@ -275,10 +287,13 @@ var AnnotationPopover = View.extend({
         } else {
             evt = this._lastPositionEvt;
         }
-        if (evt && this._visible()) {
+        if (evt && this._visible() && this._height) {
+            const idealPos = evt.pageY - this._height / 2;
+            const pos = Math.max(0, Math.min(window.innerHeight - this._height, idealPos));
             this.$el.css({
                 left: evt.pageX + 5,
-                top: evt.pageY - this._height / 2
+                top: pos,
+                '--arrow-offset': (idealPos - pos) + 'px'
             });
         }
     },

{histomicsui-1.7.3.dev64 → histomicsui-1.7.3.dev68}/histomicsui.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: histomicsui
-Version: 1.7.3.dev64
+Version: 1.7.3.dev68
 Summary: Organize, visualize, and analyze histology images.
 Home-page: https://github.com/DigitalSlideArchive/histomicsui
 Author: Kitware, Inc.