Skip to content

msaJustPyUI Module

.justpy.htmlcomponents


Attributes

Abbr module-attribute

Abbr = None

Address module-attribute

Address = None

Animate module-attribute

Animate = None

AnimateMotion module-attribute

AnimateMotion = None

AnimateTransform module-attribute

AnimateTransform = None

Area module-attribute

Area = None

Article module-attribute

Article = None

Aside module-attribute

Aside = None

Audio module-attribute

Audio = None

B module-attribute

B = None

Bdi module-attribute

Bdi = None

Bdo module-attribute

Bdo = None

Blockquote module-attribute

Blockquote = None

Br module-attribute

Br = None

Button module-attribute

Button = None

Caption module-attribute

Caption = None

Circle module-attribute

Circle = None

Cite module-attribute

Cite = None

ClipPath module-attribute

ClipPath = None

Code module-attribute

Code = None

Col module-attribute

Col = None

Colgroup module-attribute

Colgroup = None

Data module-attribute

Data = None

Dd module-attribute

Dd = None

Defs module-attribute

Defs = None

Del module-attribute

Del = None

Desc module-attribute

Desc = None

Details module-attribute

Details = None

Dfn module-attribute

Dfn = None

Discard module-attribute

Discard = None

Dl module-attribute

Dl = None

Dt module-attribute

Dt = None

Ellipse module-attribute

Ellipse = None

Em module-attribute

Em = None

Embed module-attribute

Embed = None

FeBlend module-attribute

FeBlend = None

FeColorMatrix module-attribute

FeColorMatrix = None

FeComponentTransfer module-attribute

FeComponentTransfer = None

FeComposite module-attribute

FeComposite = None

FeConvolveMatrix module-attribute

FeConvolveMatrix = None

FeDiffuseLighting module-attribute

FeDiffuseLighting = None

FeDisplacementMap module-attribute

FeDisplacementMap = None

FeDistantLight module-attribute

FeDistantLight = None

FeDropShadow module-attribute

FeDropShadow = None

FeFlood module-attribute

FeFlood = None

FeFuncA module-attribute

FeFuncA = None

FeFuncB module-attribute

FeFuncB = None

FeFuncG module-attribute

FeFuncG = None

FeFuncR module-attribute

FeFuncR = None

FeGaussianBlur module-attribute

FeGaussianBlur = None

FeImage module-attribute

FeImage = None

FeMerge module-attribute

FeMerge = None

FeMergeNode module-attribute

FeMergeNode = None

FeMorphology module-attribute

FeMorphology = None

FeOffset module-attribute

FeOffset = None

FePointLight module-attribute

FePointLight = None

FeSpecularLighting module-attribute

FeSpecularLighting = None

FeSpotLight module-attribute

FeSpotLight = None

FeTile module-attribute

FeTile = None

FeTurbulence module-attribute

FeTurbulence = None

Fieldset module-attribute

Fieldset = None

Figcaption module-attribute

Figcaption = None

Figure module-attribute

Figure = None

Filter module-attribute

Filter = None

Footer module-attribute

Footer = None

ForeignObject module-attribute

ForeignObject = None

G module-attribute

G = None

H1 module-attribute

H1 = None

H2 module-attribute

H2 = None

H3 module-attribute

H3 = None

H4 module-attribute

H4 = None

H5 module-attribute

H5 = None

H6 module-attribute

H6 = None

Header module-attribute

Header = None

Hr module-attribute

Hr = None

I module-attribute

I = None

Iframe module-attribute

Iframe = None

Image module-attribute

Image = None

Img module-attribute

Img = None

Ins module-attribute

Ins = None

Kbd module-attribute

Kbd = None

Legend module-attribute

Legend = None

Li module-attribute

Li = None

Line module-attribute

Line = None

LinearGradient module-attribute

LinearGradient = None
Link = A

Main module-attribute

Main = None

Map module-attribute

Map = None

Mark module-attribute

Mark = None

Marker module-attribute

Marker = None

Mask module-attribute

Mask = None

Metadata module-attribute

Metadata = None

Meter module-attribute

Meter = None

Mpath module-attribute

Mpath = None

Nav module-attribute

Nav = None

Object module-attribute

Object = None

Ol module-attribute

Ol = None

Optgroup module-attribute

Optgroup = None

Option module-attribute

Option = None

