Source code for panel.template.material

"""
Material template based on the material web components library.
"""
import pathlib

import param

from ...theme import Design
from ...theme.material import Material
from ..base import BasicTemplate, TemplateActions

_ROOT = pathlib.Path(__file__).parent


class MaterialTemplateActions(TemplateActions):

    _scripts = {
        'open_modal': """
          modal.open();
          setTimeout(function() {{
            window.dispatchEvent(new Event('resize'));
          }}, 200);
        """,
        'close_modal': "modal.close()"
    }


class MaterialTemplate(BasicTemplate):
    """
    MaterialTemplate is built on top of Material web components.
    """

    design = param.ClassSelector(class_=Design, default=Material,
                                 is_instance=False, instantiate=False, doc="""
        A Design applies a specific design system to a template.""")

    sidebar_width = param.Integer(default=370, doc="""
        The width of the sidebar in pixels. Default is 370.""")

    _actions = param.ClassSelector(
        default=MaterialTemplateActions(), class_=TemplateActions)

    _css = [_ROOT / "material.css"]

    _template = _ROOT / 'material.html'