bootstack 0.1.0__py3-none-any.whl

bootstack/style/builders/contextmenu.py

@@ -0,0 +1,268 @@
+from __future__ import annotations
+
+from bootstack._core.images import _ImageService
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.builders.utils import apply_icon_mapping, button_font, normalize_button_density
+from bootstack.style.element import Element
+from bootstack.style.utility import create_transparent_image
+
+
+def _context_item_layout(ttk_style: str) -> Element:
+    """Layout for context menu items - simple background with padding and label."""
+    return Element(f"{ttk_style}.border", sticky="nsew").children(
+        [
+            Element("Toolbutton.padding", sticky="nsew").children(
+                [
+                    Element("Toolbutton.label", sticky="nsew")
+                ])
+        ])
+
+
+@StyleBuilderTtk.register_builder('context-check', 'Toolbutton')
+def build_context_check_toolbutton_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    surface_token = options.get('surface', 'content')
+    density = normalize_button_density(options.get('density', 'default'))
+
+    surface = b.color(surface_token)
+    on_surface = b.on_color(surface)
+    on_disabled = b.disabled('text', surface)
+
+    active = b.active(surface)
+    pressed = b.pressed(surface)
+    on_pressed = b.on_color(pressed)
+
+    b.create_style_layout(
+        ttk_style,
+        _context_item_layout(ttk_style),
+    )
+
+    b.configure_style(
+        ttk_style,
+        background=surface,
+        foreground=on_surface,
+        relief='flat',
+        stipple='gray12',
+        padding=(6, 3),
+        anchor='w',
+        font=button_font(density),
+        compound='left',
+        focuscolor=''
+    )
+
+    state_spec = dict(
+        foreground=[
+            ('disabled', on_disabled),
+            ('focus !disabled', on_pressed),
+            ('pressed', on_pressed),
+            ('', on_surface)],
+        background=[
+            ('focus !disabled', active),
+            ('pressed !disabled', pressed),
+            ('active !disabled', active),
+            ('', surface)
+        ]
+    )
+
+    icon_empty = create_transparent_image(16, 16)
+    icon_pressed = _ImageService.get_icon('check', 16, on_pressed)
+    icon_normal = _ImageService.get_icon('check', 16, on_surface)
+
+    state_spec['image'] = [
+        ('selected pressed', icon_pressed),
+        ('selected', icon_normal),
+        ('', icon_empty)
+    ]
+
+    b.map_style(ttk_style, **state_spec)
+
+
+@StyleBuilderTtk.register_builder('context-radio', 'Toolbutton')
+def build_context_radio_toolbutton_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    surface_token = options.get('surface', 'content')
+    density = normalize_button_density(options.get('density', 'default'))
+
+    surface = b.color(surface_token)
+    on_surface = b.on_color(surface)
+    on_disabled = b.disabled('text', surface)
+
+    active = b.active(surface)
+    pressed = b.pressed(surface)
+    on_pressed = b.on_color(pressed)
+
+    b.create_style_layout(
+        ttk_style,
+        _context_item_layout(ttk_style),
+    )
+
+    b.configure_style(
+        ttk_style,
+        background=surface,
+        foreground=on_surface,
+        relief='flat',
+        stipple='gray12',
+        padding=(6, 3),
+        anchor='w',
+        font=button_font(density),
+        compound='left',
+        focuscolor=''
+    )
+
+    state_spec = dict(
+        foreground=[
+            ('disabled', on_disabled),
+            ('focus !disabled', on_pressed),
+            ('pressed', on_pressed),
+            ('', on_surface)],
+        background=[
+            ('focus !disabled', active),
+            ('pressed !disabled', pressed),
+            ('active !disabled', active),
+            ('', surface)
+        ]
+    )
+
+    icon_empty = create_transparent_image(16, 16)
+    icon_pressed = _ImageService.get_icon('check', 16, on_pressed)
+    icon_normal = _ImageService.get_icon('check', 16, on_surface)
+
+    state_spec['image'] = [
+        ('selected pressed', icon_pressed),
+        ('selected', icon_normal),
+        ('', icon_empty)
+    ]
+
+    b.map_style(ttk_style, **state_spec)
+
+
+@StyleBuilderTtk.register_builder('context-frame', 'TFrame')
+def build_context_frame_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    """
+    Configure the context menu frame style for composite items.
+
+    Provides hover/active background states matching context-item.
+    """
+    surface_token = options.get('surface', 'content')
+
+    surface = b.color(surface_token)
+    active = b.active(surface)
+    pressed = b.pressed(surface)
+
+    b.configure_style(
+        ttk_style,
+        background=surface,
+        relief='flat',
+    )
+
+    b.map_style(
+        ttk_style,
+        background=[
+            ('focus !disabled', active),
+            ('pressed !disabled', pressed),
+            ('hover !disabled', active),
+            ('', surface)
+        ]
+    )
+
+
+@StyleBuilderTtk.register_builder('context-label', 'TLabel')
+def build_context_label_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    """
+    Configure the context menu label style for shortcut text.
+
+    Uses muted foreground color and matches context-item state behavior.
+    """
+    surface_token = options.get('surface', 'content')
+    density = normalize_button_density(options.get('density', 'default'))
+
+    surface = b.color(surface_token)
+    muted = b.color('muted')
+    on_disabled = b.disabled('text', surface)
+
+    active = b.active(surface)
+    pressed = b.pressed(surface)
+    on_pressed = b.on_color(pressed)
+
+    b.configure_style(
+        ttk_style,
+        background=surface,
+        foreground=muted,
+        relief='flat',
+        anchor='e',
+        font=button_font(density),
+    )
+
+    b.map_style(
+        ttk_style,
+        foreground=[
+            ('disabled', on_disabled),
+            ('focus !disabled', muted),
+            ('pressed', muted),
+            ('hover !disabled', muted),
+            ('', muted)
+        ],
+        background=[
+            ('focus !disabled', active),
+            ('pressed !disabled', pressed),
+            ('hover !disabled', active),
+            ('', surface)
+        ]
+    )
+
+
+@StyleBuilderTtk.register_builder('context-item', 'TButton')
+def build_context_item_button_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    """
+    Configure the context menu button style.
+
+    Style options include:
+        * icon
+        * icon_only
+        * anchor
+        * density
+    """
+    anchor = options.get('anchor', 'w')
+    surface_token = options.get('surface', 'content')
+    density = normalize_button_density(options.get('density', 'default'))
+
+    surface = b.color(surface_token)
+    on_surface = b.on_color(surface)
+    on_disabled = b.disabled('text', surface)
+
+    active = b.active(surface)
+    pressed = b.pressed(surface)
+    on_pressed = b.on_color(pressed)
+
+    b.configure_style(
+        ttk_style,
+        background=surface,
+        foreground=on_surface,
+        relief='flat',
+        stipple='gray12',
+        padding=(6, 3),
+        anchor=anchor,
+        font=button_font(density),
+        focuscolor=''
+    )
+
+    state_spec = dict(
+        foreground=[
+            ('disabled', on_disabled),
+            ('focus !disabled', on_pressed),
+            ('pressed', on_pressed),
+            ('hover !disabled', on_pressed),
+            ('', on_surface)],
+        background=[
+            ('focus !disabled', active),
+            ('pressed !disabled', pressed),
+            ('hover !disabled', active),
+            ('active !disabled', active),
+            ('', surface)
+        ]
+    )
+
+    icon_only = options.get('icon_only', False)
+    default_size = 20 if icon_only else 16
+    state_spec = apply_icon_mapping(b, options, state_spec, default_size)
+
+    b.map_style(ttk_style, **state_spec)

