mirror of
https://github.com/pyscript/pyscript.git
synced 2026-02-19 07:01:11 -05:00
fix examples and broken link from the removal of markdown and shoelace from stdlib
This commit is contained in:
Fabio Pliger
@@ -1 +1 @@
|
||||
from . import elements, markdown, shoelace
|
||||
from . import elements
|
||||
|
||||
@@ -1,30 +0,0 @@
|
||||
"""Markdown module to generate web/HTML components from Markdown code"""
|
||||
|
||||
from pyscript import document, window
|
||||
from pyweb import pydom
|
||||
from pyweb.ui.elements import TextElementBase, script
|
||||
|
||||
|
||||
class markdown(TextElementBase):
|
||||
"""Markdown component to render HTML from Markdown code"""
|
||||
|
||||
tag = "div"
|
||||
|
||||
def __init__(self, content, style=None, **kwargs):
|
||||
# TODO: We should sanitize the content!!!!!
|
||||
|
||||
html = window.marked.parse(content)
|
||||
super().__init__(html, style=style, **kwargs)
|
||||
|
||||
|
||||
# TODO: DON'T KNOW WHY BUT THIS DOESN'T WORK
|
||||
def load_resources(parent=None):
|
||||
if parent is None:
|
||||
parent = pydom.body
|
||||
|
||||
parent.append(
|
||||
script(src="https://cdn.jsdelivr.net/npm/marked@11.1.1/lib/marked.umd.min.js"),
|
||||
)
|
||||
|
||||
|
||||
# load_resources()
|
||||
@@ -1,764 +0,0 @@
|
||||
from pyscript import document, when, window
|
||||
from pyweb import JSProperty, pydom
|
||||
from pyweb.ui import elements as el
|
||||
|
||||
|
||||
class ShoeBase(el.ElementBase):
|
||||
tag = "div"
|
||||
|
||||
# def __init__(self, style=None, **kwargs):
|
||||
# super().__init__(document.createElement(self.tag))
|
||||
|
||||
# # set all the style properties provided in input
|
||||
# if style:
|
||||
# for key, value in style.items():
|
||||
# self.style[key] = value
|
||||
|
||||
# # IMPORTANT!!! This is used to auto-harvest all input arguments and set them as properties
|
||||
# kwargs["self"] = self
|
||||
# self._init_properties(**kwargs)
|
||||
|
||||
# @staticmethod
|
||||
# def _init_properties(**kwargs):
|
||||
# self = kwargs.pop("self")
|
||||
|
||||
# # Look at all the properties of the class and see if they were provided in kwargs
|
||||
# # print(f"Looking for element properties for {self.__class__}...")
|
||||
# for attr_name, attr in self.__class__.__dict__.items():
|
||||
# # print("Checking", attr_name, isinstance(attr, ShoelaceProperty), attr_name in kwargs)
|
||||
# # For each one, actually check if it is a property of the class and set it
|
||||
# if isinstance(attr, JSProperty) and attr_name in kwargs:
|
||||
# setattr(self, attr_name, kwargs[attr_name])
|
||||
|
||||
|
||||
class TextShoeBase(el.TextElementBase):
|
||||
pass
|
||||
# def __init__(self, content, style=None, **kwargs):
|
||||
# if not style and getattr(self, "default_style", None):
|
||||
# style = self.default_style
|
||||
|
||||
# super().__init__(style=style, **kwargs)
|
||||
|
||||
# if isinstance(content, pydom.Element):
|
||||
# self.append(content)
|
||||
# else:
|
||||
# self._js.innerHTML = content
|
||||
|
||||
|
||||
class Button(ShoeBase):
|
||||
tag = "sl-button"
|
||||
variant = JSProperty("variant")
|
||||
size = JSProperty("size")
|
||||
outline = JSProperty("outline")
|
||||
pill = JSProperty("pill")
|
||||
circle = JSProperty("circle")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
content,
|
||||
variant="primary",
|
||||
size=None,
|
||||
outline=False,
|
||||
pill=False,
|
||||
circle=False,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(**kwargs)
|
||||
self._js.textContent = content
|
||||
|
||||
# IMPORTANT!!! This is use to auto-harvest all input arguments and set them as properties
|
||||
self._init_properties(**locals())
|
||||
|
||||
|
||||
class Alert(TextShoeBase):
|
||||
"""Alerts are used to display important messages inline or as toast notifications.
|
||||
|
||||
Example: Alert("This is a standard alert. You can customize its content and even the icon.")
|
||||
"""
|
||||
|
||||
tag = "sl-alert"
|
||||
open = JSProperty("open")
|
||||
variant = JSProperty("variant")
|
||||
|
||||
def __init__(self, content, variant=None, open=True, **kwargs):
|
||||
# TODO: Should content be appended so we can support html Elements as well?
|
||||
super().__init__(content, variant=variant, open=open, **kwargs)
|
||||
|
||||
|
||||
class Select(ShoeBase):
|
||||
tag = "sl-select"
|
||||
label = JSProperty("label")
|
||||
helpText = JSProperty("helpText")
|
||||
placeholder = JSProperty("placeholder")
|
||||
pill = JSProperty("pill")
|
||||
value = JSProperty("value")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
label=None,
|
||||
options=None,
|
||||
placeholder=None,
|
||||
help_text=None,
|
||||
value=None,
|
||||
style=None,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(
|
||||
label=label,
|
||||
placeholder=placeholder,
|
||||
help_text=help_text,
|
||||
value=value,
|
||||
style=style,
|
||||
**kwargs,
|
||||
)
|
||||
html_ = "\n".join(
|
||||
[f'<sl-option value="{option}">{option}</sl-option>' for option in options]
|
||||
)
|
||||
self.html = html_
|
||||
print("options", options)
|
||||
print("HTML", html_)
|
||||
print("HTML", self.html)
|
||||
# for option in options:
|
||||
# self.append(el.option(option))
|
||||
|
||||
|
||||
class Button(TextShoeBase):
|
||||
"""Buttons represent actions that are available to the user."""
|
||||
|
||||
tag = "sl-button"
|
||||
variant = JSProperty("variant")
|
||||
size = JSProperty("size")
|
||||
outline = JSProperty("outline")
|
||||
pill = JSProperty("pill")
|
||||
circle = JSProperty("circle")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
content,
|
||||
variant="primary",
|
||||
size=None,
|
||||
outline=False,
|
||||
pill=False,
|
||||
circle=False,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(
|
||||
content,
|
||||
variant=variant,
|
||||
size=size,
|
||||
outline=outline,
|
||||
pill=pill,
|
||||
circle=circle,
|
||||
**kwargs,
|
||||
)
|
||||
|
||||
|
||||
class Details(TextShoeBase):
|
||||
"""Details are used as a disclosure widget from which users can retrieve additional information."""
|
||||
|
||||
tag = "sl-details"
|
||||
open = JSProperty("open")
|
||||
summary = JSProperty("summary")
|
||||
disabled = JSProperty("disabled")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self, content, summary, open=None, disabled=None, style=None, **kwargs
|
||||
):
|
||||
super().__init__(
|
||||
content,
|
||||
summary=summary,
|
||||
open=open,
|
||||
disabled=disabled,
|
||||
style=style,
|
||||
**kwargs,
|
||||
)
|
||||
|
||||
|
||||
class Dialog(TextShoeBase):
|
||||
tag = "sl-dialog"
|
||||
label = JSProperty("label")
|
||||
noheader = JSProperty("noheader")
|
||||
open = JSProperty("open")
|
||||
# TODO: We should map the `modal` property as well but it's a bit of special...
|
||||
|
||||
def __init__(
|
||||
self, content, label=None, open=None, disabled=None, style=None, **kwargs
|
||||
):
|
||||
super().__init__(
|
||||
content, label=label, open=open, disabled=disabled, style=style, **kwargs
|
||||
)
|
||||
|
||||
|
||||
class Divider(ShoeBase):
|
||||
tag = "sl-divider"
|
||||
|
||||
vertical = JSProperty("vertical")
|
||||
|
||||
# def __init__(self, vertical=None, **kwargs):
|
||||
# super().__init__(vertical=vertical, **kwargs)
|
||||
|
||||
# self._init_properties(**locals())
|
||||
|
||||
|
||||
class BaseMixin(pydom.Element):
|
||||
@property
|
||||
def label(self):
|
||||
return self._js.label
|
||||
|
||||
@label.setter
|
||||
def label(self, value):
|
||||
self._js.label = value
|
||||
|
||||
|
||||
# class LabelProperty:
|
||||
# def __get__(self, obj, objtype=None):
|
||||
# return obj._js.label
|
||||
|
||||
# def __set__(self, obj, value):
|
||||
# obj._js.label = value
|
||||
|
||||
|
||||
class PlaceholderProperty:
|
||||
def __get__(self, obj, objtype=None):
|
||||
return obj._js.placeholder
|
||||
|
||||
def __set__(self, obj, value):
|
||||
obj._js.placeholder = value
|
||||
|
||||
|
||||
class Input(ShoeBase):
|
||||
tag = "sl-input"
|
||||
|
||||
label = JSProperty("label")
|
||||
placeholder = JSProperty("placeholder")
|
||||
pill = JSProperty("pill")
|
||||
help_text = JSProperty("helpText")
|
||||
value = JSProperty("value")
|
||||
|
||||
# def __init__(
|
||||
# self,
|
||||
# label=None,
|
||||
# value=None,
|
||||
# type="text",
|
||||
# placeholder=None,
|
||||
# help_text=None,
|
||||
# size=None,
|
||||
# filled=False,
|
||||
# pill=False,
|
||||
# disabled=False,
|
||||
# readonly=False,
|
||||
# autofocus=False,
|
||||
# autocomplete=None,
|
||||
# autocorrect=None,
|
||||
# autocapitalize=None,
|
||||
# spellcheck=None,
|
||||
# min=None,
|
||||
# max=None,
|
||||
# step=None,
|
||||
# name=None,
|
||||
# required=False,
|
||||
# pattern=None,
|
||||
# minlength=None,
|
||||
# maxlength=None,
|
||||
# style=None,
|
||||
# **kwargs,
|
||||
# ):
|
||||
# super().__init__(
|
||||
# style=style,
|
||||
# label=label,
|
||||
# value=value,
|
||||
# type=type,
|
||||
# placeholder=placeholder,
|
||||
# help_text=help_text,
|
||||
# size=size,
|
||||
# filled=filled,
|
||||
# pill=pill,
|
||||
# disabled=disabled,
|
||||
# readonly=readonly,
|
||||
# autofocus=autofocus,
|
||||
# autocomplete=autocomplete,
|
||||
# autocorrect=autocorrect,
|
||||
# autocapitalize=autocapitalize,
|
||||
# spellcheck=spellcheck,
|
||||
# min=min,
|
||||
# max=max,
|
||||
# step=step,
|
||||
# name=name,
|
||||
# required=required,
|
||||
# pattern=pattern,
|
||||
# minlength=minlength,
|
||||
# maxlength=maxlength,
|
||||
# **kwargs,
|
||||
# )
|
||||
|
||||
|
||||
class Badge(TextShoeBase):
|
||||
tag = "sl-badge"
|
||||
variant = JSProperty("variant")
|
||||
pill = JSProperty("pill")
|
||||
pulse = JSProperty("pulse")
|
||||
|
||||
|
||||
class Rating(ShoeBase):
|
||||
tag = "sl-rating"
|
||||
label = JSProperty("label")
|
||||
value = JSProperty("value")
|
||||
max = JSProperty("max")
|
||||
# TODO: Properties missing...
|
||||
|
||||
|
||||
class TextArea(ShoeBase):
|
||||
tag = "sl-textarea"
|
||||
label = JSProperty("label")
|
||||
helpText = JSProperty("helpText")
|
||||
# TODO: Properties missing...
|
||||
|
||||
|
||||
class Card(TextShoeBase):
|
||||
tag = "sl-card"
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
content=None,
|
||||
image=None,
|
||||
img_alt=None,
|
||||
header=None,
|
||||
footer=None,
|
||||
style=None,
|
||||
**kwargs,
|
||||
):
|
||||
main_div = el.div()
|
||||
|
||||
if image:
|
||||
# if the image is just a string, we assume it's the src
|
||||
if not isinstance(image, el.img):
|
||||
image = el.img(src=image, alt=img_alt)
|
||||
|
||||
# IMPORTANT: Shoelace cards have a special slot for the image
|
||||
image.slot = "image"
|
||||
|
||||
if content:
|
||||
if isinstance(content, pydom.Element):
|
||||
main_div.append(content)
|
||||
else:
|
||||
main_div.append(el.div(content))
|
||||
main_div.append(content)
|
||||
|
||||
super().__init__(content, style=style, **kwargs)
|
||||
self._js.insertBefore(image._js, self._js.firstChild)
|
||||
|
||||
if header:
|
||||
header = el.div(header, slot="header")
|
||||
self._js.insertBefore(header._js, self._js.firstChild)
|
||||
|
||||
if footer:
|
||||
self.append(el.div(footer, slot="footer"))
|
||||
|
||||
self.add_class("card-overview")
|
||||
|
||||
|
||||
class Icon(ShoeBase):
|
||||
tag = "sl-icon"
|
||||
|
||||
name = JSProperty("name")
|
||||
src = JSProperty("src")
|
||||
label = JSProperty("label")
|
||||
library = JSProperty("library")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self, name=None, src=None, label=None, library=None, style=None, **kwargs
|
||||
):
|
||||
super().__init__(
|
||||
name=name, src=src, label=label, library=library, style=style, **kwargs
|
||||
)
|
||||
|
||||
|
||||
class Radio(TextShoeBase):
|
||||
tag = "sl-radio"
|
||||
value = JSProperty("value")
|
||||
size = JSProperty("size")
|
||||
disabled = JSProperty("disabled")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self, content, value=None, size=None, disabled=None, style=None, **kwargs
|
||||
):
|
||||
super().__init__(
|
||||
content, value=value, size=size, disabled=disabled, style=style, **kwargs
|
||||
)
|
||||
|
||||
|
||||
class RadioGroup(ShoeBase):
|
||||
tag = "sl-radio-group"
|
||||
label = JSProperty("label")
|
||||
help_text = JSProperty("helpText")
|
||||
name = JSProperty("name")
|
||||
value = JSProperty("value")
|
||||
size = JSProperty("size")
|
||||
form = JSProperty("form")
|
||||
required = JSProperty("required")
|
||||
validity = JSProperty("validity")
|
||||
validation_message = JSProperty("validationMessage")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
children: list[Radio] = None,
|
||||
label=None,
|
||||
help_text=None,
|
||||
name=None,
|
||||
value=None,
|
||||
size=None,
|
||||
form=None,
|
||||
required=None,
|
||||
validity=None,
|
||||
validation_message=None,
|
||||
update_complete=None,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(
|
||||
label=label,
|
||||
help_text=help_text,
|
||||
name=name,
|
||||
value=value,
|
||||
size=size,
|
||||
form=form,
|
||||
required=required,
|
||||
validity=validity,
|
||||
validation_message=validation_message,
|
||||
update_complete=update_complete,
|
||||
**kwargs,
|
||||
)
|
||||
if children:
|
||||
for radio in children:
|
||||
if isinstance(radio, Radio):
|
||||
self.append(radio)
|
||||
|
||||
|
||||
class CopyButton(ShoeBase):
|
||||
tag = "sl-copy-button"
|
||||
value = JSProperty("value")
|
||||
_from = JSProperty("from")
|
||||
disabled = JSProperty("disabled")
|
||||
copy_label = JSProperty("copyLabel")
|
||||
success_label = JSProperty("successLabel")
|
||||
error_label = JSProperty("errorLabel")
|
||||
feedback_duration = JSProperty("feedbackDuration")
|
||||
tooltip_placement = JSProperty("tooltipPlacement")
|
||||
hoist = JSProperty("hoist")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
value=None,
|
||||
_from=None,
|
||||
disabled=None,
|
||||
copy_label=None,
|
||||
success_label=None,
|
||||
error_label=None,
|
||||
feedback_duration=None,
|
||||
tooltip_placement=None,
|
||||
hoist=None,
|
||||
style=None,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(
|
||||
value=value,
|
||||
_from=_from,
|
||||
disabled=disabled,
|
||||
copy_label=copy_label,
|
||||
success_label=success_label,
|
||||
error_label=error_label,
|
||||
feedback_duration=feedback_duration,
|
||||
tooltip_placement=tooltip_placement,
|
||||
hoist=hoist,
|
||||
style=style,
|
||||
**kwargs,
|
||||
)
|
||||
|
||||
|
||||
class Skeleton(ShoeBase):
|
||||
tag = "sl-skeleton"
|
||||
effect = JSProperty("effect")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(self, effect=None, style=None, **kwargs):
|
||||
super().__init__(effect=effect, style=style, **kwargs)
|
||||
|
||||
|
||||
class Spinner(ShoeBase):
|
||||
tag = "sl-spinner"
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(self, style=None, **kwargs):
|
||||
super().__init__(style=style, **kwargs)
|
||||
|
||||
|
||||
# # TODO: Need to make sure we can pass elements in it.
|
||||
# class SplitPanel(ShoeBase):
|
||||
# tag = "sl-split-panel"
|
||||
# content = JSProperty("content")
|
||||
# position = JSProperty("position")
|
||||
# position_in_pixels = JSProperty("positionInPixels")
|
||||
# vertical = JSProperty("vertical")
|
||||
# disabled = JSProperty("disabled")
|
||||
# primary = JSProperty("primary")
|
||||
# snap = JSProperty("snap")
|
||||
# snap_threshold = JSProperty("snapThreshold")
|
||||
# update_complete = JSProperty("updateComplete")
|
||||
|
||||
# def __init__(self, content, position=None, position_in_pixels=None, vertical=None, disabled=None, primary=None, snap=None, snap_threshold=None, style=None, **kwargs):
|
||||
# super().__init__(**kwargs)
|
||||
# self._js.InnerHTML = content
|
||||
|
||||
# self._init_properties(**locals())
|
||||
|
||||
|
||||
class Switch(ShoeBase):
|
||||
tag = "sl-switch"
|
||||
name = JSProperty("name")
|
||||
value = JSProperty("value")
|
||||
size = JSProperty("size")
|
||||
disabled = JSProperty("disabled")
|
||||
checked = JSProperty("checked")
|
||||
default_checked = JSProperty("defaultChecked")
|
||||
form = JSProperty("form")
|
||||
required = JSProperty("required")
|
||||
validity = JSProperty("validity")
|
||||
validation_message = JSProperty("validationMessage")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
name=None,
|
||||
value=None,
|
||||
size=None,
|
||||
disabled=None,
|
||||
checked=None,
|
||||
default_checked=None,
|
||||
form=None,
|
||||
required=None,
|
||||
validity=None,
|
||||
validation_message=None,
|
||||
style=None,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(
|
||||
name=name,
|
||||
value=value,
|
||||
size=size,
|
||||
disabled=disabled,
|
||||
checked=checked,
|
||||
default_checked=default_checked,
|
||||
form=form,
|
||||
required=required,
|
||||
validity=validity,
|
||||
validation_message=validation_message,
|
||||
style=style,
|
||||
**kwargs,
|
||||
)
|
||||
|
||||
|
||||
class Textarea(ShoeBase):
|
||||
tag = "sl-textarea"
|
||||
name = JSProperty("name")
|
||||
value = JSProperty("value")
|
||||
size = JSProperty("size")
|
||||
filled = JSProperty("filled")
|
||||
label = JSProperty("label")
|
||||
help_text = JSProperty("helpText")
|
||||
placeholder = JSProperty("placeholder")
|
||||
rows = JSProperty("rows")
|
||||
resize = JSProperty("resize")
|
||||
disabled = JSProperty("disabled")
|
||||
readonly = JSProperty("readonly")
|
||||
form = JSProperty("form")
|
||||
required = JSProperty("required")
|
||||
min_length = JSProperty("minLength")
|
||||
max_length = JSProperty("maxLength")
|
||||
autocalpitalize = JSProperty("autocapitalize")
|
||||
autocomplete = JSProperty("autocomplete")
|
||||
autofocus = JSProperty("autofocus")
|
||||
enterkeyhint = JSProperty("enterkeyhint")
|
||||
spellcheck = JSProperty("spellcheck")
|
||||
inputmode = JSProperty("inputmode")
|
||||
default_value = JSProperty("defaultValue")
|
||||
validity = JSProperty("validity")
|
||||
validatio_message = JSProperty("validationMessage")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
def __init__(
|
||||
self,
|
||||
name=None,
|
||||
value=None,
|
||||
size=None,
|
||||
filled=None,
|
||||
label=None,
|
||||
help_text=None,
|
||||
placeholder=None,
|
||||
rows=None,
|
||||
resize=None,
|
||||
disabled=None,
|
||||
readonly=None,
|
||||
form=None,
|
||||
required=None,
|
||||
min_length=None,
|
||||
max_length=None,
|
||||
autocapitalize=None,
|
||||
autocomplete=None,
|
||||
autofocus=None,
|
||||
enterkeyhint=None,
|
||||
spellcheck=None,
|
||||
inputmode=None,
|
||||
default_value=None,
|
||||
validity=None,
|
||||
validation_message=None,
|
||||
style=None,
|
||||
**kwargs,
|
||||
):
|
||||
super().__init__(
|
||||
name=name,
|
||||
value=value,
|
||||
size=size,
|
||||
filled=filled,
|
||||
label=label,
|
||||
help_text=help_text,
|
||||
placeholder=placeholder,
|
||||
rows=rows,
|
||||
resize=resize,
|
||||
disabled=disabled,
|
||||
readonly=readonly,
|
||||
form=form,
|
||||
required=required,
|
||||
min_length=min_length,
|
||||
max_length=max_length,
|
||||
autocapitalize=autocapitalize,
|
||||
autocomplete=autocomplete,
|
||||
autofocus=autofocus,
|
||||
enterkeyhint=enterkeyhint,
|
||||
spellcheck=spellcheck,
|
||||
inputmode=inputmode,
|
||||
default_value=default_value,
|
||||
validity=validity,
|
||||
validation_message=validation_message,
|
||||
style=style,
|
||||
**kwargs,
|
||||
)
|
||||
|
||||
|
||||
class Tag(TextShoeBase):
|
||||
tag = "sl-tag"
|
||||
variant = JSProperty("variant")
|
||||
size = JSProperty("size")
|
||||
pill = JSProperty("pill")
|
||||
removable = JSProperty("removable")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
# def __init__(
|
||||
# self,
|
||||
# content,
|
||||
# variant=None,
|
||||
# size=None,
|
||||
# pill=None,
|
||||
# removable=None,
|
||||
# style=None,
|
||||
# **kwargs,
|
||||
# ):
|
||||
# super().__init__(**kwargs)
|
||||
# self._js.textContent = content
|
||||
|
||||
# self._init_properties(**locals())
|
||||
|
||||
|
||||
class Range(ShoeBase):
|
||||
tag = "sl-range"
|
||||
name = JSProperty("name")
|
||||
value = JSProperty("value")
|
||||
label = JSProperty("label")
|
||||
help_text = JSProperty("helpText")
|
||||
disabled = JSProperty("disabled")
|
||||
_min = JSProperty("min")
|
||||
_max = JSProperty("max")
|
||||
step = JSProperty("step")
|
||||
tooltip = JSProperty("tooltip")
|
||||
tooltip_formatter = JSProperty("tooltipFormatter")
|
||||
form = JSProperty("form")
|
||||
default_value = JSProperty("defaultValue")
|
||||
validity = JSProperty("validity")
|
||||
validation_message = JSProperty("validationMessage")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
# def __init__(
|
||||
# self,
|
||||
# name=None,
|
||||
# value=None,
|
||||
# label=None,
|
||||
# help_text=None,
|
||||
# disabled=None,
|
||||
# _min=None,
|
||||
# _max=None,
|
||||
# step=None,
|
||||
# tooltip=None,
|
||||
# tooltip_formatter=None,
|
||||
# form=None,
|
||||
# default_value=None,
|
||||
# validity=None,
|
||||
# validation_message=None,
|
||||
# style=None,
|
||||
# **kwargs,
|
||||
# ):
|
||||
# super().__init__(**kwargs)
|
||||
|
||||
# self._init_properties(**locals())
|
||||
|
||||
|
||||
class RelativeTime(ShoeBase):
|
||||
tag = "sl-relative-time"
|
||||
date = JSProperty("date")
|
||||
_format = JSProperty("format")
|
||||
numeric = JSProperty("numeric")
|
||||
sync = JSProperty("sync")
|
||||
update_complete = JSProperty("updateComplete")
|
||||
|
||||
# def __init__(self, date=None, style=None, **kwargs):
|
||||
# super().__init__(date=date, style=style, **kwargs)
|
||||
|
||||
|
||||
# Load resources...
|
||||
CSS = """
|
||||
.card-overview {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.card-overview small {
|
||||
color: var(--sl-color-neutral-500);
|
||||
}
|
||||
|
||||
.card-overview [slot='footer'] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
"""
|
||||
|
||||
|
||||
def load_resources(parent=None):
|
||||
print("Loading shoelace resources...")
|
||||
if parent is None:
|
||||
parent = pydom.body
|
||||
parent.append(
|
||||
el.link(
|
||||
href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/themes/light.css",
|
||||
rel="stylesheet",
|
||||
)
|
||||
)
|
||||
parent.append(
|
||||
el.script(
|
||||
src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/shoelace-autoloader.js",
|
||||
type="module",
|
||||
),
|
||||
)
|
||||
parent.append(el.style(CSS))
|
||||
print("Resources loaded!")
|
||||
@@ -8,9 +8,9 @@ import styles
|
||||
from pyscript import when, window
|
||||
from pyweb import pydom
|
||||
from pyweb.ui import elements as el
|
||||
from pyweb.ui import shoelace
|
||||
from pyweb.ui.elements import a, button, div, grid, h1, h2, h3, input_
|
||||
from pyweb.ui.markdown import markdown
|
||||
import shoelace
|
||||
from pyweb.ui.elements import a, button, div, grid, h1, h2, h3
|
||||
from markdown import markdown
|
||||
|
||||
MAIN_PAGE_MARKDOWN = dedent(
|
||||
"""
|
||||
|
||||
@@ -19,8 +19,8 @@ from pyweb.ui.elements import (
|
||||
small,
|
||||
strong,
|
||||
)
|
||||
from pyweb.ui.markdown import markdown
|
||||
from pyweb.ui.shoelace import (
|
||||
from markdown import markdown
|
||||
from shoelace import (
|
||||
Alert,
|
||||
Button,
|
||||
Card,
|
||||
|
||||
@@ -10,8 +10,8 @@ import tictactoe
|
||||
from pyscript import when, window
|
||||
from pyweb import pydom
|
||||
from pyweb.ui import elements as el
|
||||
from pyweb.ui import shoelace
|
||||
from pyweb.ui.markdown import markdown
|
||||
import shoelace
|
||||
from markdown import markdown
|
||||
|
||||
MAIN_PAGE_MARKDOWN = dedent(
|
||||
"""
|
||||
|
||||
@@ -4,3 +4,5 @@ packages = []
|
||||
"./examples.py" = "./examples.py"
|
||||
"./tictactoe.py" = "./tictactoe.py"
|
||||
"./styles.py" = "./styles.py"
|
||||
"./shoelace.py" = "./shoelace.py"
|
||||
"./markdown.py" = "./markdown.py"
|
||||
|
||||
2
pyscript.core/types/stdlib/pyscript.d.ts
vendored
2
pyscript.core/types/stdlib/pyscript.d.ts
vendored
@@ -16,8 +16,6 @@ declare namespace _default {
|
||||
ui: {
|
||||
"__init__.py": string;
|
||||
"elements.py": string;
|
||||
"markdown.py": string;
|
||||
"shoelace.py": string;
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user