openseries 2.1.1__tar.gz → 2.1.3__tar.gz

{openseries-2.1.1 → openseries-2.1.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: openseries
-Version: 2.1.1
+Version: 2.1.3
 Summary: Tools for analyzing financial timeseries.
 License-Expression: BSD-3-Clause
 License-File: LICENSE.md

{openseries-2.1.1 → openseries-2.1.3}/openseries/report.py

@@ -2,6 +2,7 @@
 
 from __future__ import annotations
 
+import re
 import webbrowser
 from inspect import stack
 from logging import getLogger
@@ -16,7 +17,7 @@ if TYPE_CHECKING:  # pragma: no cover
     from plotly.graph_objs import Figure  # type: ignore[import-untyped]
 
     from .frame import OpenFrame
-    from .owntypes import LiteralPlotlyJSlib, LiteralPlotlyOutput
+    from .owntypes import LiteralPlotlyOutput
 
 
 from pandas import DataFrame, Index, Series, Timestamp, concat
@@ -424,9 +425,6 @@ def _configure_figure_layout(
     add_logo: bool,
     vertical_legend: bool,
     title: str | None,
-    mobile: bool = False,
-    total_min_height: int | None = None,
-    table_min_height: int | None = None,
 ) -> None:
     """Configure figure layout with logo, legend, and title.
 
@@ -436,14 +434,12 @@ def _configure_figure_layout(
         add_logo: Whether to add logo.
         vertical_legend: Whether to use vertical legend.
         title: Optional title for the figure.
-        mobile: Whether this is a mobile layout. Defaults to False.
-        total_min_height: Minimum total height for mobile layout in pixels.
-        table_min_height: Minimum height for table subplot in pixels.
     """
     fig, logo = load_plotly_dict()
 
     if add_logo:
-        figure.add_layout_image(logo)
+        logo_copy = logo.copy()
+        figure.add_layout_image(logo_copy)
 
     figure.update_layout(fig.get("layout"))
     colorway: list[str] = cast("dict[str, list[str]]", fig["layout"]).get(
@@ -468,24 +464,6 @@ def _configure_figure_layout(
             "orientation": "h",
         }
 
-    if mobile:
-        if vertical_legend:
-            legend = {
-                "yanchor": "top",
-                "y": 1.02,
-                "xanchor": "left",
-                "x": 0,
-                "orientation": "h",
-            }
-        else:
-            legend = {
-                "yanchor": "top",
-                "y": 1.02,
-                "xanchor": "left",
-                "x": 0,
-                "orientation": "h",
-            }
-
     layout_updates: dict[str, object] = {
         "legend": legend,
         "colorway": colorway[: copied.item_count],
@@ -493,59 +471,11 @@ def _configure_figure_layout(
         "margin": {"l": 50, "r": 50, "t": 80, "b": 50, "pad": 10},
     }
 
-    if mobile and total_min_height is not None:
-        layout_updates["height"] = total_min_height
-        layout_updates["autosize"] = False
-
     figure.update_layout(**layout_updates)
 
-    if mobile:
-        figure.update_xaxes(
-            gridcolor="#EEEEEE",
-            automargin=True,
-            tickangle=-45,
-            row=1,
-            col=1,
-        )
-        figure.update_xaxes(
-            gridcolor="#EEEEEE",
-            automargin=True,
-            tickangle=-45,
-            row=2,
-            col=1,
-        )
-        figure.update_yaxes(
-            tickformat=".2%",
-            gridcolor="#EEEEEE",
-            automargin=True,
-            row=1,
-            col=1,
-        )
-        figure.update_yaxes(
-            tickformat=".2%",
-            gridcolor="#EEEEEE",
-            automargin=True,
-            row=2,
-            col=1,
-        )
-        if table_min_height is not None and total_min_height is not None:
-            plot_height = 400
-            bar_height = 350
-            spacing = 0.08
-            plot_domain_top = 1.0
-            plot_domain_bottom = 1.0 - (plot_height / total_min_height)
-            bar_domain_top = plot_domain_bottom - spacing
-            bar_domain_bottom = bar_domain_top - (bar_height / total_min_height)
-
-            figure.update_layout(
-                yaxis_domain=[plot_domain_bottom, plot_domain_top],
-                yaxis2_domain=[bar_domain_bottom, bar_domain_top],
-            )
-        title_size = 24
-    else:
-        figure.update_xaxes(gridcolor="#EEEEEE", automargin=True, tickangle=-45)
-        figure.update_yaxes(tickformat=".2%", gridcolor="#EEEEEE", automargin=True)
-        title_size = 36
+    figure.update_xaxes(gridcolor="#EEEEEE", automargin=True, tickangle=-45)
+    figure.update_yaxes(tickformat=".2%", gridcolor="#EEEEEE", automargin=True)
+    title_size = 36
 
     if title:
         figure.update_layout(
@@ -713,16 +643,95 @@ def _build_mobile_figure(
             col=1,
         )
 
-    _configure_figure_layout(
-        figure_mobile,
-        copied,
-        add_logo=add_logo,
-        vertical_legend=vertical_legend,
-        title=title,
-        mobile=True,
-        total_min_height=total_min_height,
+    fig, logo = load_plotly_dict()
+
+    if add_logo:
+        logo_copy = logo.copy()
+        logo_copy["x"] = 0.99
+        logo_copy["xanchor"] = "right"
+        figure_mobile.add_layout_image(logo_copy)
+
+    figure_mobile.update_layout(fig.get("layout"))
+    colorway: list[str] = cast("dict[str, list[str]]", fig["layout"]).get(
+        "colorway",
+        [],
+    )
+
+    if vertical_legend:
+        legend = {
+            "yanchor": "bottom",
+            "y": -0.04,
+            "xanchor": "right",
+            "x": 0.98,
+            "orientation": "v",
+        }
+    else:
+        legend = {
+            "yanchor": "bottom",
+            "y": -0.2,
+            "xanchor": "right",
+            "x": 0.98,
+            "orientation": "h",
+        }
+
+    layout_updates: dict[str, object] = {
+        "legend": legend,
+        "colorway": colorway[: copied.item_count],
+        "autosize": False,
+        "height": total_min_height,
+        "margin": {"l": 50, "r": 50, "t": 80, "b": 50, "pad": 10},
+    }
+
+    figure_mobile.update_layout(**layout_updates)
+
+    figure_mobile.update_xaxes(
+        gridcolor="#EEEEEE",
+        automargin=True,
+        tickangle=-45,
+        row=1,
+        col=1,
+    )
+    figure_mobile.update_xaxes(
+        gridcolor="#EEEEEE",
+        automargin=True,
+        tickangle=-45,
+        row=2,
+        col=1,
+    )
+    figure_mobile.update_yaxes(
+        tickformat=".2%",
+        gridcolor="#EEEEEE",
+        automargin=True,
+        row=1,
+        col=1,
+    )
+    figure_mobile.update_yaxes(
+        tickformat=".2%",
+        gridcolor="#EEEEEE",
+        automargin=True,
+        row=2,
+        col=1,
+    )
+
+    plot_height = 400
+    bar_height = 350
+    spacing = 0.08
+    plot_domain_top = 1.0
+    plot_domain_bottom = 1.0 - (plot_height / total_min_height)
+    bar_domain_top = plot_domain_bottom - spacing
+    bar_domain_bottom = bar_domain_top - (bar_height / total_min_height)
+
+    figure_mobile.update_layout(
+        yaxis_domain=[plot_domain_bottom, plot_domain_top],
+        yaxis2_domain=[bar_domain_bottom, bar_domain_top],
     )
 
+    title_size = 24
+    if title:
+        figure_mobile.update_layout(
+            {"title": {"text": f"<b>{title}</b><br>", "font": {"size": title_size}}},
+        )
+
     return figure_mobile
 
 
@@ -830,7 +839,10 @@ def _generate_responsive_html_string(
     """
     desktop_style = "width:100%;"
     mobile_style = "width:100%; display:none;"
-    match_media = 'window.matchMedia("(max-width: 960px)").matches'
+    match_media = (
+        '(window.matchMedia("(max-width: 960px)").matches || '
+        '"ontouchstart" in window || navigator.maxTouchPoints > 0)'
+    )
     desktop_get = f'document.getElementById("{div_id_desktop}_container")'
     mobile_get = f'document.getElementById("{div_id_mobile}_container")'
 
@@ -846,8 +858,10 @@ def _generate_responsive_html_string(
         f"{mobile_content}\n"
         f"</div>\n"
         "<style>\n"
+        "html, body { height: 100%; margin: 0; padding: 0; }\n"
         "body { overflow-y: auto; }\n"
-        "@media (max-width: 960px) {\n"
+        ".plotly-desktop { min-height: 100vh; }\n"
+        "@media (max-width: 960px), (pointer: coarse), (hover: none) {\n"
         "    .plotly-desktop { display: none !important; }\n"
         "    .plotly-mobile { display: block !important; "
         "overflow: visible !important; }\n"
@@ -871,13 +885,46 @@ def _generate_responsive_html_string(
         "    .plotly-mobile [style*='overflow'] { "
         "overflow: visible !important; overflow-y: visible !important; }\n"
         "}\n"
-        "@media (min-width: 961px) {\n"
+        "@media (min-width: 961px) and (pointer: fine) and (hover: hover) {\n"
         "    .plotly-desktop { display: block !important; }\n"
         "    .plotly-mobile { display: none !important; }\n"
+        "    .plotly-desktop .js-plotly-plot { "
+        "overflow: hidden !important; overflow-y: hidden !important; "
+        "overflow-x: hidden !important; }\n"
+        "    .plotly-desktop .js-plotly-plot > div { "
+        "overflow: hidden !important; overflow-y: hidden !important; "
+        "overflow-x: hidden !important; }\n"
+        "    .plotly-desktop .scrollbar-slider { "
+        "display: none !important; visibility: hidden !important; "
+        "opacity: 0 !important; }\n"
+        "    .plotly-desktop .scrollbar-glyph { "
+        "display: none !important; visibility: hidden !important; "
+        "opacity: 0 !important; }\n"
         "}\n"
         "</style>\n"
         "<script>\n"
         "(function() {\n"
+        "    function adjustLogoPosition(container) {\n"
+        "        if (!container) return;\n"
+        "        var plots = container.querySelectorAll('.js-plotly-plot');\n"
+        "        plots.forEach(function(plot) {\n"
+        "            var svg = plot.querySelector('svg');\n"
+        "            if (!svg) return;\n"
+        "            var images = svg.querySelectorAll('image[xref=\"paper\"]');\n"
+        "            images.forEach(function(img) {\n"
+        "                var isNarrow = window.matchMedia("
+        "'(max-width: 960px)').matches;\n"
+        "                if (isNarrow) {\n"
+        "                    img.setAttribute('x', '0.99');\n"
+        "                    img.setAttribute('xanchor', 'right');\n"
+        "                } else {\n"
+        "                    img.setAttribute('x', '0.01');\n"
+        "                    img.removeAttribute('xanchor');\n"
+        "                }\n"
+        "            });\n"
+        "        });\n"
+        "    }\n"
+        "\n"
         "    function updateLayout() {\n"
         f"        var isMobile = {match_media};\n"
         f"        var desktopContainer = {desktop_get};\n"
@@ -900,12 +947,71 @@ def _generate_responsive_html_string(
         'mobileContainer.style.display = "none";\n'
         "            disableTableScrolling(desktopContainer);\n"
         "            setTimeout(function() { "
-        "adjustTableSize(desktopContainer); }, 100);\n"
+        "adjustTableSize(desktopContainer); "
+        "adjustLogoPosition(desktopContainer); }, 100);\n"
         "        }\n"
+        "        adjustLogoPosition(desktopContainer);\n"
         "    }\n"
         "\n"
         "    function adjustTableSize(container) {\n"
         "        if (!container) return;\n"
+        "        \n"
+        "        function forceNoScroll() {\n"
+        "            var scrollbarKits = container.querySelectorAll("
+        "'.scrollbar-kit');\n"
+        "            scrollbarKits.forEach(function(el) {\n"
+        "                el.style.setProperty('display', 'none', "
+        "'important');\n"
+        "                el.style.setProperty('visibility', 'hidden', "
+        "'important');\n"
+        "                el.style.setProperty('opacity', '0', 'important');\n"
+        "            });\n"
+        "            \n"
+        "            var scrollbarSliders = container.querySelectorAll("
+        "'.scrollbar-slider');\n"
+        "            scrollbarSliders.forEach(function(el) {\n"
+        "                el.style.setProperty('display', 'none', "
+        "'important');\n"
+        "                el.style.setProperty('visibility', 'hidden', "
+        "'important');\n"
+        "                el.style.setProperty('opacity', '0', 'important');\n"
+        "            });\n"
+        "            \n"
+        "            var scrollbarGlyphs = container.querySelectorAll("
+        "'.scrollbar-glyph');\n"
+        "            scrollbarGlyphs.forEach(function(el) {\n"
+        "                el.style.setProperty('display', 'none', "
+        "'important');\n"
+        "                el.style.setProperty('visibility', 'hidden', "
+        "'important');\n"
+        "                el.style.setProperty('opacity', '0', 'important');\n"
+        "            });\n"
+        "            \n"
+        "            var allElements = container.querySelectorAll('*');\n"
+        "            allElements.forEach(function(el) {\n"
+        "                var computed = window.getComputedStyle(el);\n"
+        "                if (computed.overflowY === 'auto' || "
+        "computed.overflowY === 'scroll' || computed.overflow === 'auto' || "
+        "computed.overflow === 'scroll') {\n"
+        "                    el.style.setProperty('overflow', 'hidden', "
+        "'important');\n"
+        "                    el.style.setProperty('overflow-y', 'hidden', "
+        "'important');\n"
+        "                    el.style.setProperty('overflow-x', 'hidden', "
+        "'important');\n"
+        "                }\n"
+        "                if (el.scrollHeight > el.clientHeight && "
+        "el.clientHeight > 0) {\n"
+        "                    el.style.setProperty('max-height', "
+        "el.clientHeight + 'px', 'important');\n"
+        "                    el.style.setProperty('overflow', 'hidden', "
+        "'important');\n"
+        "                    el.style.setProperty('overflow-y', 'hidden', "
+        "'important');\n"
+        "                }\n"
+        "            });\n"
+        "        }\n"
+        "        \n"
         "        var plots = container.querySelectorAll('.js-plotly-plot');\n"
         "        plots.forEach(function(plot) {\n"
         "            var svg = plot.querySelector('svg');\n"
@@ -914,89 +1020,197 @@ def _generate_responsive_html_string(
         "            if (!tableGroup) return;\n"
         "            var plotRect = plot.getBoundingClientRect();\n"
         "            if (plotRect.height === 0) return;\n"
-        "            setTimeout(function() {\n"
+        "            \n"
+        "            function adjustTable() {\n"
         "                try {\n"
-        "                    var bbox = tableGroup.getBBox();\n"
-        "                    if (bbox.height === 0) return;\n"
-        "                    var availableHeight = plotRect.height - 60;\n"
-        "                    var currentHeight = bbox.height;\n"
-        "                    if (currentHeight > availableHeight && "
-        "availableHeight > 0) {\n"
-        "                        var scaleFactor = availableHeight / "
-        "currentHeight;\n"
-        "                        var minScale = 0.4;\n"
-        "                        var maxScale = 1.0;\n"
-        "                        scaleFactor = Math.max(minScale, "
-        "Math.min(maxScale, scaleFactor));\n"
-        "                        var existingTransform = "
-        "tableGroup.getAttribute('transform') || '';\n"
-        "                        var translateMatch = "
-        "existingTransform.match(/translate\\(([^)]+)\\)/);\n"
-        "                        var translate = translateMatch ? "
-        "translateMatch[0] : 'translate(0,0)';\n"
-        "                        var scaleTransform = translate + ' scale(' + "
-        "scaleFactor + ')';\n"
-        "                        tableGroup.setAttribute('transform', "
-        "scaleTransform);\n"
-        "                    } else if (currentHeight <= availableHeight) {\n"
-        "                        var existingTransform = "
+        "                    forceNoScroll();\n"
+        "                    \n"
+        "                    var availableHeight = plotRect.height - 100;\n"
+        "                    if (availableHeight <= 0) return;\n"
+        "                    \n"
+        "                    var rows = tableGroup.querySelectorAll("
+        "'g[class*=\"row\"]');\n"
+        "                    if (rows.length === 0) return;\n"
+        "                    \n"
+        "                    var rowCount = rows.length;\n"
+        "                    var calculatedRowHeight = availableHeight / rowCount;\n"
+        "                    var minRowHeight = 18;\n"
+        "                    var maxRowHeight = 35;\n"
+        "                    var rowHeight = Math.max(minRowHeight, "
+        "Math.min(maxRowHeight, calculatedRowHeight));\n"
+        "                    \n"
+        "                    var baseFontSize = 12;\n"
+        "                    var fontScale = rowHeight / 25;\n"
+        "                    var fontSize = baseFontSize * fontScale;\n"
+        "                    var minFontSize = 9;\n"
+        "                    var maxFontSize = 14;\n"
+        "                    fontSize = Math.max(minFontSize, "
+        "Math.min(maxFontSize, fontSize));\n"
+        "                    \n"
+        "                    rows.forEach(function(row, rowIndex) {\n"
+        "                        var yPos = rowIndex * rowHeight;\n"
+        "                        var rects = row.querySelectorAll('rect');\n"
+        "                        var texts = row.querySelectorAll('text');\n"
+        "                        \n"
+        "                        rects.forEach(function(rect) {\n"
+        "                            var currentHeight = "
+        "parseFloat(rect.getAttribute('height') || '25');\n"
+        "                            if (currentHeight > 0) {\n"
+        "                                rect.setAttribute('height', "
+        "rowHeight.toString());\n"
+        "                                var currentY = "
+        "parseFloat(rect.getAttribute('y') || '0');\n"
+        "                                var rowBaseY = Math.floor(currentY / "
+        "currentHeight) * rowHeight;\n"
+        "                                rect.setAttribute('y', "
+        "rowBaseY.toString());\n"
+        "                            }\n"
+        "                        });\n"
+        "                        \n"
+        "                        texts.forEach(function(text) {\n"
+        "                            text.setAttribute('font-size', "
+        "fontSize.toString());\n"
+        "                        });\n"
+        "                    });\n"
+        "                    \n"
+        "                    var existingTransform = "
         "tableGroup.getAttribute('transform') || '';\n"
-        "                        var translateMatch = "
+        "                    var translateMatch = "
         "existingTransform.match(/translate\\(([^)]+)\\)/);\n"
-        "                        var translate = translateMatch ? "
+        "                    var translate = translateMatch ? "
         "translateMatch[0] : 'translate(0,0)';\n"
-        "                        tableGroup.setAttribute('transform', "
-        "translate);\n"
-        "                    }\n"
+        "                    tableGroup.setAttribute('transform', translate);\n"
+        "                    \n"
+        "                    forceNoScroll();\n"
         "                } catch (e) {\n"
         "                    console.log('Table adjustment error:', e);\n"
         "                }\n"
-        "            }, 300);\n"
+        "            }\n"
+        "            \n"
+        "            setTimeout(adjustTable, 200);\n"
+        "            setTimeout(adjustTable, 600);\n"
+        "            setTimeout(adjustTable, 1200);\n"
+        "            setTimeout(adjustTable, 2000);\n"
         "        });\n"
         "    }\n"
         "\n"
         "    function disableTableScrolling(container) {\n"
         "        if (!container) return;\n"
+        "        var isDesktop = container.classList && "
+        "container.classList.contains('plotly-desktop');\n"
+        "        var overflowValue = isDesktop ? 'hidden' : 'visible';\n"
         "        var plots = container.querySelectorAll('.js-plotly-plot');\n"
         "        plots.forEach(function(plot) {\n"
         "            var allElements = plot.querySelectorAll('*');\n"
         "            allElements.forEach(function(el) {\n"
-        "                var style = window.getComputedStyle(el);\n"
-        "                var overflow = style.overflow;\n"
-        "                var overflowY = style.overflowY;\n"
-        "                if (overflow === 'auto' || overflow === 'scroll' || "
+        "                if (el.tagName === 'DIV' || el.tagName === 'SVG') {\n"
+        "                    var style = window.getComputedStyle(el);\n"
+        "                    var overflow = style.overflow;\n"
+        "                    var overflowY = style.overflowY;\n"
+        "                    if (overflow === 'auto' || overflow === 'scroll' || "
         "overflowY === 'auto' || overflowY === 'scroll') {\n"
-        "                    el.style.setProperty('overflow', 'visible', "
-        "'important');\n"
-        "                    el.style.setProperty('overflow-y', 'visible', "
-        "'important');\n"
-        "                    el.style.setProperty('overflow-x', 'visible', "
-        "'important');\n"
+        "                        el.style.setProperty('overflow', "
+        "overflowValue, 'important');\n"
+        "                        el.style.setProperty('overflow-y', "
+        "overflowValue, 'important');\n"
+        "                        el.style.setProperty('overflow-x', "
+        "overflowValue, 'important');\n"
+        "                    }\n"
         "                }\n"
         "            });\n"
-        "            plot.style.setProperty('overflow', 'visible', 'important');\n"
-        "            plot.style.setProperty('overflow-y', 'visible', "
+        "            plot.style.setProperty('overflow', overflowValue, "
+        "'important');\n"
+        "            plot.style.setProperty('overflow-y', overflowValue, "
         "'important');\n"
         "            var plotDivs = plot.querySelectorAll('div');\n"
         "            plotDivs.forEach(function(div) {\n"
-        "                div.style.setProperty('overflow', 'visible', "
+        "                div.style.setProperty('overflow', overflowValue, "
         "'important');\n"
-        "                div.style.setProperty('overflow-y', 'visible', "
+        "                div.style.setProperty('overflow-y', overflowValue, "
         "'important');\n"
         "            });\n"
         "            var svgs = plot.querySelectorAll('svg');\n"
         "            svgs.forEach(function(svg) {\n"
-        "                svg.style.setProperty('overflow', 'visible', "
+        "                svg.style.setProperty('overflow', overflowValue, "
         "'important');\n"
-        "                svg.setAttribute('overflow', 'visible');\n"
+        "                svg.setAttribute('overflow', overflowValue);\n"
         "            });\n"
         "        });\n"
         "    }\n"
         "\n"
         "    function setupScrollObserver(container) {\n"
         "        if (!container) return;\n"
+        "        var isDesktop = container.classList && "
+        "container.classList.contains('plotly-desktop');\n"
+        "        \n"
+        "        function preventScrollbars() {\n"
+        "            if (isDesktop) {\n"
+        "                var scrollbarKits = container.querySelectorAll("
+        "'.scrollbar-kit');\n"
+        "                scrollbarKits.forEach(function(el) {\n"
+        "                    el.style.setProperty('display', 'none', "
+        "'important');\n"
+        "                    el.style.setProperty('visibility', 'hidden', "
+        "'important');\n"
+        "                    el.style.setProperty('opacity', '0', 'important');\n"
+        "                });\n"
+        "                \n"
+        "                var scrollbarSliders = container.querySelectorAll("
+        "'.scrollbar-slider');\n"
+        "                scrollbarSliders.forEach(function(el) {\n"
+        "                    el.style.setProperty('display', 'none', "
+        "'important');\n"
+        "                    el.style.setProperty('visibility', 'hidden', "
+        "'important');\n"
+        "                    el.style.setProperty('opacity', '0', 'important');\n"
+        "                });\n"
+        "                \n"
+        "                var scrollbarGlyphs = container.querySelectorAll("
+        "'.scrollbar-glyph');\n"
+        "                scrollbarGlyphs.forEach(function(el) {\n"
+        "                    el.style.setProperty('display', 'none', "
+        "'important');\n"
+        "                    el.style.setProperty('visibility', 'hidden', "
+        "'important');\n"
+        "                    el.style.setProperty('opacity', '0', 'important');\n"
+        "                });\n"
+        "                \n"
+        "                var plots = container.querySelectorAll('.js-plotly-plot');\n"
+        "                plots.forEach(function(plot) {\n"
+        "                    var allElements = plot.querySelectorAll('*');\n"
+        "                    allElements.forEach(function(el) {\n"
+        "                        if (el.tagName === 'DIV' || "
+        "el.tagName === 'SVG') {\n"
+        "                            var style = window.getComputedStyle(el);\n"
+        "                            if (style.overflow === 'auto' || "
+        "style.overflow === 'scroll' || style.overflowY === 'auto' || "
+        "style.overflowY === 'scroll') {\n"
+        "                                el.style.setProperty('overflow', "
+        "'hidden', 'important');\n"
+        "                                el.style.setProperty('overflow-y', "
+        "'hidden', 'important');\n"
+        "                                el.style.setProperty('overflow-x', "
+        "'hidden', 'important');\n"
+        "                            }\n"
+        "                        }\n"
+        "                    });\n"
+        "                    plot.style.setProperty('overflow', 'hidden', "
+        "'important');\n"
+        "                    var svg = plot.querySelector('svg');\n"
+        "                    if (svg) {\n"
+        "                        svg.style.setProperty('overflow', 'hidden', "
+        "'important');\n"
+        "                        svg.setAttribute('overflow', 'hidden');\n"
+        "                    }\n"
+        "                });\n"
+        "                adjustTableSize(container);\n"
+        "            } else {\n"
+        "                disableTableScrolling(container);\n"
+        "            }\n"
+        "        }\n"
+        "        \n"
         "        var observer = new MutationObserver(function(mutations) {\n"
-        "            disableTableScrolling(container);\n"
+        "            preventScrollbars();\n"
         "        });\n"
         "        observer.observe(container, {\n"
         "            childList: true,\n"
@@ -1004,6 +1218,7 @@ def _generate_responsive_html_string(
         "            attributes: true,\n"
         "            attributeFilter: ['style', 'class']\n"
         "        });\n"
+        "        preventScrollbars();\n"
         "        return observer;\n"
         "    }\n"
         "\n"
@@ -1014,10 +1229,28 @@ def _generate_responsive_html_string(
         "            if (desktopContainer && "
         'desktopContainer.style.display !== "none") {\n'
         "                adjustTableSize(desktopContainer);\n"
+        "                adjustLogoPosition(desktopContainer);\n"
+        "                var plotDiv = desktopContainer.querySelector("
+        "'.js-plotly-plot');\n"
+        "                if (plotDiv && typeof Plotly !== 'undefined') {\n"
+        "                    Plotly.Plots.resize(plotDiv);\n"
+        "                }\n"
         "            }\n"
         "        }, 100);\n"
         "    });\n"
         "    updateLayout();\n"
+        "    // Set desktop plot container to full viewport height on load\n"
+        "    setTimeout(function() {\n"
+        f"        var desktopContainer = {desktop_get};\n"
+        "        if (desktopContainer && typeof Plotly !== 'undefined') {\n"
+        "            var plotDiv = desktopContainer.querySelector("
+        "'.js-plotly-plot');\n"
+        "            if (plotDiv) {\n"
+        "                plotDiv.style.height = window.innerHeight + 'px';\n"
+        "                Plotly.Plots.resize(plotDiv);\n"
+        "            }\n"
+        "        }\n"
+        "    }, 100);\n"
         "    var checkInterval = setInterval(function() {\n"
         f"        var mobileContainer = {mobile_get};\n"
         f"        var desktopContainer = {desktop_get};\n"
@@ -1031,8 +1264,8 @@ def _generate_responsive_html_string(
         "        }\n"
         "        if (desktopContainer && "
         'desktopContainer.style.display !== "none") {\n'
-        "            disableTableScrolling(desktopContainer);\n"
         "            adjustTableSize(desktopContainer);\n"
+        "            adjustLogoPosition(desktopContainer);\n"
         "            if (!desktopContainer._scrollObserver) {\n"
         "                desktopContainer._scrollObserver = "
         "setupScrollObserver(desktopContainer);\n"
@@ -1045,6 +1278,36 @@ def _generate_responsive_html_string(
     )
 
 
+def _wrap_in_full_html(
+    responsive_content: str,
+) -> str:
+    """Wrap responsive HTML content in a full HTML document.
+
+    Args:
+        responsive_content: The responsive HTML content (divs, CSS, JS).
+
+    Returns:
+        Full HTML document string.
+    """
+    plotly_js_script = (
+        '<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>'
+    )
+
+    return (
+        "<!DOCTYPE html>\n"
+        '<html lang="en">\n'
+        "<head>\n"
+        '    <meta charset="utf-8" />\n'
+        "    <title>Plotly Report</title>\n"
+        f"    {plotly_js_script}\n"
+        "</head>\n"
+        "<body>\n"
+        f"{responsive_content}\n"
+        "</body>\n"
+        "</html>"
+    )
+
+
 def report_html(
     data: OpenFrame,
     bar_freq: LiteralBizDayFreq = "BYE",
@@ -1052,7 +1315,6 @@ def report_html(
     title: str | None = None,
     directory: Path | None = None,
     output_type: LiteralPlotlyOutput = "file",
-    include_plotlyjs: LiteralPlotlyJSlib = "cdn",
     *,
     auto_open: bool = False,
     add_logo: bool = True,
@@ -1067,9 +1329,6 @@ def report_html(
         title: The report page title.
         directory: Directory where Plotly HTML file is saved.
         output_type: Determines output type. Defaults to "file".
-        include_plotlyjs: Determines how the plotly.js library is included in
-            the output.
-            Defaults to "cdn".
         auto_open: Determines whether to open a browser window with the plot.
             Defaults to False.
         add_logo: If True a Captor logo is added to the plot. Defaults to True.
@@ -1077,7 +1336,13 @@ def report_html(
             labels. Defaults to False.
 
     Returns:
-        Plotly Figure and a div section or a HTML filename with location.
+        A tuple containing:
+        - Plotly Figure object (the desktop version of the figure)
+        - When ``output_type="file"``: A string containing the file path to the
+            saved HTML file
+        - When ``output_type="div"``: A string containing the responsive HTML div
+            section (includes both desktop and mobile layouts with CSS and
+            JavaScript)
 
     """
     copied = data.from_deepcopy()
@@ -1139,12 +1404,11 @@ def report_html(
     plotfile = dirpath / filename
 
     _configure_figure_layout(
-        figure,
-        copied,
+        figure=figure,
+        copied=copied,
         add_logo=add_logo,
         vertical_legend=vertical_legend,
         title=title,
-        mobile=False,
     )
 
     figure_mobile = _build_mobile_figure(
@@ -1168,12 +1432,14 @@ def report_html(
         div_id_desktop = filename.split(sep=".")[0] + "_desktop"
         div_id_mobile = filename.split(sep=".")[0] + "_mobile"
 
-        html_desktop = to_html(
+        figure.update_layout(height=None)
+
+        html_desktop_raw = to_html(
             fig=figure,
             div_id=div_id_desktop,
             auto_play=False,
             full_html=False,
-            include_plotlyjs=include_plotlyjs,
+            include_plotlyjs="cdn",
             config=fig["config"],
         )
 
@@ -1186,16 +1452,23 @@ def report_html(
             config=fig["config"],
         )
 
+        script_pattern = r'<script src="https://cdn\.plot\.ly/plotly[^"]*"></script>'
+        html_desktop_content = re.sub(script_pattern, "", html_desktop_raw)
+
         responsive_html = _generate_responsive_html_string(
-            html_desktop=html_desktop,
+            html_desktop=html_desktop_content,
             html_mobile=html_mobile,
             div_id_desktop=div_id_desktop,
             div_id_mobile=div_id_mobile,
             table_html=table_html,
         )
 
+        full_html = _wrap_in_full_html(
+            responsive_content=responsive_html,
+        )
+
         with plotfile.open(mode="w", encoding="utf-8") as f:
-            f.write(responsive_html)
+            f.write(full_html)
 
         if auto_open:
             webbrowser.open(f"file://{plotfile.resolve()}")
@@ -1204,12 +1477,15 @@ def report_html(
     else:
         div_id = filename.split(sep=".")[0]
         div_id_mobile = div_id + "_mobile"
+
+        figure.update_layout(height=None)
+
         html_desktop = to_html(
             fig=figure,
             div_id=div_id,
             auto_play=False,
             full_html=False,
-            include_plotlyjs=include_plotlyjs,
+            include_plotlyjs="cdn",
             config=fig["config"],
         )
         html_mobile = to_html(

{openseries-2.1.1 → openseries-2.1.3}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "openseries"
-version = "2.1.1"
+version = "2.1.3"
 description = "Tools for analyzing financial timeseries."
 authors = [
     { name = "Martin Karrin", email = "martin.karrin@captor.se" },
@@ -67,18 +67,17 @@ pre-commit = ">=4.5.0"
 pytest = ">=9.0.2"
 pytest-cov = ">=7.0.0"
 pytest-xdist = ">=3.8.0"
-ruff = "0.14.8"
+ruff = "0.14.9"
 types-openpyxl = ">=3.1.2"
 scipy-stubs = ">=1.14.1.0"
 types-python-dateutil = ">=2.8.2"
 types-requests = ">=2.20.0"
 
 [tool.poetry.group.docs.dependencies]
-myst-parser = ">=4.0.1"
-sphinx = ">=8.2.3"
+sphinx = ">=9.0.4"
 sphinx-autobuild = ">=2025.8.25"
-sphinx-autodoc-typehints = ">=3.5.2"
-sphinx-rtd-theme = ">=3.0.2"
+sphinx-autodoc-typehints = ">=3.6.0"
+sphinx-rtd-theme = ">=3.1.0rc1"
 
 [build-system]
 requires = ["poetry-core>=2.2.1"]