P module-attribute

P = None

Param module-attribute

Param = None

Path module-attribute

Path = None

Pattern module-attribute

Pattern = None

Picture module-attribute

Picture = None

Polygon module-attribute

Polygon = None

Polyline module-attribute

Polyline = None

Pre module-attribute

Pre = None

Progress module-attribute

Progress = None

Q module-attribute

Q = None

RadialGradient module-attribute

RadialGradient = None

Rb module-attribute

Rb = None

Rect module-attribute

Rect = None

Rp module-attribute

Rp = None

Rt module-attribute

Rt = None

Rtc module-attribute

Rtc = None

Ruby module-attribute

Ruby = None

S module-attribute

S = None

Samp module-attribute

Samp = None

Section module-attribute

Section = None

Set module-attribute

Set = None

Small module-attribute

Small = None

Source module-attribute

Source = None

Span module-attribute

Span = None

Stop module-attribute

Stop = None

Strong module-attribute

Strong = None

Sub module-attribute

Sub = None

Summary module-attribute

Summary = None

Sup module-attribute

Sup = None

Svg module-attribute

Svg = None

Switch module-attribute

Switch = None

Symbol module-attribute

Symbol = None

Table module-attribute

Table = None

Tbody module-attribute

Tbody = None

Td module-attribute

Td = None

Text module-attribute

Text = None

TextPath module-attribute

TextPath = None

Tfoot module-attribute

Tfoot = None

Th module-attribute

Th = None

Thead module-attribute

Thead = None

Time module-attribute

Time = None

Tr module-attribute

Tr = None

Track module-attribute

Track = None

Tspan module-attribute

Tspan = None

Tt module-attribute

Tt = None

U module-attribute

U = None

Ul module-attribute

Ul = None

Use module-attribute

Use = None

Var module-attribute

Var = None

Video module-attribute

Video = None

View module-attribute

View = None

Wbr module-attribute

Wbr = None

attrfind_tolerant module-attribute

attrfind_tolerant = re.compile(
    "((?<=[\\'\"\\s/])[^\\s/>][^\\s/=>]*)(\\s*=+\\s*(\\'[^\\']*\\'|\"[^\"]*\"|(?![\\'\"])[^>\\s]*))?(?:\\s|/(?!>))*"
)

c_tag module-attribute

c_tag = tag[0].capitalize() + tag[1:]

get_tag module-attribute

get_tag = component_by_tag

svg_animation_attributes module-attribute

svg_animation_attributes = [
    "attributeType",
    "attributeName",
    "begin",
    "dur",
    "end",
    "min",
    "max",
    "restart",
    "repeatCount",
    "repeatDur",
    "fill",
    "calcMode",
    "values",
    "keyTimes",
    "keySplines",
    "from",
    "to",
    "by",
    "additive",
    "accumulate",
]

svg_attr_dict module-attribute