bootstack/style/builders/entry.py

@@ -0,0 +1,82 @@
+"""Entry widget style builders.
+
+This module contains style builders for ttk.Entry widget and variants.
+"""
+
+from __future__ import annotations
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.element import Element, ElementImage
+from bootstack.style.utility import recolor_element_image
+from bootstack.style.builders.utils import (
+    normalize_button_density,
+    entry_padding,
+    entry_image_key,
+)
+
+
+@StyleBuilderTtk.register_builder('default', 'TEntry')
+def build_entry_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    surface_token = options.get('surface', 'content')
+    fill_token = options.get('input_background') or 'background'
+    density = normalize_button_density(options.get('density', 'default'))
+
+    fill = b.color(fill_token)
+    container_surface = b.color(surface_token)
+    accent_color = b.color(accent or 'primary')
+    foreground = b.on_color(fill)
+
+    normal = fill
+    border = b.border(fill)
+    disabled = b.disabled()
+    focused_border = b.focus_border(accent_color)
+    focused_ring = b.focus_ring(accent_color, container_surface)
+
+    select_background = b.color('primary')
+    select_foreground = b.on_color(select_background)
+    disabled_foreground = b.disabled('text')
+
+    # input elements - use density-aware images from manifest
+    img_key = entry_image_key('input', density)
+    normal_img = recolor_element_image(img_key, normal, border, container_surface, container_surface)
+    focused_img = recolor_element_image(img_key, normal, focused_border, focused_ring, container_surface)
+    disabled_img = recolor_element_image(img_key, disabled, border, container_surface, container_surface)
+
+    b.create_style_element_image(
+        ElementImage(f'{ttk_style}.field', normal_img.image, sticky='nsew', border=normal_img.meta.border).state_specs(
+            [
+                ('disabled', disabled_img.image),
+                ('readonly', disabled_img.image),
+                ('focus', focused_img.image)
+            ]
+        )
+    )
+
+    b.create_style_layout(
+        ttk_style,
+        Element(f'{ttk_style}.field', sticky='nsew').children(
+            [
+                Element('Entry.padding', sticky='nsew').children(
+                    [
+                        Element('Entry.textarea', sticky='nsew')
+                    ])
+            ])
+    )
+
+    b.configure_style(
+        ttk_style,
+        foreground=foreground,
+        background=fill,
+        padding=entry_padding(b, density),
+        selectforeground=select_foreground,
+        selectbackground=select_background,
+        insertcolor=foreground,
+        selectborderwidth=0
+    )
+
+    b.map_style(
+        ttk_style,
+        selectforeground=[],
+        selectbackground=[],
+        foreground=[('disabled !readonly', disabled_foreground), ('', foreground)],
+    )

