power-grid-model-ds 1.4.3__py3-none-any.whl → 1.4.4__py3-none-any.whl

power_grid_model_ds/_core/visualizer/app.py

@@ -8,12 +8,13 @@ from dash_bootstrap_components.icons import FONT_AWESOME
 
 from power_grid_model_ds._core.model.grids.base import Grid
 from power_grid_model_ds._core.visualizer.callbacks import (  # noqa: F401  # pylint: disable=unused-import
-    element_scaling,
+    config,
     element_selection,
-    layout_dropdown,
+    header,
     search_form,
 )
 from power_grid_model_ds._core.visualizer.layout.cytoscape_html import get_cytoscape_html
+from power_grid_model_ds._core.visualizer.layout.cytoscape_styling import DEFAULT_STYLESHEET
 from power_grid_model_ds._core.visualizer.layout.header import HEADER_HTML
 from power_grid_model_ds._core.visualizer.layout.selection_output import SELECTION_OUTPUT_HTML
 from power_grid_model_ds._core.visualizer.parsers import parse_branches, parse_node_array
@@ -76,6 +77,7 @@ def get_app_layout(grid: Grid) -> html.Div:
     return html.Div(
         [
             columns_store,
+            dcc.Store(id="stylesheet-store", data=DEFAULT_STYLESHEET),
             HEADER_HTML,
             html.Hr(style={"border-color": "white", "margin": "0"}),
             cytoscape_html,

power_grid_model_ds/_core/visualizer/callbacks/config.py

@@ -0,0 +1,66 @@
+# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
+#
+# SPDX-License-Identifier: MPL-2.0
+
+
+from dash import Input, Output, State, callback
+from dash.exceptions import PreventUpdate
+
+from power_grid_model_ds._core.visualizer.layout.cytoscape_styling import BRANCH_WIDTH, NODE_SIZE
+from power_grid_model_ds._core.visualizer.typing import STYLESHEET
+
+
+@callback(
+    Output("stylesheet-store", "data", allow_duplicate=True),
+    Output("cytoscape-graph", "stylesheet", allow_duplicate=True),
+    Input("node-scale-input", "value"),
+    Input("edge-scale-input", "value"),
+    State("stylesheet-store", "data"),
+    prevent_initial_call=True,
+)
+def scale_elements(node_scale: float, edge_scale: float, stylesheet: STYLESHEET) -> tuple[STYLESHEET, STYLESHEET]:
+    """Callback to scale the elements of the graph."""
+    if stylesheet is None:
+        raise PreventUpdate
+    if node_scale == 1 and edge_scale == 1:
+        raise PreventUpdate
+    new_stylesheet = stylesheet.copy()
+    edge_style = {
+        "selector": "edge",
+        "style": {
+            "width": BRANCH_WIDTH * edge_scale,
+        },
+    }
+    new_stylesheet.append(edge_style)
+    node_style = {
+        "selector": "node",
+        "style": {
+            "height": NODE_SIZE * node_scale,
+            "width": NODE_SIZE * node_scale,
+        },
+    }
+    new_stylesheet.append(node_style)
+
+    return new_stylesheet, new_stylesheet
+
+
+@callback(Output("cytoscape-graph", "layout"), Input("dropdown-update-layout", "value"), prevent_initial_call=True)
+def update_layout(layout):
+    """Callback to update the layout of the graph."""
+    return {"name": layout, "animate": True}
+
+
+@callback(
+    Output("cytoscape-graph", "stylesheet", allow_duplicate=True),
+    Input("show-arrows", "value"),
+    State("cytoscape-graph", "stylesheet"),
+    prevent_initial_call=True,
+)
+def update_arrows(show_arrows, current_stylesheet):
+    """Callback to update the arrow style of edges in the graph."""
+    selectors = [rule["selector"] for rule in current_stylesheet]
+    index = selectors.index("edge")
+    edge_style = current_stylesheet[index]["style"]
+
+    edge_style["target-arrow-shape"] = "triangle" if show_arrows else "none"
+    return current_stylesheet

power_grid_model_ds/_core/visualizer/callbacks/header.py

@@ -0,0 +1,30 @@
+# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
+#
+# SPDX-License-Identifier: MPL-2.0
+
+import dash
+from dash import Input, Output, callback
+
+from power_grid_model_ds._core.visualizer.layout.header import CONFIG_DIV, LEGENDA_DIV, SEARCH_DIV
+
+
+@callback(
+    Output("header-right-col", "children"),
+    [
+        Input("btn-legend", "n_clicks"),
+        Input("btn-search", "n_clicks"),
+        Input("btn-config", "n_clicks"),
+    ],
+)
+def update_right_col(_btn1, _btn2, _btn3):
+    """Update the right column content based on the button clicked."""
+    ctx = dash.callback_context
+    if not ctx.triggered:
+        return LEGENDA_DIV
+    button_id = ctx.triggered[0]["prop_id"].split(".")[0]
+    button_map = {
+        "btn-legend": LEGENDA_DIV,
+        "btn-search": SEARCH_DIV,
+        "btn-config": CONFIG_DIV,
+    }
+    return button_map.get(button_id, "Right Column")

power_grid_model_ds/_core/visualizer/callbacks/search_form.py

@@ -1,12 +1,12 @@
 # SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
 #
 # SPDX-License-Identifier: MPL-2.0
-from typing import Any
 
-from dash import Input, Output, callback
+from dash import Input, Output, State, callback
+from dash.exceptions import PreventUpdate
 
 from power_grid_model_ds._core.visualizer.layout.colors import CYTO_COLORS
-from power_grid_model_ds._core.visualizer.layout.cytoscape_styling import DEFAULT_STYLESHEET
+from power_grid_model_ds._core.visualizer.typing import STYLESHEET
 
 
 @callback(
@@ -15,11 +15,12 @@ from power_grid_model_ds._core.visualizer.layout.cytoscape_styling import DEFAUL
     Input("search-form-column-input", "value"),
     Input("search-form-operator-input", "value"),
     Input("search-form-value-input", "value"),
+    State("stylesheet-store", "data"),
 )
-def search_element(group: str, column: str, operator: str, value: str) -> list[dict[str, Any]]:
+def search_element(group: str, column: str, operator: str, value: str, stylesheet: STYLESHEET) -> STYLESHEET:
     """Color the specified element red based on the input values."""
     if not group or not column or not value:
-        return DEFAULT_STYLESHEET
+        raise PreventUpdate
 
     # Determine if we're working with a node or an edge type
     if group == "node":
@@ -39,7 +40,8 @@ def search_element(group: str, column: str, operator: str, value: str) -> list[d
         "selector": selector,
         "style": style,
     }
-    return DEFAULT_STYLESHEET + [new_style]
+    updated_stylesheet = stylesheet + [new_style]
+    return updated_stylesheet
 
 
 @callback(

power_grid_model_ds/_core/visualizer/layout/cytoscape_html.py

@@ -10,8 +10,6 @@ from dash import html
 from power_grid_model_ds._core.visualizer.layout.colors import BACKGROUND_COLOR
 from power_grid_model_ds._core.visualizer.layout.cytoscape_styling import DEFAULT_STYLESHEET
 
-LAYOUT_OPTIONS = ["random", "circle", "concentric", "grid", "cose", "breadthfirst"]
-
 _CYTO_INNER_STYLE = {"width": "100%", "height": "100%", "background-color": BACKGROUND_COLOR}
 _CYTO_OUTER_STYLE = {"height": "80vh"}
 

power_grid_model_ds/_core/visualizer/layout/header.py

@@ -3,29 +3,60 @@
 # SPDX-License-Identifier: MPL-2.0
 
 import dash_bootstrap_components as dbc
+from dash import html
 
-from power_grid_model_ds._core.visualizer.layout.colors import BACKGROUND_COLOR
-from power_grid_model_ds._core.visualizer.layout.cytoscape_config import LAYOUT_DROPDOWN_HTML, SCALE_INPUTS
-from power_grid_model_ds._core.visualizer.layout.legenda import LEGENDA_HTML
-from power_grid_model_ds._core.visualizer.layout.search_form import SEARCH_FORM_HTML
-
-_SEARCH_FORM_CARD_STYLE = {
-    "background-color": "#555555",
-    "color": "white",
-    "border-left": "1px solid white",
-    "border-right": "1px solid white",
-    "border-radius": 0,
+from power_grid_model_ds._core.visualizer.layout.header_config import CONFIG_ELEMENTS
+from power_grid_model_ds._core.visualizer.layout.header_legenda import LEGENDA_ELEMENTS, LEGENDA_STYLE
+from power_grid_model_ds._core.visualizer.layout.header_search import SEARCH_ELEMENTS
+
+_MENU_BUTTON_STYLE_CLASS = "me-2 btn-outline-primary"
+
+_LEFT_COLUMN_HTML = dbc.Col(
+    [
+        dbc.Button("Legend", id="btn-legend", className=_MENU_BUTTON_STYLE_CLASS),
+        dbc.Button("Search", id="btn-search", className=_MENU_BUTTON_STYLE_CLASS),
+        dbc.Button("Config", id="btn-config", className=_MENU_BUTTON_STYLE_CLASS),
+    ],
+    id="header-left-col",
+    width=5,
+    style={
+        "display": "flex",
+        "align-items": "center",
+        "justify-content": "center",
+        "border-right": "1px solid white",
+    },
+)
+
+
+_RIGHT_COLUMN_STYLE = {
+    "display": "flex",
+    "align-items": "center",
+    "width": "100%",
 }
 
 
+CONFIG_DIV = html.Div(CONFIG_ELEMENTS, style=_RIGHT_COLUMN_STYLE | {"justify-content": "space-between"})
+SEARCH_DIV = html.Div(SEARCH_ELEMENTS, style=_RIGHT_COLUMN_STYLE | {"justify-content": "center"})
+LEGENDA_DIV = html.Div(LEGENDA_ELEMENTS, style=_RIGHT_COLUMN_STYLE | LEGENDA_STYLE)
+
+_RIGHT_COLUMN_HTML = dbc.Col(
+    [LEGENDA_DIV, SEARCH_DIV, CONFIG_DIV],
+    id="header-right-col",
+    width=7,
+)
+
 HEADER_HTML = dbc.Row(
     [
-        dbc.Col(LEGENDA_HTML, className="d-flex align-items-center"),
-        dbc.Col(
-            dbc.Card(SEARCH_FORM_HTML, style=_SEARCH_FORM_CARD_STYLE),
-            className="d-flex justify-content-center align-items-center",
-        ),
-        dbc.Col(SCALE_INPUTS + LAYOUT_DROPDOWN_HTML, className="d-flex justify-content-end align-items-center"),
+        _LEFT_COLUMN_HTML,
+        _RIGHT_COLUMN_HTML,
     ],
-    style={"background-color": BACKGROUND_COLOR},
+    style={
+        "background-color": "#343a40",
+        "color": "white",
+        "padding": "1rem 0",
+        "margin": 0,
+        "height": "90px",
+        "width": "100%",
+    },
+    align="center",
 )

power_grid_model_ds/_core/visualizer/layout/header_config.py

@@ -0,0 +1,71 @@
+# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
+#
+# SPDX-License-Identifier: MPL-2.0
+from enum import Enum
+
+import dash_bootstrap_components as dbc
+from dash import dcc, html
+
+from power_grid_model_ds._core.visualizer.layout.colors import CYTO_COLORS
+
+NODE_SCALE_HTML = [
+    html.I(className="fas fa-circle", style={"color": CYTO_COLORS["node"], "margin-right": "10px"}),
+    dcc.Input(
+        id="node-scale-input",
+        type="number",
+        value=1,
+        min=0.1,
+        step=0.1,
+        style={"width": "75px"},
+    ),
+    html.Span(style={"margin-right": "10px"}),
+]
+
+EDGE_SCALE_HTML = [
+    html.I(className="fas fa-arrow-right-long", style={"color": CYTO_COLORS["line"], "margin-right": "10px"}),
+    dcc.Input(
+        id="edge-scale-input",
+        type="number",
+        value=1,
+        min=0.1,
+        step=0.1,
+        style={"width": "75px"},
+    ),
+]
+
+_SCALING_DIV = html.Div(NODE_SCALE_HTML + EDGE_SCALE_HTML, style={"margin": "0 20px 0 10px"})
+
+
+class LayoutOptions(Enum):
+    """Cytoscape layout options."""
+
+    RANDOM = "random"
+    CIRCLE = "circle"
+    CONCENTRIC = "concentric"
+    GRID = "grid"
+    COSE = "cose"
+    BREADTHFIRST = "breadthfirst"
+
+
+_LAYOUT_DROPDOWN = html.Div(
+    dcc.Dropdown(
+        id="dropdown-update-layout",
+        placeholder="Select layout",
+        value=LayoutOptions.BREADTHFIRST.value,
+        clearable=False,
+        options=[{"label": option.value, "value": option.value} for option in LayoutOptions],
+        style={"width": "200px"},
+    ),
+    style={"margin": "0 20px 0 10px", "color": "black"},
+)
+
+
+_ARROWS_CHECKBOX = dbc.Checkbox(
+    id="show-arrows",
+    label="Show arrows",
+    value=True,
+    label_style={"color": "white"},
+    style={"margin-top": "10px"},
+)
+
+CONFIG_ELEMENTS = [_LAYOUT_DROPDOWN, _ARROWS_CHECKBOX, _SCALING_DIV]

power_grid_model_ds/_core/visualizer/layout/header_legenda.py

@@ -0,0 +1,36 @@
+# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
+#
+# SPDX-License-Identifier: MPL-2.0
+
+import dash_bootstrap_components as dbc
+from dash import html
+
+from power_grid_model_ds._core.visualizer.layout.colors import CYTO_COLORS
+
+_BOOTSTRAP_ARROW_ICON_CLASS = "fas fa-arrow-right-long"
+_MARGIN = "0 10px"
+
+LEGENDA_STYLE = {"margin": _MARGIN, "text-shadow": "0 0 5px #000", "justify-content": "center"}
+
+_FONT_SIZE = "2.5em"
+
+NODE_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["node"]}
+_SUBSTATION_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["substation_node"]}
+_LINE_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["line"]}
+_LINK_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["link"]}
+_TRANSFORMER_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["transformer"]}
+_OPEN_BRANCH_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["open_branch"]}
+LEGENDA_ELEMENTS = [
+    html.I(className="fas fa-circle", id="node-icon", style=NODE_ICON_STYLE),
+    dbc.Tooltip("Node", target="node-icon", placement="bottom"),
+    html.I(className="fas fa-diamond", id="substation-icon", style=_SUBSTATION_ICON_STYLE),
+    dbc.Tooltip("Substation", target="substation-icon", placement="bottom"),
+    html.I(className=_BOOTSTRAP_ARROW_ICON_CLASS, id="line-icon", style=_LINE_ICON_STYLE),
+    dbc.Tooltip("Line", target="line-icon", placement="bottom"),
+    html.I(className=_BOOTSTRAP_ARROW_ICON_CLASS, id="transformer-icon", style=_TRANSFORMER_ICON_STYLE),
+    dbc.Tooltip("Transformer", target="transformer-icon", placement="bottom"),
+    html.I(className=_BOOTSTRAP_ARROW_ICON_CLASS, id="link-icon", style=_LINK_ICON_STYLE),
+    dbc.Tooltip("Link", target="link-icon", placement="bottom"),
+    html.I(className="fas fa-ellipsis", id="open-branch-icon", style=_OPEN_BRANCH_ICON_STYLE),
+    dbc.Tooltip("Open Branch", target="open-branch-icon", placement="bottom"),
+]