svg_attr_dict = {
    "a": [
        "download",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "animate": [
        "accumulate",
        "additive",
        "attributeName",
        "begin",
        "by",
        "calcMode",
        "dur",
        "end",
        "fill",
        "from",
        "href",
        "keySplines",
        "keyTimes",
        "max",
        "min",
        "repeatCount",
        "repeatDur",
        "requiredExtensions",
        "restart",
        "systemLanguage",
        "to",
        "values",
    ],
    "animateMotion": [
        "accumulate",
        "additive",
        "begin",
        "by",
        "calcMode",
        "dur",
        "end",
        "fill",
        "from",
        "href",
        "keyPoints",
        "keySplines",
        "keyTimes",
        "max",
        "min",
        "origin",
        "path",
        "repeatCount",
        "repeatDur",
        "requiredExtensions",
        "restart",
        "rotate",
        "systemLanguage",
        "to",
        "values",
    ],
    "animateTransform": [
        "accumulate",
        "additive",
        "attributeName",
        "begin",
        "by",
        "calcMode",
        "dur",
        "end",
        "fill",
        "from",
        "href",
        "keySplines",
        "keyTimes",
        "max",
        "min",
        "repeatCount",
        "repeatDur",
        "requiredExtensions",
        "restart",
        "systemLanguage",
        "to",
        "type",
        "values",
    ],
    "audio": [
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "canvas": [
        "preserveAspectRatio",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "circle": [
        "pathLength",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "clipPath": [
        "clipPathUnits",
        "requiredExtensions",
        "systemLanguage",
    ],
    "discard": [
        "begin",
        "href",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "ellipse": [
        "pathLength",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "feBlend": [
        "height",
        "in",
        "in2",
        "mode",
        "result",
        "width",
        "x",
        "y",
    ],
    "feColorMatrix": [
        "height",
        "in",
        "result",
        "type",
        "values",
        "width",
        "x",
        "y",
    ],
    "feComponentTransfer": [
        "height",
        "in",
        "result",
        "width",
        "x",
        "y",
    ],
    "feComposite": [
        "height",
        "in",
        "in2",
        "k1",
        "k2",
        "k3",
        "k4",
        "operator",
        "result",
        "width",
        "x",
        "y",
    ],
    "feConvolveMatrix": [
        "bias",
        "divisor",
        "edgeMode",
        "height",
        "in",
        "kernelMatrix",
        "kernelUnitLength",
        "order",
        "preserveAlpha",
        "result",
        "targetX",
        "targetY",
        "width",
        "x",
        "y",
    ],
    "feDiffuseLighting": [
        "diffuseConstant",
        "height",
        "in",
        "kernelUnitLength",
        "result",
        "surfaceScale",
        "width",
        "x",
        "y",
    ],
    "feDisplacementMap": [
        "height",
        "in",
        "in2",
        "result",
        "scale",
        "width",
        "x",
        "xChannelSelector",
        "y",
        "yChannelSelector",
    ],
    "feDistantLight": ["azimuth", "elevation"],
    "feDropShadow": [
        "dx",
        "dy",
        "height",
        "in",
        "result",
        "stdDeviation",
        "width",
        "x",
        "y",
    ],
    "feFlood": ["height", "result", "width", "x", "y"],
    "feFuncA": [
        "amplitude",
        "exponent",
        "intercept",
        "offset",
        "slope",
        "tableValues",
        "type",
    ],
    "feFuncB": [
        "amplitude",
        "exponent",
        "intercept",
        "offset",
        "slope",
        "tableValues",
        "type",
    ],
    "feFuncG": [
        "amplitude",
        "exponent",
        "intercept",
        "offset",
        "slope",
        "tableValues",
        "type",
    ],
    "feFuncR": [
        "amplitude",
        "exponent",
        "intercept",
        "offset",
        "slope",
        "tableValues",
        "type",
    ],
    "feGaussianBlur": [
        "edgeMode",
        "height",
        "in",
        "result",
        "stdDeviation",
        "width",
        "x",
        "y",
    ],
    "feImage": [
        "crossorigin",
        "height",
        "href",
        "preserveAspectRatio",
        "result",
        "width",
        "x",
        "y",
    ],
    "feMerge": ["height", "result", "width", "x", "y"],
    "feMergeNode": ["in"],
    "feMorphology": [
        "height",
        "in",
        "operator",
        "radius",
        "result",
        "width",
        "x",
        "y",
    ],
    "feOffset": [
        "dx",
        "dy",
        "height",
        "in",
        "result",
        "width",
        "x",
        "y",
    ],
    "fePointLight": ["x", "y", "z"],
    "feSpecularLighting": [
        "height",
        "in",
        "kernelUnitLength",
        "result",
        "specularConstant",
        "specularExponent",
        "surfaceScale",
        "width",
        "x",
        "y",
    ],
    "feSpotLight": [
        "limitingConeAngle",
        "pointsAtX",
        "pointsAtY",
        "pointsAtZ",
        "specularExponent",
        "x",
        "y",
        "z",
    ],
    "feTile": ["height", "in", "result", "width", "x", "y"],
    "feTurbulence": [
        "baseFrequency",
        "height",
        "numOctaves",
        "result",
        "seed",
        "stitchTiles",
        "type",
        "width",
        "x",
        "y",
    ],
    "filter": [
        "filterUnits",
        "height",
        "primitiveUnits",
        "width",
        "x",
        "y",
    ],
    "foreignObject": [
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "g": ["requiredExtensions", "role", "systemLanguage"],
    "iframe": [
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "image": [
        "crossorigin",
        "href",
        "preserveAspectRatio",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "line": [
        "pathLength",
        "requiredExtensions",
        "role",
        "systemLanguage",
        "x1",
        "x2",
        "y1",
        "y2",
    ],
    "linearGradient": [
        "gradientTransform",
        "gradientUnits",
        "href",
        "spreadMethod",
        "x1",
        "x2",
        "y1",
        "y2",
    ],
    "marker": [
        "markerHeight",
        "markerUnits",
        "markerWidth",
        "orient",
        "preserveAspectRatio",
        "refX",
        "refY",
        "viewBox",
    ],
    "mask": [
        "height",
        "maskContentUnits",
        "maskUnits",
        "requiredExtensions",
        "systemLanguage",
        "width",
        "x",
        "y",
    ],
    "mpath": ["href"],
    "path": [
        "pathLength",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "pattern": [
        "height",
        "href",
        "patternContentUnits",
        "patternTransform",
        "patternUnits",
        "preserveAspectRatio",
        "viewBox",
        "width",
        "x",
        "y",
    ],
    "polygon": [
        "pathLength",
        "points",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "polyline": [
        "pathLength",
        "points",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "radialGradient": [
        "cx",
        "cy",
        "fr",
        "fx",
        "fy",
        "gradientTransform",
        "gradientUnits",
        "href",
        "r",
        "spreadMethod",
    ],
    "rect": [
        "pathLength",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "script": ["href"],
    "set": [
        "attributeName",
        "begin",
        "dur",
        "end",
        "fill",
        "href",
        "max",
        "min",
        "repeatCount",
        "repeatDur",
        "requiredExtensions",
        "restart",
        "systemLanguage",
        "to",
    ],
    "stop": ["offset"],
    "style": ["media"],
    "svg": [
        "playbackorder",
        "preserveAspectRatio",
        "requiredExtensions",
        "role",
        "systemLanguage",
        "timelinebegin",
        "transform",
        "viewBox",
        "zoomAndPan",
        "xmlns",
        "version",
    ],
    "switch": [
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "symbol": [
        "preserveAspectRatio",
        "refX",
        "refY",
        "role",
        "viewBox",
    ],
    "text": [
        "dx",
        "dy",
        "lengthAdjust",
        "requiredExtensions",
        "role",
        "rotate",
        "systemLanguage",
        "textLength",
        "x",
        "y",
    ],
    "textPath": [
        "href",
        "lengthAdjust",
        "method",
        "path",
        "requiredExtensions",
        "role",
        "side",
        "spacing",
        "startOffset",
        "systemLanguage",
        "textLength",
    ],
    "tspan": [
        "dx",
        "dy",
        "lengthAdjust",
        "requiredExtensions",
        "role",
        "rotate",
        "systemLanguage",
        "textLength",
        "x",
        "y",
    ],
    "unknown": [
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "use": [
        "href",
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "video": [
        "requiredExtensions",
        "role",
        "systemLanguage",
    ],
    "view": [
        "preserveAspectRatio",
        "role",
        "viewBox",
        "zoomAndPan",
    ],
}

svg_filter_attributes module-attribute

svg_filter_attributes = [
    "height",
    "result",
    "width",
    "x",
    "y",
    "type",
    "tableValues",
    "slope",
    "intercept",
    "amplitude",
    "exponent",
    "offset",
    "xlink:href",
]

svg_presentation_attributes module-attribute

svg_presentation_attributes = [
    "alignment-baseline",
    "baseline-shift",
    "clip",
    "clip-path",
    "clip-rule",
    "color",
    "color-interpolation",
    "color-interpolation-filters",
    "color-profile",
    "color-rendering",
    "cursor",
    "direction",
    "display",
    "dominant-baseline",
    "enable-background",
    "fill",
    "fill-opacity",
    "fill-rule",
    "filter",
    "flood-color",
    "flood-opacity",
    "font-family",
    "font-size",
    "font-size-adjust",
    "font-stretch",
    "font-style",
    "font-variant",
    "font-weight",
    "glyph-orientation-horizontal",
    "glyph-orientation-vertical",
    "image-rendering",
    "kerning",
    "letter-spacing",
    "lighting-color",
    "marker-end",
    "marker-mid",
    "marker-start",
    "mask",
    "opacity",
    "overflow",
    "pointer-events",
    "shape-rendering",
    "stop-color",
    "stop-opacity",
    "stroke",
    "stroke-dasharray",
    "stroke-dashoffset",
    "stroke-linecap",
    "stroke-linejoin",
    "stroke-miterlimit",
    "stroke-opacity",
    "stroke-width",
    "text-anchor",
    "transform",
    "text-decoration",
    "text-rendering",
    "unicode-bidi",
    "vector-effect",
    "visibility",
    "word-spacing",
    "writing-mode",
    "cx",
    "cy",
    "r",
    "rx",
    "ry",
    "d",
    "fill",
    "transform",
]

svg_tags module-attribute

svg_tags = [
    "a",
    "animate",
    "animateMotion",
    "animateTransform",
    "audio",
    "canvas",
    "circle",
    "clipPath",
    "defs",
    "desc",
    "discard",
    "ellipse",
    "feBlend",
    "feColorMatrix",
    "feComponentTransfer",
    "feComposite",
    "feConvolveMatrix",
    "feDiffuseLighting",
    "feDisplacementMap",
    "feDistantLight",
    "feDropShadow",
    "feFlood",
    "feFuncA",
    "feFuncB",
    "feFuncG",
    "feFuncR",
    "feGaussianBlur",
    "feImage",
    "feMerge",
    "feMergeNode",
    "feMorphology",
    "feOffset",
    "fePointLight",
    "feSpecularLighting",
    "feSpotLight",
    "feTile",
    "feTurbulence",
    "filter",
    "foreignObject",
    "g",
    "iframe",
    "image",
    "line",
    "linearGradient",
    "marker",
    "mask",
    "metadata",
    "mpath",
    "path",
    "pattern",
    "polygon",
    "polyline",
    "radialGradient",
    "rect",
    "script",
    "set",
    "stop",
    "style",
    "svg",
    "switch",
    "symbol",
    "text",
    "textPath",
    "title",
    "tspan",
    "unknown",
    "use",
    "video",
    "view",
]

svg_tags_use module-attribute

svg_tags_use = [
    "animate",
    "animateMotion",
    "animateTransform",
    "circle",
    "clipPath",
    "defs",
    "desc",
    "discard",
    "ellipse",
    "feBlend",
    "feColorMatrix",
    "feComponentTransfer",
    "feComposite",
    "feConvolveMatrix",
    "feDiffuseLighting",
    "feDisplacementMap",
    "feDistantLight",
    "feDropShadow",
    "feFlood",
    "feFuncA",
    "feFuncB",
    "feFuncG",
    "feFuncR",
    "feGaussianBlur",
    "feImage",
    "feMerge",
    "feMergeNode",
    "feMorphology",
    "feOffset",
    "fePointLight",
    "feSpecularLighting",
    "feSpotLight",
    "feTile",
    "feTurbulence",
    "filter",
    "foreignObject",
    "g",
    "image",
    "line",
    "linearGradient",
    "marker",
    "mask",
    "metadata",
    "mpath",
    "path",
    "pattern",
    "polygon",
    "polyline",
    "radialGradient",
    "rect",
    "set",
    "stop",
    "svg",
    "switch",
    "symbol",
    "text",
    "textPath",
    "tspan",
    "use",
    "view",
]

tagfind_tolerant module-attribute

tagfind_tolerant = re.compile(
    "([a-zA-Z][^\\t\\n\\r\\f />\\x00]*)(?:\\s|/(?!>))*"
)

Classes

A

Bases: Div

Attributes

attributes class-attribute
attributes = [
    "download",
    "href",
    "hreflang",
    "media",
    "ping",
    "rel",
    "target",
    "type",
]
block_option instance-attribute
block_option = 'start'
bookmark instance-attribute
bookmark = None
download instance-attribute
download = None
href instance-attribute
href = None
html_tag class-attribute
html_tag = 'a'
inline_option instance-attribute
inline_option = 'nearest'
rel instance-attribute
rel = 'noopener noreferrer'
scroll instance-attribute
scroll = False
scroll_option instance-attribute
scroll_option = 'smooth'
target instance-attribute
target = '_self'
title instance-attribute
title = ''

Functions

__init__
__init__(**kwargs)
convert_object_to_dict
convert_object_to_dict()

AutoTable

Bases: Table

Creates an HTML table from a list of lists First list is used as headers

Attributes

td_classes class-attribute
td_classes = 'border px-4 py-2 text-center'
th_classes class-attribute
th_classes = 'px-4 py-2'
tr_even_classes class-attribute
tr_even_classes = 'bg-gray-100 '
tr_odd_classes class-attribute
tr_odd_classes = ''
values instance-attribute
values = []

Functions

__init__
__init__(**kwargs)
react
react(data)

BasicHTMLParser

Bases: HTMLParser

Attributes

command_prefix instance-attribute
command_prefix = kwargs.get('command_prefix', 'jp.')
commands instance-attribute
commands = [f'root = {self.command_prefix}Div()']
components instance-attribute
components = []
containers instance-attribute
containers = []
context instance-attribute
context = context
create_commands instance-attribute
create_commands = kwargs.get('create_commands', True)
dict_attribute instance-attribute
dict_attribute = kwargs.get('dict_attribute', 'name')
endtag_required instance-attribute
endtag_required = True
level instance-attribute
level = -1
name_dict instance-attribute
name_dict = Dict()
parse_id instance-attribute
parse_id = 0
root instance-attribute
root = Div(name='root')
start_tag instance-attribute
start_tag = True
void_elements class-attribute
void_elements = [
    "area",
    "base",
    "br",
    "col",
    "embed",
    "hr",
    "img",
    "input",
    "keygen",
    "link",
    "menuitem",
    "meta",
    "param",
    "source",
    "track",
    "wbr",
]

Functions

__init__
__init__(context, **kwargs)
handle_charref
handle_charref(name)
handle_comment
handle_comment(data)
handle_data
handle_data(data)
handle_decl
handle_decl(data)
handle_endtag
handle_endtag(tag)
handle_entityref
handle_entityref(name)
handle_startendtag
handle_startendtag(tag, attrs)
handle_starttag
handle_starttag(tag, attrs)
parse_starttag
parse_starttag(i)

Div

Bases: HTMLBaseComponent

A general purpose html container This is a component that other components can be added to

Attributes

children instance-attribute
children = []
components instance-attribute
components = self.children.copy()
html_entity instance-attribute
html_entity = False
html_tag class-attribute
html_tag = 'div'

Functions

__add__
__add__(child)
__getitem__
__getitem__(index)
__iadd__
__iadd__(child)
__init__
__init__(**kwargs)

constructor

add
add(*args)
add_component
add_component(child, position = None, slot = None)

add a component

PARAMETER DESCRIPTION
child

the component to add

position

the position to add to (append if None)

DEFAULT: None

slot

if given set the slot of the child

DEFAULT: None

add_first
add_first(child)
build_list
build_list()
convert_object_to_dict
convert_object_to_dict()
delete
delete()
delete_components
delete_components()
first
first()
get_components
get_components()
last
last()
model_update
model_update()
remove
remove(component)
remove_component
remove_component(component)
to_html
to_html(indent = 0, indent_step = 0, format = True)

EditorMD

Bases: Textarea

Attributes

debounce instance-attribute
debounce = 0
html_tag instance-attribute
html_tag = 'textarea'
input_type instance-attribute
input_type = 'textarea'
vue_type instance-attribute
vue_type = 'editorjp'

Functions

__init__
__init__(**kwargs)

Equation

Bases: Div

Attributes

equation instance-attribute
equation = ''
options instance-attribute
options = {'macros': {}}
vue_type class-attribute
vue_type = 'katexjp'

Functions

__init__
__init__(**kwargs)
convert_object_to_dict
convert_object_to_dict()

Form

Bases: Div

Attributes

attributes class-attribute
attributes = [
    "accept-charset",
    "action",
    "autocomplete",
    "enctype",
    "method",
    "name",
    "novalidate",
    "target",
]
html_tag class-attribute
html_tag = 'form'

Functions

__init__
__init__(**kwargs)

HTMLBaseComponent

Bases: JustpyBaseComponent

Base Component for all HTML components

Attributes

additional_properties instance-attribute
additional_properties = []
allowed_events instance-attribute
allowed_events = [
    "click",
    "mouseover",
    "mouseout",
    "mouseenter",
    "mouseleave",
    "input",
    "change",
    "after",
    "before",
    "keydown",
    "keyup",
    "keypress",
    "focus",
    "blur",
    "submit",
    "dragstart",
    "dragover",
    "drop",
    "click__out",
]
animation instance-attribute
animation = False
attribute_list class-attribute
attribute_list = [
    "id",
    "vue_type",
    "show",
    "events",
    "event_modifiers",
    "classes",
    "style",
    "set_focus",
    "html_tag",
    "class_name",
    "event_propagation",
    "inner_html",
    "animation",
    "debug",
    "transition",
]
attributes class-attribute
attributes: List = []
class_name instance-attribute
class_name = type(self).__name__
classes instance-attribute
classes = ''
data instance-attribute
data = {}
debug instance-attribute
debug = False
directives instance-attribute
directives = []
drag_options instance-attribute
drag_options = None
event_modifiers instance-attribute
event_modifiers = Dict()
event_propagation instance-attribute
event_propagation = True
events instance-attribute
events = []
html_global_attributes class-attribute
html_global_attributes = [
    "accesskey",
    "class",
    "contenteditable",
    "dir",
    "draggable",
    "dropzone",
    "hidden",
    "id",
    "lang",
    "spellcheck",
    "style",
    "tabindex",
    "title",
]
html_tag class-attribute
html_tag: str = 'div'
inner_html instance-attribute
inner_html = ''
pages instance-attribute
pages = {}
prop_list instance-attribute
prop_list = []
scoped_slots instance-attribute
scoped_slots = {}
set_focus instance-attribute
set_focus = False
show instance-attribute
show = True
slot instance-attribute
slot = None
style instance-attribute
style = ''
used_global_attributes class-attribute
used_global_attributes = [
    "contenteditable",
    "dir",
    "tabindex",
    "title",
    "accesskey",
    "draggable",
    "lang",
    "spellcheck",
]
vue_type class-attribute
vue_type: str = 'html_component'

Functions

__init__
__init__(**kwargs)
__len__
__len__()
__repr__
__repr__()
add_allowed_event
add_allowed_event(event_type)
add_attribute
add_attribute(attr, value)
add_event
add_event(event_type)
add_scoped_slot
add_scoped_slot(slot, c)
add_to
add_to(*args)
add_to_page
add_to_page(wp: WebPage)
convert_object_to_dict
convert_object_to_dict()
react
react(data)
to_html
to_html(indent = 0, indent_step = 0, format = True)

HTMLEntity

Bases: Span

Attributes

entity instance-attribute
entity = ''

Functions

__init__
__init__(**kwargs)
convert_object_to_dict
convert_object_to_dict()

Hello

Bases: Div

Attributes

classes instance-attribute
classes = "m-1 p-1 text-2xl text-center text-white bg-blue-500 hover:bg-blue-800 cursor-pointer"
counter instance-attribute
counter = 1
text instance-attribute
text = 'Hello! (click me)'

Functions

__init__
__init__(**kwargs)

Icon

Bases: Div

Attributes

icon instance-attribute
icon = 'dog'

Functions

__init__
__init__(**kwargs)
convert_object_to_dict
convert_object_to_dict()

Input

Bases: Div

Attributes

attributes class-attribute
attributes = [
    "accept",
    "alt",
    "autocomplete",
    "autofocus",
    "checked",
    "dirname",
    "disabled",
    "form",
    "formaction",
    "formenctype",
    "formmethod",
    "formnovalidate",
    "formtarget",
    "height",
    "list",
    "max",
    "maxlength",
    "min",
    "minlength",
    "multiple",
    "name",
    "pattern",
    "placeholder",
    "readonly",
    "required",
    "size",
    "src",
    "step",
    "type",
    "value",
    "width",
]
checked instance-attribute
checked = False
debounce instance-attribute
debounce = 200
form instance-attribute
form = None
html_tag class-attribute
html_tag = 'input'
no_events instance-attribute
no_events = False
type instance-attribute
type = 'text'
value instance-attribute
value = ''

Functions

__init__
__init__(**kwargs)
__repr__
__repr__()
before_event_handler
before_event_handler(msg)
convert_object_to_dict
convert_object_to_dict()
model_update
model_update()
radio_button_set staticmethod
radio_button_set(radio_button, container)
radio_button_set_model_update staticmethod
radio_button_set_model_update(
    radio_button, container, model_value
)

InputChangeOnly

Bases: Input

Does not generate the 'input' event. Generates the 'change' event. Leaves other events unchanged. Use if you don't need to look at each character typed. Saves interaction with the server The 'change' event docs: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event Salient: When the element loses focus after its value was changed, but not committed (e.g., after editing the value of