bootstack/style/builders/expander.py

@@ -0,0 +1,148 @@
+"""Style builders for the Expander widget."""
+from typing import Optional
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.builders.utils import apply_icon_mapping
+
+
+@StyleBuilderTtk.register_builder('solid', 'Expander.TFrame')
+def build_solid_expander_header_style(b: StyleBuilderTtk, ttk_style: str, accent: Optional[str] = None, **options):
+    # use a subtle background with foreground if normal, otherwise subtle accent with accent foreground
+
+    accent = b.default(accent or 'primary')
+    surface_token = options.get('surface', 'content')
+    surface = b.color(surface_token)
+    selected = b.color(accent)
+    b.configure_style(ttk_style, background=surface, borderwidth=1, relief='raised')
+
+    b.map_style(
+        ttk_style,
+        background=[
+            ('selected', selected),
+            ('', surface)
+        ],
+        darkcolor=[
+            ('selected', selected),
+            ('', surface)
+        ],
+        lightcolor=[
+            ('selected', selected),
+            ('', surface)
+        ],
+        bordercolor=[
+            ('background focus', b.color('foreground')),
+            ('selected', selected),
+            ('', surface)
+        ]
+    )
+
+
+@StyleBuilderTtk.register_builder('solid', 'Expander.TLabel')
+def build_solid_expander_header_label_style(b: StyleBuilderTtk, ttk_style: str, accent: Optional[str] = None, **options):
+    """Expander header label style with state-aware foreground."""
+    accent = b.default(accent or 'primary')
+    surface_token = options.get('surface', 'content')
+    background = b.color(surface_token)
+    selected = b.color(accent)
+    on_background = b.on_color(background)
+    on_selected = b.on_color(selected)
+    disabled = b.disabled('text', background)
+
+    b.configure_style(
+        ttk_style,
+        background=background,
+        foreground=on_background,
+        relief='flat',
+        font='body'
+    )
+
+    foreground_state_map = [
+        ('disabled', disabled),
+        ('selected', on_selected),
+        ('', on_background)
+    ]
+
+    background_state_map = [
+        ('selected', selected),
+        ('', background)
+    ]
+
+    state_spec = dict(foreground=foreground_state_map, background=background_state_map)
+    state_spec = apply_icon_mapping(b, options, state_spec)
+
+    b.map_style(ttk_style, **state_spec)
+
+
+@StyleBuilderTtk.register_builder('default', 'Expander.TFrame')
+def build_ghost_expander_header_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    accent_token = accent or 'foreground'
+    surface_token = options.get('surface', 'content')
+
+    surface = b.color(surface_token)
+    accent_color = b.color(accent_token)
+    selected = b.subtle(accent_color, surface)
+
+    focused_border = b.focus_border(accent_color) if accent_token != 'foreground' else b.focus_border(b.color('primary'))
+
+    b.configure_style(ttk_style, background=surface, borderwidth=1, relief='raised')
+    b.map_style(
+        ttk_style,
+        background=[("selected", selected), ("", surface)],
+        darkcolor=[
+            ("background focus", focused_border),
+            ("selected", selected),
+            ("", surface),
+        ],
+        lightcolor=[
+            ("background focus", focused_border),
+            ("selected", selected),
+            ("", surface),
+        ],
+        bordercolor=[
+            ("background focus", focused_border),
+            ("selected", selected),
+            ("", surface),
+        ],
+    )
+
+
+@StyleBuilderTtk.register_builder('default', 'Expander.TLabel')
+def build_ghost_expander_header_label_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    """Expander header label style with state-aware foreground."""
+    accent_token = accent or 'foreground'
+    surface_token = options.get('surface', 'content')
+
+    surface = b.color(surface_token)
+    accent_color = b.color(accent_token)
+
+    selected = b.subtle(accent_color, surface)
+
+    on_surface = b.on_color(surface)
+    on_disabled = b.disabled('text', accent_color)
+
+    b.configure_style(
+        ttk_style,
+        background=surface,
+        foreground=on_surface,
+        relief='flat',
+        font='body'
+    )
+
+    foreground_state_map = [
+        ('disabled', on_disabled),
+        # Selected uses the plain foreground (not the accent) so the header text
+        # reads well over the subtle accent wash — same as the sidenav subtle nav.
+        ('selected', on_surface),
+        ('', on_surface)
+    ]
+
+    background_state_map = [
+        ('selected', selected),
+        ('disabled', surface),
+        ('', surface)
+    ]
+
+    state_spec = dict(foreground=foreground_state_map, background=background_state_map)
+    state_spec = apply_icon_mapping(b, options, state_spec)
+
+    b.map_style(ttk_style, **state_spec)