power_grid_model_ds/_core/visualizer/layout/{search_form.py → header_search.py}

@@ -44,21 +44,15 @@ OPERATOR_INPUT = dbc.Select(
 
 
 # Arrange as a sentence
-SEARCH_FORM_HTML = html.Div(
-    [
-        html.Span("Search ", style=SPAN_TEXT_STYLE),
-        GROUP_INPUT,
-        html.Span(" with ", className="mx-2", style=SPAN_TEXT_STYLE),
-        COLUMN_INPUT,
-        OPERATOR_INPUT,
-        VALUE_INPUT,
-    ],
-    style={
-        "display": "flex",
-        "align-items": "center",
-        "justify-content": "center",  # Centers items horizontally
-        "padding": "10px",
-        "margin": "0 auto",  # Centers the container itself
-        "width": "100%",  # Ensures the container takes full width
-    },
-)
+SEARCH_ELEMENTS = [
+    html.Div(
+        [
+            html.Span("Search ", style=SPAN_TEXT_STYLE),
+            GROUP_INPUT,
+            html.Span(" with ", style=SPAN_TEXT_STYLE),
+            COLUMN_INPUT,
+            OPERATOR_INPUT,
+            VALUE_INPUT,
+        ]
+    )
+]

power_grid_model_ds/_core/visualizer/typing.py

@@ -0,0 +1,7 @@
+# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
+#
+# SPDX-License-Identifier: MPL-2.0
+
+from typing import Any
+
+STYLESHEET = list[dict[str, Any]]

{power_grid_model_ds-1.4.3.dist-info → power_grid_model_ds-1.4.4.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: power-grid-model-ds
-Version: 1.4.3
+Version: 1.4.4
 Summary: Power Grid Model extension which provides a grid data structure for simulation and analysis
 Author-email: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
 License: MPL-2.0
@@ -36,7 +36,7 @@ Requires-Dist: isort>=5.13.2; extra == "dev"
 Requires-Dist: mypy>=1.9.0; extra == "dev"
 Requires-Dist: pre-commit>=4; extra == "dev"
 Requires-Dist: dash>=3.0.0; extra == "dev"
-Requires-Dist: dash-bootstrap-components>=2.0.0; extra == "dev"
+Requires-Dist: dash-bootstrap-components>=2.0.3; extra == "dev"
 Requires-Dist: dash-cytoscape>=1.0.2; extra == "dev"
 Provides-Extra: visualizer
 Requires-Dist: dash>=3.0.0; extra == "visualizer"

{power_grid_model_ds-1.4.3.dist-info → power_grid_model_ds-1.4.4.dist-info}/RECORD

@@ -58,24 +58,25 @@ power_grid_model_ds/_core/utils/misc.py,sha256=fPjpczUr3IZ7EnAYI2darLzN2O8NJwhxg
 power_grid_model_ds/_core/utils/pickle.py,sha256=LGeTc7nu9RY1noOzLJzYaSHSWIgqzHy2xhmueKGuipc,1445
 power_grid_model_ds/_core/utils/zip.py,sha256=9RtJYhjlgNZOtxr4iI-CpsjT1axw5kCCqprfTjaIsiI,2197
 power_grid_model_ds/_core/visualizer/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-power_grid_model_ds/_core/visualizer/app.py,sha256=dnigMtdGkYquBpFDznLDogTzXR-BHPaa_scdF4GxUlw,3421
+power_grid_model_ds/_core/visualizer/app.py,sha256=Syu8niHt1jTGrBOCexn5bsX6sZq0sHTFcI1bFo2Bjyk,3567
 power_grid_model_ds/_core/visualizer/parsers.py,sha256=IYvnlunzZG-hqEjbVQGnDaZ37tLiYh5EEO39njyVjws,3168
+power_grid_model_ds/_core/visualizer/typing.py,sha256=3q9AU7Uz0Cp06biIWLFw3zzmfsVSu8rPEFKkIQpHr-g,197
 power_grid_model_ds/_core/visualizer/callbacks/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-power_grid_model_ds/_core/visualizer/callbacks/element_scaling.py,sha256=l8PPSqglytqBQgZ4yyNVx3wMYLF8Fcx8ku4skbGNZLM,1136
+power_grid_model_ds/_core/visualizer/callbacks/config.py,sha256=c1j30Q-dKYEKNf1fZVLcZWZ9o384k_okwfTfegQ5x8I,2268
 power_grid_model_ds/_core/visualizer/callbacks/element_selection.py,sha256=Teaeq0atd2rD_edaW0u_N-YCnaf6MQyC8WsgnEhQczk,963
-power_grid_model_ds/_core/visualizer/callbacks/layout_dropdown.py,sha256=ekO2imgbMrV_R8HpCicbOSjFO2m1tjsj-zF4RHih5RA,424
-power_grid_model_ds/_core/visualizer/callbacks/search_form.py,sha256=fi6azBaKIgV63vLCp0wrIB5mZ3zSWn2Jhc5VdR-Om44,2098
+power_grid_model_ds/_core/visualizer/callbacks/header.py,sha256=dQnUNzKonMPcSpSaikIGrsM9OdZV_C2RdFuPigTVZzg,925
+power_grid_model_ds/_core/visualizer/callbacks/search_form.py,sha256=KceSRKYcSAxUdfyfQ3MFbkb0GHljiWEnSk60ufjFoXg,2181
 power_grid_model_ds/_core/visualizer/layout/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 power_grid_model_ds/_core/visualizer/layout/colors.py,sha256=tt-2LvkClYvQ5ozL2UCX5q63AbXaXXo7kK2yLAzeCVw,455
-power_grid_model_ds/_core/visualizer/layout/cytoscape_config.py,sha256=_vnncYWIRERIgwqJY8aBXUYoXYh3l6Vd6G4voN3kTVQ,1471
-power_grid_model_ds/_core/visualizer/layout/cytoscape_html.py,sha256=apiU1oOSrT30c2bYADUNNOGcAkG4rkqV5UtSLVWFMfU,1009
+power_grid_model_ds/_core/visualizer/layout/cytoscape_html.py,sha256=EL6Z2ewCZc86NvoDQoek7MmZH_trPtRWXBcH1kfnR2Y,924
 power_grid_model_ds/_core/visualizer/layout/cytoscape_styling.py,sha256=o5Rh8uNCyt9YxODkNH76sx_wKs8aCBrCMVGCFBTtegQ,3288
-power_grid_model_ds/_core/visualizer/layout/header.py,sha256=el-5SlWIPeEbZZLbi3vYz9CjanTlhuChVfqkktLCHjw,1165
-power_grid_model_ds/_core/visualizer/layout/legenda.py,sha256=8JTrMRgaYRaSIXAEoM0b3PgX7AYvW0_fHuYg8nY4y0g,2161
-power_grid_model_ds/_core/visualizer/layout/search_form.py,sha256=4LPU6MjD3QEIeBEOOWBvV5-GyLMqNYWyKcUa_oWScCs,2002
+power_grid_model_ds/_core/visualizer/layout/header.py,sha256=PdIXUBZgdacTc7V99tR93SFcMjUHAzWdFGVGjq7PhMw,1829
+power_grid_model_ds/_core/visualizer/layout/header_config.py,sha256=e0W7tgbDTu-dJ4YDZ89vGCiQr5G12Fypr1popFyitgs,1866
+power_grid_model_ds/_core/visualizer/layout/header_legenda.py,sha256=tmSIxQFW0d4ey64J_w9QwcZji3EIg7BZ7Rf8w167xb8,2086
+power_grid_model_ds/_core/visualizer/layout/header_search.py,sha256=RYTQosQaAeKyOiPNR9c0ofMiY2wKmmJCPENmlkv6BZw,1726
 power_grid_model_ds/_core/visualizer/layout/selection_output.py,sha256=fuPAdG5XmTj2E0oQ8w_tp9PGbB8bJ5fguteLtnM1EDg,534
-power_grid_model_ds-1.4.3.dist-info/licenses/LICENSE,sha256=GpbnG1pNl-ORtSP6dmHeiZvwy36UFli6MEZy1XlmBqo,14906
-power_grid_model_ds-1.4.3.dist-info/METADATA,sha256=Onl3lPwfEkgCPu8t1ELqGTxx2OA-s76U62CrGV8rGWM,8873
-power_grid_model_ds-1.4.3.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-power_grid_model_ds-1.4.3.dist-info/top_level.txt,sha256=nJa103Eqvm5TESYEKPFVImfLg_ugGOBznikrM-rZQZg,20
-power_grid_model_ds-1.4.3.dist-info/RECORD,,
+power_grid_model_ds-1.4.4.dist-info/licenses/LICENSE,sha256=GpbnG1pNl-ORtSP6dmHeiZvwy36UFli6MEZy1XlmBqo,14906
+power_grid_model_ds-1.4.4.dist-info/METADATA,sha256=q3vceCLNnZdBWfbQBGzeK40hyjw7OjERqjzuqEXtTEQ,8873
+power_grid_model_ds-1.4.4.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+power_grid_model_ds-1.4.4.dist-info/top_level.txt,sha256=nJa103Eqvm5TESYEKPFVImfLg_ugGOBznikrM-rZQZg,20
+power_grid_model_ds-1.4.4.dist-info/RECORD,,

power_grid_model_ds/_core/visualizer/callbacks/element_scaling.py

@@ -1,37 +0,0 @@
-# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
-#
-# SPDX-License-Identifier: MPL-2.0
-
-from copy import deepcopy
-from typing import Any
-
-from dash import Input, Output, callback
-
-from power_grid_model_ds._core.visualizer.layout.cytoscape_styling import BRANCH_WIDTH, DEFAULT_STYLESHEET, NODE_SIZE
-
-
-@callback(
-    Output("cytoscape-graph", "stylesheet", allow_duplicate=True),
-    Input("node-scale-input", "value"),
-    Input("edge-scale-input", "value"),
-    prevent_initial_call=True,
-)
-def scale_elements(node_scale: float, edge_scale: float) -> list[dict[str, Any]]:
-    """Callback to scale the elements of the graph."""
-    new_stylesheet = deepcopy(DEFAULT_STYLESHEET)
-    edge_style = {
-        "selector": "edge",
-        "style": {
-            "width": BRANCH_WIDTH * edge_scale,
-        },
-    }
-    new_stylesheet.append(edge_style)
-    node_style = {
-        "selector": "node",
-        "style": {
-            "height": NODE_SIZE * node_scale,
-            "width": NODE_SIZE * node_scale,
-        },
-    }
-    new_stylesheet.append(node_style)
-    return new_stylesheet

power_grid_model_ds/_core/visualizer/callbacks/layout_dropdown.py

@@ -1,11 +0,0 @@
-# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
-#
-# SPDX-License-Identifier: MPL-2.0
-
-from dash import Input, Output, callback
-
-
-@callback(Output("cytoscape-graph", "layout"), Input("dropdown-update-layout", "value"), prevent_initial_call=True)
-def update_layout(layout):
-    """Callback to update the layout of the graph."""
-    return {"name": layout, "animate": True}

power_grid_model_ds/_core/visualizer/layout/cytoscape_config.py

@@ -1,54 +0,0 @@
-# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
-#
-# SPDX-License-Identifier: MPL-2.0
-
-from dash import dcc, html
-
-from power_grid_model_ds._core.visualizer.layout.colors import CYTO_COLORS
-from power_grid_model_ds._core.visualizer.layout.cytoscape_html import LAYOUT_OPTIONS
-
-NODE_SCALE_HTML = [
-    html.I(className="fas fa-circle", style={"color": CYTO_COLORS["node"], "margin-right": "10px"}),
-    dcc.Input(
-        id="node-scale-input",
-        type="number",
-        value=1,
-        min=0.1,
-        step=0.1,
-        style={"width": "75px"},
-    ),
-    html.Span(style={"margin-right": "10px"}),
-]
-
-EDGE_SCALE_HTML = [
-    html.I(className="fas fa-arrow-right-long", style={"color": CYTO_COLORS["line"], "margin-right": "10px"}),
-    dcc.Input(
-        id="edge-scale-input",
-        type="number",
-        value=1,
-        min=0.1,
-        step=0.1,
-        style={"width": "75px"},
-    ),
-]
-
-SCALE_INPUTS = [
-    html.Div(
-        NODE_SCALE_HTML + EDGE_SCALE_HTML,
-        style={"margin": "0 20px 0 10px"},
-    ),
-]
-
-LAYOUT_DROPDOWN_HTML = [
-    html.Div(
-        dcc.Dropdown(
-            id="dropdown-update-layout",
-            placeholder="Select layout",
-            value="",
-            clearable=False,
-            options=[{"label": name.capitalize(), "value": name} for name in LAYOUT_OPTIONS],
-            style={"width": "200px"},
-        ),
-        style={"margin": "0 20px 0 10px"},
-    )
-]

power_grid_model_ds/_core/visualizer/layout/legenda.py

@@ -1,41 +0,0 @@
-# SPDX-FileCopyrightText: Contributors to the Power Grid Model project <powergridmodel@lfenergy.org>
-#
-# SPDX-License-Identifier: MPL-2.0
-
-import dash_bootstrap_components as dbc
-from dash import html
-
-from power_grid_model_ds._core.visualizer.layout.colors import CYTO_COLORS
-
-_MARGIN = "0 10px"
-_FONT_SIZE = "2.5em"
-
-NODE_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["node"]}
-_SUBSTATION_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["substation_node"]}
-_LINE_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["line"]}
-_LINK_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["link"]}
-_TRANSFORMER_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["transformer"]}
-_OPEN_BRANCH_ICON_STYLE = {"font-size": _FONT_SIZE, "margin": _MARGIN, "color": CYTO_COLORS["open_branch"]}
-LEGENDA_HTML = html.Div(
-    [
-        html.I(className="fas fa-circle", id="node-icon", style=NODE_ICON_STYLE),
-        dbc.Tooltip("Node", target="node-icon", placement="bottom"),
-        html.I(className="fas fa-diamond", id="substation-icon", style=_SUBSTATION_ICON_STYLE),
-        dbc.Tooltip("Substation", target="substation-icon", placement="bottom"),
-        html.I(className="fas fa-arrow-right-long", id="line-icon", style=_LINE_ICON_STYLE),
-        dbc.Tooltip("Line", target="line-icon", placement="bottom"),
-        html.I(className="fas fa-arrow-right-long", id="transformer-icon", style=_TRANSFORMER_ICON_STYLE),
-        dbc.Tooltip("Transformer", target="transformer-icon", placement="bottom"),
-        html.I(className="fas fa-arrow-right-long", id="link-icon", style=_LINK_ICON_STYLE),
-        dbc.Tooltip("Link", target="link-icon", placement="bottom"),
-        html.I(className="fas fa-ellipsis", id="open-branch-icon", style=_OPEN_BRANCH_ICON_STYLE),
-        dbc.Tooltip("Open Branch", target="open-branch-icon", placement="bottom"),
-    ],
-    style={
-        "display": "flex",
-        "align-items": "center",
-        "margin": _MARGIN,
-        "width": "100%",
-        "text-shadow": "0 0 5px #000",
-    },
-)