ex4nicegui 0.7.1__py3-none-any.whl → 0.8.1__py3-none-any.whl

ex4nicegui/reactive/EChartsComponent/ECharts.js

@@ -1,3 +1,4 @@
+import 'echarts'
 import { convertDynamicProperties } from "../../static/utils/dynamic_properties.js";
 
 function collectMapRegisterTask() {
@@ -54,10 +55,8 @@ const mapRegisterTasks = collectMapRegisterTask();
 export default {
   template: "<div></div>",
   async mounted() {
-    await this.$nextTick(); // wait for Tailwind classes to be applied
-
+    await new Promise((resolve) => setTimeout(resolve, 0)); // wait for Tailwind classes to be applied
     this.chart = echarts.init(this.$el, this.theme);
-
     this.resizeObs = new ResizeObserver(this.chart.resize)
 
     // Prevent interruption of chart animations due to resize operations.

ex4nicegui/reactive/EChartsComponent/ECharts.py

@@ -23,7 +23,7 @@ NG_ROOT = Path(nicegui.__file__).parent / "elements"
 libraries = [NG_ROOT / "lib/echarts/echarts.min.js"]
 
 
-class echarts(Element, component="ECharts.js", libraries=libraries):  # type: ignore
+class echarts(Element, component="ECharts.js", dependencies=libraries):  # type: ignore
     def __init__(
         self,
         options: Optional[dict] = None,
@@ -112,7 +112,7 @@ class echarts(Element, component="ECharts.js", libraries=libraries):  # type: ig
             self.run_method("echarts_on", ui_event_name, query)
 
     def run_chart_method(
-        self, name: str, *args, timeout: float = 1, check_interval: float = 0.01
+        self, name: str, *args, timeout: float = 1
     ) -> AwaitableResponse:
         """Run a method of the JSONEditor instance.
 
@@ -124,7 +124,6 @@ class echarts(Element, component="ECharts.js", libraries=libraries):  # type: ig
         :param name: name of the method (a prefix ":" indicates that the arguments are JavaScript expressions)
         :param args: arguments to pass to the method (Python objects or JavaScript expressions)
         :param timeout: timeout in seconds (default: 1 second)
-        :param check_interval: interval in seconds to check for a response (default: 0.01 seconds)
 
         :return: AwaitableResponse that can be awaited to get the result of the method call
         """
@@ -133,5 +132,4 @@ class echarts(Element, component="ECharts.js", libraries=libraries):  # type: ig
             name,
             *args,
             timeout=timeout,
-            check_interval=check_interval,
         )

ex4nicegui/reactive/__init__.py

@@ -70,7 +70,7 @@ from .mermaid.mermaid import Mermaid as mermaid
 from .officials.dialog import DialogBindableUi as dialog
 from .vfor import vfor, VforStore
 from .vmodel import vmodel
-from .view_model import ViewModel, var, cached_var
+from .view_model import ViewModel, var, cached_var, list_var
 
 pagination = q_pagination
 
@@ -97,6 +97,7 @@ __all__ = [
     "ViewModel",
     "var",
     "cached_var",
+    "list_var",
     "html",
     "aggrid",
     "button",

ex4nicegui/reactive/base.py

@@ -48,6 +48,8 @@ _T_bind_classes_type = Union[
     _T_bind_classes_type_ref_dict,
     _T_bind_classes_type_single,
     _T_bind_classes_type_array,
+    Dict[str, bool],
+    List[str],
 ]
 
 
@@ -150,6 +152,56 @@ class BindableUi(Generic[TWidget]):
         """
         return self.element.remove(element)
 
+    @overload
+    def bind_props(self, props: Dict[str, TMaybeRef[Any]]) -> Self: ...
+
+    @overload
+    def bind_props(self, props: TMaybeRef[str]) -> Self: ...
+
+    def bind_props(self, props: Union[Dict[str, TMaybeRef[Any]], TMaybeRef[str]]):
+        """data binding is manipulating an element's props
+
+        Args:
+            props (Union[Dict[str, TMaybeRef[Any]], TMaybeRef[str]]): dict of prop name and ref value
+
+        ## usage
+
+        .. code-block:: python
+            outlined = to_ref(True)
+            size = to_ref("xs")
+
+            def props_str():
+                return f'{"flat" if flat.value else ""} {"size=" + size.value}'
+
+            rxui.button("click me").bind_props(props_str)
+            rxui.button("click me").bind_props({
+                "outlined": outlined,
+                "size": size,
+            })
+
+        """
+        if isinstance(props, dict):
+
+            def props_str():
+                props_dict = (
+                    f"""{name if isinstance(raw_value,bool) else f"{name}='{raw_value}'"}"""
+                    for name, value in props.items()
+                    if (raw_value := to_value(value))
+                )
+
+                return " ".join(props_dict)
+
+            self._bind_props_for_str_fn(props_str)
+        else:
+            self._bind_props_for_str_fn(props)
+
+        return self
+
+    def _bind_props_for_str_fn(self, props_str: TMaybeRef[str]):
+        @self._ui_signal_on(props_str, onchanges=False, deep=False)
+        def _(state: WatchedState):
+            self.props(add=state.current, remove=state.previous)
+
     def bind_prop(self, prop: str, value: TGetterOrReadonlyRef[Any]):
         """data binding is manipulating an element's property
 
@@ -179,7 +231,7 @@ class BindableUi(Generic[TWidget]):
 
         return self
 
-    def bind_visible(self, value: TGetterOrReadonlyRef[bool]):
+    def bind_visible(self, value: TMaybeRef[bool]):
         @self._ui_effect
         def _():
             element = cast(ui.element, self.element)
@@ -187,7 +239,7 @@ class BindableUi(Generic[TWidget]):
 
         return self
 
-    def bind_not_visible(self, value: TGetterOrReadonlyRef[bool]):
+    def bind_not_visible(self, value: TMaybeRef[bool]):
         return self.bind_visible(lambda: not to_value(value))
 
     def on(
@@ -216,26 +268,28 @@ class BindableUi(Generic[TWidget]):
         cast(ui.element, self.element).clear()
 
     @overload
-    def bind_classes(self, classes: Dict[str, TGetterOrReadonlyRef[bool]]) -> Self:
-        ...
+    def bind_classes(self, classes: Dict[str, TGetterOrReadonlyRef[bool]]) -> Self: ...
+
+    @overload
+    def bind_classes(self, classes: Dict[str, bool]) -> Self: ...
 
     @overload
-    def bind_classes(self, classes: TGetterOrReadonlyRef[Dict[str, bool]]) -> Self:
-        ...
+    def bind_classes(self, classes: TGetterOrReadonlyRef[Dict[str, bool]]) -> Self: ...
 
     @overload
-    def bind_classes(self, classes: List[TGetterOrReadonlyRef[str]]) -> Self:
-        ...
+    def bind_classes(self, classes: List[TGetterOrReadonlyRef[str]]) -> Self: ...
 
     @overload
-    def bind_classes(self, classes: TGetterOrReadonlyRef[str]) -> Self:
-        ...
+    def bind_classes(self, classes: List[str]) -> Self: ...
+
+    @overload
+    def bind_classes(self, classes: TGetterOrReadonlyRef[str]) -> Self: ...
 
     def bind_classes(self, classes: _T_bind_classes_type) -> Self:
         """data binding is manipulating an element's class list
 
-        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#bind-class-names
-        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#%E7%BB%91%E5%AE%9A%E7%B1%BB%E5%90%8D
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#bind_classes
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#bind_classes
 
         Args:
             classes (_T_bind_classes_type): dict of refs | ref to dict | str ref | list of refs
@@ -271,52 +325,51 @@ class BindableUi(Generic[TWidget]):
 
         """
         if isinstance(classes, dict):
-            for name, ref_obj in classes.items():
-
-                @self._ui_effect
-                def _(name=name, ref_obj=ref_obj):
-                    if to_value(ref_obj):
-                        self.classes(add=name)
-                    else:
-                        self.classes(remove=name)
+            self._bind_classes_for_str_fn(
+                lambda: " ".join(
+                    name for name, value in classes.items() if to_value(value)
+                )
+            )
 
+        elif isinstance(classes, list):
+            self._bind_classes_for_str_fn(
+                lambda: " ".join(to_value(c) for c in classes)
+            )
         elif is_ref(classes) or isinstance(classes, Callable):
             ref_obj = to_value(classes)  # type: ignore
 
             if isinstance(ref_obj, dict):
 
-                @self._ui_effect
-                def _():
-                    for name, value in cast(Dict, to_value(classes)).items():  # type: ignore
-                        if value:
-                            self.classes(add=name)
-                        else:
-                            self.classes(remove=name)
-            else:
-                self._bind_single_class(cast(_T_bind_classes_type_single, classes))
+                def classes_str():
+                    return " ".join(
+                        name
+                        for name, value in to_value(classes).items()  # type: ignore
+                        if to_value(value)
+                    )
 
-        elif isinstance(classes, list):
-            for ref_name in classes:
-                self._bind_single_class(ref_name)
+                self._bind_classes_for_str_fn(classes_str)
+
+            else:
+                self._bind_classes_for_str_fn(classes)  # type: ignore
 
         return self
 
-    def _bind_single_class(self, class_name: _T_bind_classes_type_single):
-        if is_ref(class_name) or isinstance(class_name, Callable):
+    def _bind_classes_for_str_fn(self, classes_str: TGetterOrReadonlyRef[str]):
+        @self._ui_signal_on(classes_str, onchanges=False, deep=False)
+        def _(state: WatchedState):
+            self.classes(add=state.current, remove=state.previous)
 
-            @on(class_name)
-            def _(state: WatchedState):
-                self.classes(add=state.current, remove=state.previous)
-        else:
-            self.classes(class_name)  # type: ignore
+    @overload
+    def bind_style(self, style: TMaybeRef[str]) -> Self: ...
 
-        return self
+    @overload
+    def bind_style(self, style: Dict[str, TMaybeRef[Any]]) -> Self: ...
 
-    def bind_style(self, style: Dict[str, TGetterOrReadonlyRef[Any]]):
+    def bind_style(self, style: Union[TMaybeRef[str], Dict[str, TMaybeRef[Any]]]):
         """data binding is manipulating an element's style
 
-        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#bind-style
-        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#bind-style
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#bind_style
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#bind_style
 
         Args:
             style (Dict[str, Union[ReadonlyRef[str], Ref[str]]]): dict of style name and ref value
@@ -337,16 +390,21 @@ class BindableUi(Generic[TWidget]):
 
         """
         if isinstance(style, dict):
-            for name, ref_obj in style.items():
-                if is_ref(ref_obj) or isinstance(ref_obj, Callable):
-
-                    @self._ui_effect
-                    def _(name=name, ref_obj=ref_obj):
-                        self.element._style[name] = str(to_value(ref_obj))
-                        self.element.update()
+            self._bind_style_for_str_fn(
+                lambda: ";".join(
+                    f"{name}:{to_value(value)}" for name, value in style.items()
+                )
+            )
+        else:
+            self._bind_style_for_str_fn(style)
 
         return self
 
+    def _bind_style_for_str_fn(self, style_str: TMaybeRef[str]):
+        @self._ui_signal_on(style_str, onchanges=False, deep=False)
+        def _(state: WatchedState):
+            self.style(add=state.current, remove=state.previous)
+
     def scoped_style(self, selector: str, style: Union[str, Path]):
         """add scoped style to the element
 

ex4nicegui/reactive/mermaid/mermaid.py

@@ -10,11 +10,9 @@ NG_ROOT = Path(nicegui.__file__).parent / "elements"
 
 EX4_LIBS_ROOT = Path(__file__).parent.parent.parent / "libs"
 
-exposed_libraries = [
+dependencies = [
     NG_ROOT / "lib/mermaid/mermaid.esm.min.mjs",
     EX4_LIBS_ROOT / "d3/*.js",
-]
-extra_libraries = [
     NG_ROOT / "lib/mermaid/*.js",
 ]
 
@@ -27,8 +25,7 @@ class NodeClickEventArguments(UiEventArguments):
 class Mermaid(  # type: ignore
     ContentElement,
     component="mermaid.js",
-    exposed_libraries=exposed_libraries,  # type: ignore
-    extra_libraries=extra_libraries,  # type: ignore
+    dependencies=dependencies,  # type: ignore
 ):
     CONTENT_PROP = "content"
 

ex4nicegui/reactive/mixins/backgroundColor.py

@@ -5,10 +5,7 @@ from typing import (
 )
 
 import signe
-from ex4nicegui.utils.signals import (
-    TGetterOrReadonlyRef,
-    WatchedState,
-)
+from ex4nicegui.utils.signals import WatchedState, TMaybeRef
 from nicegui import ui
 from ex4nicegui.reactive.systems import color_system
 
@@ -17,10 +14,9 @@ class BackgroundColorableMixin(Protocol):
     _ui_signal_on: Callable[[Callable[..., Any]], signe.Effect[None]]
 
     @property
-    def element(self) -> ui.element:
-        ...
+    def element(self) -> ui.element: ...
 
-    def _bind_background_color(self, value: TGetterOrReadonlyRef[str]):
+    def _bind_background_color(self, value: TMaybeRef[str]):
         @self._ui_signal_on(value, onchanges=False)  # type: ignore
         def _(state: WatchedState):
             if state.previous is not None:
@@ -30,7 +26,7 @@ class BackgroundColorableMixin(Protocol):
 
             self.element.update()
 
-    def bind_color(self, color: TGetterOrReadonlyRef[str]):
+    def bind_color(self, color: TMaybeRef[str]):
         """bind color to the element
 
         Args:

ex4nicegui/reactive/mixins/disableable.py

@@ -8,10 +8,7 @@ from typing import (
 )
 
 import signe
-from ex4nicegui.utils.signals import (
-    TGetterOrReadonlyRef,
-    to_value,
-)
+from ex4nicegui.utils.signals import to_value, TMaybeRef
 from nicegui.elements.mixins.disableable_element import DisableableElement
 
 
@@ -22,10 +19,9 @@ class DisableableMixin(Protocol):
     _ui_effect: Callable[[Callable[..., Any]], signe.Effect[None]]
 
     @property
-    def element(self) -> DisableableElement:
-        ...
+    def element(self) -> DisableableElement: ...
 
-    def bind_enabled(self, value: TGetterOrReadonlyRef[bool]):
+    def bind_enabled(self, value: TMaybeRef[bool]):
         @self._ui_effect
         def _():
             raw_value = to_value(value)
@@ -34,7 +30,7 @@ class DisableableMixin(Protocol):
 
         return self
 
-    def bind_disable(self, value: TGetterOrReadonlyRef[bool]):
+    def bind_disable(self, value: TMaybeRef[bool]):
         @self._ui_effect
         def _():
             raw_value = not to_value(value)

ex4nicegui/reactive/mixins/flexLayout.py

@@ -0,0 +1,51 @@
+from typing import (
+    Any,
+    Callable,
+    Protocol,
+)
+from typing_extensions import Self
+import signe
+from ex4nicegui.utils.signals import to_value, TMaybeRef
+from nicegui import ui
+
+
+class FlexWrapMixin(Protocol):
+    _ui_signal_on: Callable[[Callable[..., Any]], signe.Effect[None]]
+
+    @property
+    def element(self) -> ui.element:
+        ...
+
+    def bind_style(self, classes) -> Self:
+        ...
+
+    def bind_wrap(self, value: TMaybeRef[bool]) -> Self:
+        return self.bind_style(
+            {"flex-wrap": lambda: "wrap" if to_value(value) else "nowrap"}
+        )
+
+    def _bind_specified_props(self, prop: str, value: TMaybeRef[Any]):
+        if prop == "wrap":
+            return self.bind_wrap(value)
+
+        return None
+
+
+class FlexAlignItemsMixin(Protocol):
+    _ui_signal_on: Callable[[Callable[..., Any]], signe.Effect[None]]
+
+    @property
+    def element(self) -> ui.element:
+        ...
+
+    def bind_classes(self, classes) -> Self:
+        ...
+
+    def bind_align_items(self, value: TMaybeRef[str]):
+        return self.bind_classes(lambda: f"items-{to_value(value)}")
+
+    def _bind_specified_props(self, prop: str, value: TMaybeRef[Any]):
+        if prop == "align-items":
+            return self.bind_align_items(value)
+
+        return None

ex4nicegui/reactive/mixins/textColor.py

@@ -9,6 +9,7 @@ import signe
 from ex4nicegui.utils.signals import (
     TGetterOrReadonlyRef,
     WatchedState,
+    TMaybeRef,
 )
 from nicegui import ui
 from ex4nicegui.reactive.systems import color_system
@@ -18,10 +19,9 @@ class TextColorableMixin(Protocol):
     _ui_signal_on: Callable[[Callable[[TGetterOrReadonlyRef[str]], Any]], signe.Effect]
 
     @property
-    def element(self) -> ui.element:
-        ...
+    def element(self) -> ui.element: ...
 
-    def _bind_text_color(self, color: TGetterOrReadonlyRef[str]):
+    def _bind_text_color(self, color: TMaybeRef[str]):
         @self._ui_signal_on(color, onchanges=False)  # type: ignore
         def _(state: WatchedState):
             if state.previous is not None:
@@ -31,7 +31,7 @@ class TextColorableMixin(Protocol):
 
             self.element.update()
 
-    def bind_color(self, color: TGetterOrReadonlyRef[str]):
+    def bind_color(self, color: TMaybeRef[str]):
         """bind text color to the element
 
         Args:
@@ -46,16 +46,14 @@ class HtmlTextColorableMixin(Protocol):
     _ui_signal_on: Callable[[Callable[[TGetterOrReadonlyRef[str]], Any]], signe.Effect]
 
     @property
-    def element(self) -> ui.element:
-        ...
+    def element(self) -> ui.element: ...
 
-    def bind_style(self, style: Dict[str, TGetterOrReadonlyRef[Any]]):
-        ...
+    def bind_style(self, style: Dict[str, TMaybeRef[Any]]): ...
 
-    def _bind_text_color(self, value: TGetterOrReadonlyRef[str]):
+    def _bind_text_color(self, value: TMaybeRef[str]):
         return self.bind_style({"color": value})
 
-    def bind_color(self, color: TGetterOrReadonlyRef[str]):
+    def bind_color(self, color: TMaybeRef[str]):
         """bind text color to the element
 
         Args:

ex4nicegui/reactive/mixins/value_element.py

@@ -0,0 +1,27 @@
+from typing import Any, Callable, Protocol, Generic, TypeVar
+import signe
+from ex4nicegui.utils.signals import to_value, TMaybeRef
+from nicegui.elements.mixins.value_element import ValueElement
+
+T = TypeVar("T", contravariant=True)
+
+
+class ValueElementMixin(Protocol, Generic[T]):
+    _ui_signal_on: Callable[[Callable[..., Any]], signe.Effect[None]]
+
+    @property
+    def element(self) -> ValueElement:
+        ...
+
+    def bind_value(self, value: TMaybeRef[T]):
+        @self._ui_signal_on(value)  # type: ignore
+        def _():
+            self.element.set_value(to_value(value))
+
+        return self
+
+    def _bind_specified_props(self, prop: str, value: TMaybeRef[T]):
+        if prop == "value":
+            return self.bind_value(value)
+
+        return None

ex4nicegui/reactive/officials/card.py

@@ -1,18 +1,48 @@
 from typing import (
     Any,
+    Literal,
+    Optional,
 )
 from nicegui import ui
 from .base import BindableUi
+from ex4nicegui.reactive.mixins.flexLayout import FlexAlignItemsMixin
+from ex4nicegui.utils.signals import TMaybeRef
+from ex4nicegui.reactive.services.reactive_service import ParameterClassifier
 
 
-class CardBindableUi(BindableUi[ui.card]):
+class CardBindableUi(BindableUi[ui.card], FlexAlignItemsMixin):
     def __init__(
         self,
+        align_items: Optional[
+            TMaybeRef[Literal["start", "end", "center", "baseline", "stretch"]]
+        ] = None,
     ) -> None:
-        element = ui.card()
+        """Card
+
+        This element is based on Quasar's `QCard <https://quasar.dev/vue-components/card>`_ component.
+        It provides a container with a dropped shadow.
+
+        Note:
+        In contrast to this element,
+        the original QCard has no padding by default and hides outer borders and shadows of nested elements.
+        If you want the original behavior, use the `tight` method.
+
+        :param align_items: alignment of the items in the card ("start", "end", "center", "baseline", or "stretch"; default: `None`)
+        """
+        pc = ParameterClassifier(locals(), maybeRefs=["wrap", "align_items"], events=[])
+        element = ui.card(**pc.get_values_kws())
 
         super().__init__(element)
 
+        for key, value in pc.get_bindings().items():
+            self.bind_prop(key, value)  # type: ignore
+
+    def bind_prop(self, prop: str, value: TMaybeRef):
+        if FlexAlignItemsMixin._bind_specified_props(self, prop, value):
+            return self
+
+        return super().bind_prop(prop, value)
+
     def __enter__(self):
         self.element.__enter__()
         return self

ex4nicegui/reactive/officials/checkbox.py

@@ -8,15 +8,18 @@ from ex4nicegui.reactive.services.reactive_service import ParameterClassifier
 from ex4nicegui.utils.signals import (
     TGetterOrReadonlyRef,
     _TMaybeRef as TMaybeRef,
-    to_value,
 )
 from nicegui import ui
 from .base import BindableUi, DisableableMixin
+from ex4nicegui.reactive.mixins.value_element import ValueElementMixin
+
 
 T = TypeVar("T")
 
 
-class CheckboxBindableUi(BindableUi[ui.checkbox], DisableableMixin):
+class CheckboxBindableUi(
+    BindableUi[ui.checkbox], DisableableMixin, ValueElementMixin[bool]
+):
     def __init__(
         self,
         text: TMaybeRef[str] = "",
@@ -32,7 +35,6 @@ class CheckboxBindableUi(BindableUi[ui.checkbox], DisableableMixin):
         )
 
         value_kws = pc.get_values_kws()
-
         element = ui.checkbox(**value_kws)
         super().__init__(element)  # type: ignore
 
@@ -44,14 +46,7 @@ class CheckboxBindableUi(BindableUi[ui.checkbox], DisableableMixin):
         return self.element.value
 
     def bind_prop(self, prop: str, value: TGetterOrReadonlyRef):
-        if prop == "value":
-            return self.bind_value(value)
+        if ValueElementMixin._bind_specified_props(self, prop, value):
+            return self
 
         return super().bind_prop(prop, value)
-
-    def bind_value(self, value: TGetterOrReadonlyRef[bool]):
-        @self._ui_signal_on(value)
-        def _():
-            self.element.set_value(to_value(value))
-
-        return self

ex4nicegui/reactive/officials/chip.py

@@ -9,12 +9,14 @@ from nicegui import ui
 from .base import BindableUi
 from ex4nicegui.reactive.mixins.backgroundColor import BackgroundColorableMixin
 from ex4nicegui.reactive.mixins.textColor import TextColorableMixin
+from ex4nicegui.reactive.mixins.value_element import ValueElementMixin
 
 
 class ChipBindableUi(
     BindableUi[ui.chip],
     BackgroundColorableMixin,
     TextColorableMixin,
+    ValueElementMixin[bool],
 ):
     def __init__(
         self,
@@ -29,6 +31,7 @@ class ChipBindableUi(
         on_selection_change: Optional[Callable[..., Any]] = None,
         removable: TMaybeRef[bool] = False,
         on_value_change: Optional[Callable[..., Any]] = None,
+        value: TMaybeRef[bool] = True,
     ) -> None:
         pc = ParameterClassifier(
             locals(),
@@ -40,11 +43,15 @@ class ChipBindableUi(
                 "selectable",
                 "selected",
                 "removable",
+                "value",
             ],
+            v_model=("value", "on_value_change"),
             events=["on_click", "on_selection_change", "on_value_change"],
         )
 
-        element = ui.chip(**pc.get_values_kws())
+        kws = pc.get_values_kws()
+        kws.pop("value", None)
+        element = ui.chip(**kws)
         super().__init__(element)
 
         for key, value in pc.get_bindings().items():
@@ -55,6 +62,9 @@ class ChipBindableUi(
         return self.element.text
 
     def bind_prop(self, prop: str, value: TGetterOrReadonlyRef):
+        if ValueElementMixin._bind_specified_props(self, prop, value):
+            return self
+
         if prop == "text":
             return self.bind_text(value)