+
The **PropertySheet** component for Gradio allows you to automatically generate a complete and interactive settings panel from a standard Python `dataclass`. It's designed to bring the power of IDE-like property editors directly into your Gradio applications.
@@ -50,115 +50,55 @@ from dataclasses import dataclass, field, asdict
from typing import Literal
from gradio_propertysheet import PropertySheet
-# --- Main Configuration Dataclasses for the "Render Settings" Sheet ---
+# --- Configuration Data Models ---
+# These dataclasses define the structure for all settings panels.
@dataclass
class ModelSettings:
"""Settings for loading models, VAEs, etc."""
- model_type: Literal["SD 1.5", "SDXL", "Pony", "Custom"] = field(
- default="SDXL",
- metadata={"component": "dropdown", "label": "Base Model"}
- )
- custom_model_path: str = field(
- default="/path/to/default.safetensors",
- metadata={"label": "Custom Model Path", "interactive_if": {"field": "model_type", "value": "Custom"}}
- )
- vae_path: str = field(
- default="",
- metadata={"label": "VAE Path (optional)"}
- )
+ model_type: Literal["SD 1.5", "SDXL", "Pony", "Custom"] = field(default="SDXL", metadata={"component": "dropdown", "label": "Base Model"})
+ custom_model_path: str = field(default="/path/to/default.safetensors", metadata={"label": "Custom Model Path", "interactive_if": {"field": "model_type", "value": "Custom"}})
+ vae_path: str = field(default="", metadata={"label": "VAE Path (optional)"})
@dataclass
class SamplingSettings:
"""Settings for the image sampling process."""
- sampler_name: Literal["Euler", "Euler a", "DPM++ 2M Karras", "UniPC"] = field(
- default="DPM++ 2M Karras",
- metadata={"component": "dropdown", "label": "Sampler", "help": "The algorithm for the diffusion process."}
- )
- steps: int = field(
- default=25,
- metadata={"component": "slider", "minimum": 1, "maximum": 150, "step": 1, "label": "Sampling Steps", "help": "More steps can improve quality."}
- )
- cfg_scale: float = field(
- default=7.0,
- metadata={"component": "slider", "minimum": 1.0, "maximum": 30.0, "step": 0.5, "label": "CFG Scale", "help": "How strongly the prompt is adhered to."}
- )
+ sampler_name: Literal["Euler", "Euler a", "DPM++ 2M Karras", "UniPC"] = field(default="DPM++ 2M Karras", metadata={"component": "dropdown", "label": "Sampler", "help": "The algorithm for the diffusion process."})
+ steps: int = field(default=25, metadata={"component": "slider", "minimum": 1, "maximum": 150, "step": 1, "label": "Sampling Steps", "help": "More steps can improve quality."})
+ cfg_scale: float = field(default=7.0, metadata={"component": "slider", "minimum": 1.0, "maximum": 30.0, "step": 0.5, "label": "CFG Scale", "help": "How strongly the prompt is adhered to."})
@dataclass
class ImageSettings:
"""Settings for image dimensions."""
- width: int = field(
- default=1024,
- metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Width"}
- )
- height: int = field(
- default=1024,
- metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Height"}
- )
+ width: int = field(default=1024, metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Width"})
+ height: int = field(default=1024, metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Height"})
@dataclass
class PostprocessingSettings:
"""Settings for image post-processing effects."""
- restore_faces: bool = field(
- default=True,
- metadata={"label": "Restore Faces", "help": "Use a secondary model to fix distorted faces."}
- )
- enable_hr: bool = field(
- default=False,
- metadata={"label": "Hires. fix", "help": "Enable a second pass at a higher resolution."}
- )
- denoising_strength: float = field(
- default=0.45,
- metadata={"component": "slider", "minimum": 0.0, "maximum": 1.0, "step": 0.01, "label": "Denoising Strength", "interactive_if": {"field": "enable_hr", "value": True}}
- )
+ restore_faces: bool = field(default=True, metadata={"label": "Restore Faces", "help": "Use a secondary model to fix distorted faces."})
+ enable_hr: bool = field(default=False, metadata={"label": "Hires. fix", "help": "Enable a second pass at a higher resolution."})
+ denoising_strength: float = field(default=0.45, metadata={"component": "slider", "minimum": 0.0, "maximum": 1.0, "step": 0.01, "label": "Denoising Strength", "interactive_if": {"field": "enable_hr", "value": True}})
@dataclass
class AdvancedSettings:
"""Advanced and rarely changed settings."""
- clip_skip: int = field(
- default=2,
- metadata={"component": "slider", "minimum": 1, "maximum": 12, "step": 1, "label": "CLIP Skip", "help": "Skip final layers of the text encoder."}
- )
- noise_schedule: Literal["Default", "Karras", "Exponential"] = field(
- default="Karras",
- metadata={"component": "dropdown", "label": "Noise Schedule"}
- )
- do_not_scale_cond_uncond: bool = field(
- default=False,
- metadata={"label": "Do not scale cond/uncond"}
- )
- s_churn: int = field(
- default=1,
- metadata={"component": "number_integer", "minimum": 1, "maximum": 12, "label": "S_churn", "help": "S_churn value for generation."}
- )
+ clip_skip: int = field(default=2, metadata={"component": "slider", "minimum": 1, "maximum": 12, "step": 1, "label": "CLIP Skip", "help": "Skip final layers of the text encoder."})
+ noise_schedule: Literal["Default", "Karras", "Exponential"] = field(default="Karras", metadata={"component": "dropdown", "label": "Noise Schedule"})
+ do_not_scale_cond_uncond: bool = field(default=False, metadata={"label": "Do not scale cond/uncond"})
+ s_churn: int = field(default=1, metadata={"component": "number_integer", "minimum": 1, "maximum": 12, "label": "S_churn", "help": "S_churn value for generation."})
@dataclass
class ScriptSettings:
"""Settings for automation scripts like X/Y/Z plots."""
- script_name: Literal["None", "Prompt matrix", "X/Y/Z plot"] = field(
- default="None",
- metadata={"component": "dropdown", "label": "Script"}
- )
- x_values: str = field(
- default="-1, 10, 20",
- metadata={"label": "X axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}}
- )
- y_values: str = field(
- default="",
- metadata={"label": "Y axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}}
- )
+ script_name: Literal["None", "Prompt matrix", "X/Y/Z plot"] = field(default="None", metadata={"component": "dropdown", "label": "Script"})
+ x_values: str = field(default="-1, 10, 20", metadata={"label": "X axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}})
+ y_values: str = field(default="", metadata={"label": "Y axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}})
@dataclass
class RenderConfig:
"""Main configuration object for rendering, grouping all settings."""
- seed: int = field(
- default=-1,
- metadata={"component": "number_integer", "label": "Seed (-1 for random)", "help": "The random seed for generation."}
- )
- batch_size: int = field(
- default=1,
- metadata={"component": "slider", "minimum": 1, "maximum": 8, "step": 1, "label": "Batch Size"}
- )
- # Nested groups
+ seed: int = field(default=-1, metadata={"component": "number_integer", "label": "Seed (-1 for random)", "help": "The random seed for generation."})
+ batch_size: int = field(default=1, metadata={"component": "slider", "minimum": 1, "maximum": 8, "step": 1, "label": "Batch Size"})
model: ModelSettings = field(default_factory=ModelSettings)
sampling: SamplingSettings = field(default_factory=SamplingSettings)
image: ImageSettings = field(default_factory=ImageSettings)
@@ -166,7 +106,6 @@ class RenderConfig:
scripts: ScriptSettings = field(default_factory=ScriptSettings)
advanced: AdvancedSettings = field(default_factory=AdvancedSettings)
-
@dataclass
class Lighting:
"""Lighting settings for the environment."""
@@ -180,8 +119,8 @@ class EnvironmentConfig:
background: Literal["Sky", "Color", "Image"] = field(default="Sky", metadata={"component": "dropdown"})
lighting: Lighting = field(default_factory=Lighting)
-
# --- Initial Instances ---
+# Create default instances of the configuration objects.
initial_render_config = RenderConfig()
initial_env_config = EnvironmentConfig()
@@ -191,66 +130,118 @@ with gr.Blocks(title="PropertySheet Demo") as demo:
gr.Markdown("An example of a realistic application layout using the `PropertySheet` component as a sidebar for settings.")
gr.Markdown("💻 Component GitHub Code")
+ # --- Persistent State Management ---
+ # Use gr.State to hold the application's data. This is the "single source of truth".
+ render_state = gr.State(value=initial_render_config)
+ env_state = gr.State(value=initial_env_config)
+
with gr.Row():
- # Main content area on the left
- with gr.Column(scale=3):
- #gr.Image(label="Main Viewport", height=500, value=None)
- gr.Textbox(label="AI Prompt", lines=3, placeholder="Enter your prompt here...")
- gr.Button("Generate", variant="primary")
+ with gr.Column(scale=3):
+ generate = gr.Button("Show Settings", variant="primary")
with gr.Row():
output_render_json = gr.JSON(label="Live Render State")
output_env_json = gr.JSON(label="Live Environment State")
- # Sidebar with Property Sheets on the right
with gr.Column(scale=1):
render_sheet = PropertySheet(
- value=initial_render_config,
+ value=initial_render_config,
label="Render Settings",
width=400,
- height=550 # Set a fixed height to demonstrate internal scrolling
+ height=550,
+ visible=False
)
environment_sheet = PropertySheet(
value=initial_env_config,
label="Environment Settings",
width=400,
- open=False # Start collapsed to show the accordion feature
+ open=False,
+ visible=False
)
# --- Event Handlers ---
- def handle_render_change(updated_config: RenderConfig | None):
- """Callback to process changes from the Render Settings sheet."""
+ def change_visibility(render_config, env_config):
+ """
+ Handles the visibility toggle for the property sheets.
+ NOTE: This approach of modifying the component object's attribute directly
+ is not reliable for tracking state changes in Gradio. A gr.State object is
+ the recommended way to manage UI state like visibility.
+ """
+ if render_sheet.visible != environment_sheet.visible:
+ render_sheet.visible = False
+ environment_sheet.visible = False
+
+ if render_sheet.visible == False and environment_sheet.visible == False:
+ render_sheet.visible = True
+ environment_sheet.visible = True
+ return (
+ gr.update(visible=True, value=render_config),
+ gr.update(visible=True, value=env_config),
+ gr.update(value="Hide Settings")
+ )
+ else:
+ render_sheet.visible = False
+ environment_sheet.visible = False
+ return (
+ gr.update(visible=False, value=render_config),
+ gr.update(visible=False, value=env_config),
+ gr.update(value="Show Settings")
+ )
+
+ def handle_render_change(updated_config: RenderConfig | None, current_state: RenderConfig):
+ """Processes updates from the render PropertySheet and syncs the state."""
if updated_config is None:
- return initial_render_config, asdict(initial_render_config)
+ return current_state, asdict(current_state), current_state
- # Example of business logic: reset custom path if not in custom mode
+ # Example of applying business logic
if updated_config.model.model_type != "Custom":
updated_config.model.custom_model_path = "/path/to/default.safetensors"
-
- return updated_config, asdict(updated_config)
+
+ return updated_config, asdict(updated_config), updated_config
- def handle_env_change(updated_config: EnvironmentConfig | None):
- """Callback to process changes from the Environment Settings sheet."""
+ def handle_env_change(updated_config: EnvironmentConfig | None, current_state: EnvironmentConfig):
+ """Processes updates from the environment PropertySheet and syncs the state."""
if updated_config is None:
- return initial_env_config, asdict(initial_env_config)
- return updated_config, asdict(updated_config)
-
+ return current_state, asdict(current_state), current_state
+ return updated_config, asdict(updated_config), updated_config
+
+ # --- Event Listeners ---
+ # Toggle the property sheets' visibility on button click.
+ generate.click(
+ fn=change_visibility,
+ inputs=[render_state, env_state],
+ outputs=[render_sheet, environment_sheet, generate]
+ )
+
+ # Syncs changes from the UI back to the state and JSON display.
render_sheet.change(
fn=handle_render_change,
- inputs=[render_sheet],
- outputs=[render_sheet, output_render_json]
+ inputs=[render_sheet, render_state],
+ outputs=[render_sheet, output_render_json, render_state]
)
+
+ # Syncs changes from the UI back to the state and JSON display.
environment_sheet.change(
fn=handle_env_change,
- inputs=[environment_sheet],
- outputs=[environment_sheet, output_env_json]
+ inputs=[environment_sheet, env_state],
+ outputs=[environment_sheet, output_env_json, env_state]
)
- # Load initial state into JSON viewers on app load
+ # Load initial data into JSON displays on app start.
demo.load(
fn=lambda: (asdict(initial_render_config), asdict(initial_env_config)),
outputs=[output_render_json, output_env_json]
)
+ # Ensure components are populated with state values on load/reload.
+ demo.load(
+ fn=lambda render_config, env_config: (
+ gr.update(value=render_config),
+ gr.update(value=env_config)
+ ),
+ inputs=[render_state, env_state],
+ outputs=[render_sheet, environment_sheet]
+ )
+
if __name__ == "__main__":
demo.launch()
```
@@ -418,10 +409,10 @@ list[str] | str | None
| name | description |
|:-----|:------------|
-| `change` | Triggered when a value is changed and committed (e.g., on slider release, or after unfocusing a textbox). |
-| `input` | Triggered on every keystroke or slider movement. |
-| `expand` | Triggered when the main accordion is opened. |
-| `collapse` | Triggered when the main accordion is closed. |
+| `change` | |
+| `input` | |
+| `expand` | |
+| `collapse` | |
@@ -434,7 +425,8 @@ The impact on the users predict function varies depending on whether the compone
The code snippet below is accurate in cases where the component is used as both an input and an output.
-
+- **As output:** Is passed, a new, updated instance of the dataclass.
+- **As input:** Should return, the dataclass instance to process.
```python
def predict(
@@ -442,4 +434,4 @@ The code snippet below is accurate in cases where the component is used as both
) -> Any:
return value
```
-```
\ No newline at end of file
+
diff --git a/app.py b/app.py
index da2c449a27b54f8ce81059ff8b546963fb0f8bbe..24954912ef14091fbdb20f0ecdb4c3c78bd4a2eb 100644
--- a/app.py
+++ b/app.py
@@ -3,115 +3,55 @@ from dataclasses import dataclass, field, asdict
from typing import Literal
from gradio_propertysheet import PropertySheet
-# --- Main Configuration Dataclasses for the "Render Settings" Sheet ---
+# --- Configuration Data Models ---
+# These dataclasses define the structure for all settings panels.
@dataclass
class ModelSettings:
"""Settings for loading models, VAEs, etc."""
- model_type: Literal["SD 1.5", "SDXL", "Pony", "Custom"] = field(
- default="SDXL",
- metadata={"component": "dropdown", "label": "Base Model"}
- )
- custom_model_path: str = field(
- default="/path/to/default.safetensors",
- metadata={"label": "Custom Model Path", "interactive_if": {"field": "model_type", "value": "Custom"}}
- )
- vae_path: str = field(
- default="",
- metadata={"label": "VAE Path (optional)"}
- )
+ model_type: Literal["SD 1.5", "SDXL", "Pony", "Custom"] = field(default="SDXL", metadata={"component": "dropdown", "label": "Base Model"})
+ custom_model_path: str = field(default="/path/to/default.safetensors", metadata={"label": "Custom Model Path", "interactive_if": {"field": "model_type", "value": "Custom"}})
+ vae_path: str = field(default="", metadata={"label": "VAE Path (optional)"})
@dataclass
class SamplingSettings:
"""Settings for the image sampling process."""
- sampler_name: Literal["Euler", "Euler a", "DPM++ 2M Karras", "UniPC"] = field(
- default="DPM++ 2M Karras",
- metadata={"component": "dropdown", "label": "Sampler", "help": "The algorithm for the diffusion process."}
- )
- steps: int = field(
- default=25,
- metadata={"component": "slider", "minimum": 1, "maximum": 150, "step": 1, "label": "Sampling Steps", "help": "More steps can improve quality."}
- )
- cfg_scale: float = field(
- default=7.0,
- metadata={"component": "slider", "minimum": 1.0, "maximum": 30.0, "step": 0.5, "label": "CFG Scale", "help": "How strongly the prompt is adhered to."}
- )
+ sampler_name: Literal["Euler", "Euler a", "DPM++ 2M Karras", "UniPC"] = field(default="DPM++ 2M Karras", metadata={"component": "dropdown", "label": "Sampler", "help": "The algorithm for the diffusion process."})
+ steps: int = field(default=25, metadata={"component": "slider", "minimum": 1, "maximum": 150, "step": 1, "label": "Sampling Steps", "help": "More steps can improve quality."})
+ cfg_scale: float = field(default=7.0, metadata={"component": "slider", "minimum": 1.0, "maximum": 30.0, "step": 0.5, "label": "CFG Scale", "help": "How strongly the prompt is adhered to."})
@dataclass
class ImageSettings:
"""Settings for image dimensions."""
- width: int = field(
- default=1024,
- metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Width"}
- )
- height: int = field(
- default=1024,
- metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Height"}
- )
+ width: int = field(default=1024, metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Width"})
+ height: int = field(default=1024, metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Height"})
@dataclass
class PostprocessingSettings:
"""Settings for image post-processing effects."""
- restore_faces: bool = field(
- default=True,
- metadata={"label": "Restore Faces", "help": "Use a secondary model to fix distorted faces."}
- )
- enable_hr: bool = field(
- default=False,
- metadata={"label": "Hires. fix", "help": "Enable a second pass at a higher resolution."}
- )
- denoising_strength: float = field(
- default=0.45,
- metadata={"component": "slider", "minimum": 0.0, "maximum": 1.0, "step": 0.01, "label": "Denoising Strength", "interactive_if": {"field": "enable_hr", "value": True}}
- )
+ restore_faces: bool = field(default=True, metadata={"label": "Restore Faces", "help": "Use a secondary model to fix distorted faces."})
+ enable_hr: bool = field(default=False, metadata={"label": "Hires. fix", "help": "Enable a second pass at a higher resolution."})
+ denoising_strength: float = field(default=0.45, metadata={"component": "slider", "minimum": 0.0, "maximum": 1.0, "step": 0.01, "label": "Denoising Strength", "interactive_if": {"field": "enable_hr", "value": True}})
@dataclass
class AdvancedSettings:
"""Advanced and rarely changed settings."""
- clip_skip: int = field(
- default=2,
- metadata={"component": "slider", "minimum": 1, "maximum": 12, "step": 1, "label": "CLIP Skip", "help": "Skip final layers of the text encoder."}
- )
- noise_schedule: Literal["Default", "Karras", "Exponential"] = field(
- default="Karras",
- metadata={"component": "dropdown", "label": "Noise Schedule"}
- )
- do_not_scale_cond_uncond: bool = field(
- default=False,
- metadata={"label": "Do not scale cond/uncond"}
- )
- s_churn: int = field(
- default=1,
- metadata={"component": "number_integer", "minimum": 1, "maximum": 12, "label": "S_churn", "help": "S_churn value for generation."}
- )
+ clip_skip: int = field(default=2, metadata={"component": "slider", "minimum": 1, "maximum": 12, "step": 1, "label": "CLIP Skip", "help": "Skip final layers of the text encoder."})
+ noise_schedule: Literal["Default", "Karras", "Exponential"] = field(default="Karras", metadata={"component": "dropdown", "label": "Noise Schedule"})
+ do_not_scale_cond_uncond: bool = field(default=False, metadata={"label": "Do not scale cond/uncond"})
+ s_churn: int = field(default=1, metadata={"component": "number_integer", "minimum": 1, "maximum": 12, "label": "S_churn", "help": "S_churn value for generation."})
@dataclass
class ScriptSettings:
"""Settings for automation scripts like X/Y/Z plots."""
- script_name: Literal["None", "Prompt matrix", "X/Y/Z plot"] = field(
- default="None",
- metadata={"component": "dropdown", "label": "Script"}
- )
- x_values: str = field(
- default="-1, 10, 20",
- metadata={"label": "X axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}}
- )
- y_values: str = field(
- default="",
- metadata={"label": "Y axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}}
- )
+ script_name: Literal["None", "Prompt matrix", "X/Y/Z plot"] = field(default="None", metadata={"component": "dropdown", "label": "Script"})
+ x_values: str = field(default="-1, 10, 20", metadata={"label": "X axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}})
+ y_values: str = field(default="", metadata={"label": "Y axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}})
@dataclass
class RenderConfig:
"""Main configuration object for rendering, grouping all settings."""
- seed: int = field(
- default=-1,
- metadata={"component": "number_integer", "label": "Seed (-1 for random)", "help": "The random seed for generation."}
- )
- batch_size: int = field(
- default=1,
- metadata={"component": "slider", "minimum": 1, "maximum": 8, "step": 1, "label": "Batch Size"}
- )
- # Nested groups
+ seed: int = field(default=-1, metadata={"component": "number_integer", "label": "Seed (-1 for random)", "help": "The random seed for generation."})
+ batch_size: int = field(default=1, metadata={"component": "slider", "minimum": 1, "maximum": 8, "step": 1, "label": "Batch Size"})
model: ModelSettings = field(default_factory=ModelSettings)
sampling: SamplingSettings = field(default_factory=SamplingSettings)
image: ImageSettings = field(default_factory=ImageSettings)
@@ -119,7 +59,6 @@ class RenderConfig:
scripts: ScriptSettings = field(default_factory=ScriptSettings)
advanced: AdvancedSettings = field(default_factory=AdvancedSettings)
-
@dataclass
class Lighting:
"""Lighting settings for the environment."""
@@ -133,8 +72,8 @@ class EnvironmentConfig:
background: Literal["Sky", "Color", "Image"] = field(default="Sky", metadata={"component": "dropdown"})
lighting: Lighting = field(default_factory=Lighting)
-
# --- Initial Instances ---
+# Create default instances of the configuration objects.
initial_render_config = RenderConfig()
initial_env_config = EnvironmentConfig()
@@ -144,65 +83,117 @@ with gr.Blocks(title="PropertySheet Demo") as demo:
gr.Markdown("An example of a realistic application layout using the `PropertySheet` component as a sidebar for settings.")
gr.Markdown("💻 Component GitHub Code")
+ # --- Persistent State Management ---
+ # Use gr.State to hold the application's data. This is the "single source of truth".
+ render_state = gr.State(value=initial_render_config)
+ env_state = gr.State(value=initial_env_config)
+
with gr.Row():
- # Main content area on the left
- with gr.Column(scale=3):
- #gr.Image(label="Main Viewport", height=500, value=None)
- gr.Textbox(label="AI Prompt", lines=3, placeholder="Enter your prompt here...")
- gr.Button("Generate", variant="primary")
+ with gr.Column(scale=3):
+ generate = gr.Button("Show Settings", variant="primary")
with gr.Row():
output_render_json = gr.JSON(label="Live Render State")
output_env_json = gr.JSON(label="Live Environment State")
- # Sidebar with Property Sheets on the right
with gr.Column(scale=1):
render_sheet = PropertySheet(
- value=initial_render_config,
+ value=initial_render_config,
label="Render Settings",
width=400,
- height=550 # Set a fixed height to demonstrate internal scrolling
+ height=550,
+ visible=False
)
environment_sheet = PropertySheet(
value=initial_env_config,
label="Environment Settings",
width=400,
- open=False # Start collapsed to show the accordion feature
+ open=False,
+ visible=False
)
# --- Event Handlers ---
- def handle_render_change(updated_config: RenderConfig | None):
- """Callback to process changes from the Render Settings sheet."""
+ def change_visibility(render_config, env_config):
+ """
+ Handles the visibility toggle for the property sheets.
+ NOTE: This approach of modifying the component object's attribute directly
+ is not reliable for tracking state changes in Gradio. A gr.State object is
+ the recommended way to manage UI state like visibility.
+ """
+ if render_sheet.visible != environment_sheet.visible:
+ render_sheet.visible = False
+ environment_sheet.visible = False
+
+ if render_sheet.visible == False and environment_sheet.visible == False:
+ render_sheet.visible = True
+ environment_sheet.visible = True
+ return (
+ gr.update(visible=True, value=render_config),
+ gr.update(visible=True, value=env_config),
+ gr.update(value="Hide Settings")
+ )
+ else:
+ render_sheet.visible = False
+ environment_sheet.visible = False
+ return (
+ gr.update(visible=False, value=render_config),
+ gr.update(visible=False, value=env_config),
+ gr.update(value="Show Settings")
+ )
+
+ def handle_render_change(updated_config: RenderConfig | None, current_state: RenderConfig):
+ """Processes updates from the render PropertySheet and syncs the state."""
if updated_config is None:
- return initial_render_config, asdict(initial_render_config)
+ return current_state, asdict(current_state), current_state
- # Example of business logic: reset custom path if not in custom mode
+ # Example of applying business logic
if updated_config.model.model_type != "Custom":
updated_config.model.custom_model_path = "/path/to/default.safetensors"
-
- return updated_config, asdict(updated_config)
+
+ return updated_config, asdict(updated_config), updated_config
- def handle_env_change(updated_config: EnvironmentConfig | None):
- """Callback to process changes from the Environment Settings sheet."""
+ def handle_env_change(updated_config: EnvironmentConfig | None, current_state: EnvironmentConfig):
+ """Processes updates from the environment PropertySheet and syncs the state."""
if updated_config is None:
- return initial_env_config, asdict(initial_env_config)
- return updated_config, asdict(updated_config)
+ return current_state, asdict(current_state), current_state
+ return updated_config, asdict(updated_config), updated_config
+ # --- Event Listeners ---
+ # Toggle the property sheets' visibility on button click.
+ generate.click(
+ fn=change_visibility,
+ inputs=[render_state, env_state],
+ outputs=[render_sheet, environment_sheet, generate]
+ )
+
+ # Syncs changes from the UI back to the state and JSON display.
render_sheet.change(
fn=handle_render_change,
- inputs=[render_sheet],
- outputs=[render_sheet, output_render_json]
+ inputs=[render_sheet, render_state],
+ outputs=[render_sheet, output_render_json, render_state]
)
+
+ # Syncs changes from the UI back to the state and JSON display.
environment_sheet.change(
fn=handle_env_change,
- inputs=[environment_sheet],
- outputs=[environment_sheet, output_env_json]
+ inputs=[environment_sheet, env_state],
+ outputs=[environment_sheet, output_env_json, env_state]
)
- # Load initial state into JSON viewers on app load
+ # Load initial data into JSON displays on app start.
demo.load(
fn=lambda: (asdict(initial_render_config), asdict(initial_env_config)),
outputs=[output_render_json, output_env_json]
)
+ # Ensure components are populated with state values on load/reload.
+ demo.load(
+ fn=lambda render_config, env_config: (
+ gr.update(value=render_config),
+ gr.update(value=env_config)
+ ),
+ inputs=[render_state, env_state],
+ outputs=[render_sheet, environment_sheet]
+ )
+
if __name__ == "__main__":
demo.launch()
\ No newline at end of file
diff --git a/space.py b/space.py
index 7ea2bddfef851a5361e5c5a8023c453e53dce24d..49d14545322ab088b416e5034a5651930270204d 100644
--- a/space.py
+++ b/space.py
@@ -3,7 +3,7 @@ import gradio as gr
from app import demo as app
import os
-_docs = {'PropertySheet': {'description': 'A Gradio component that renders a dynamic UI from a Python dataclass instance.', 'members': {'__init__': {'value': {'type': 'typing.Optional[typing.Any][Any, None]', 'default': 'None', 'description': 'The initial dataclass instance to render.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'The main label for the component, displayed in the accordion header.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, the component will be hidden.'}, 'open': {'type': 'bool', 'default': 'True', 'description': 'If False, the accordion will be collapsed by default.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the DOM.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'The relative size of the component in its container.'}, 'width': {'type': 'int | str | None', 'default': 'None', 'description': 'The width of the component in pixels.'}, 'height': {'type': 'int | str | None', 'default': 'None', 'description': "The maximum height of the component's content area in pixels before scrolling."}, 'min_width': {'type': 'int | None', 'default': 'None', 'description': 'The minimum width of the component in pixels.'}, 'container': {'type': 'bool', 'default': 'True', 'description': 'If True, wraps the component in a container with a background.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the DOM.'}}, 'postprocess': {'value': {'type': 'Any', 'description': None}}, 'preprocess': {'return': {'type': 'Any', 'description': None}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': ''}, 'input': {'type': None, 'default': None, 'description': ''}, 'expand': {'type': None, 'default': None, 'description': ''}, 'collapse': {'type': None, 'default': None, 'description': ''}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'PropertySheet': []}}}
+_docs = {'PropertySheet': {'description': 'A Gradio component that renders a dynamic UI from a Python dataclass instance.\nIt allows for nested settings and automatically infers input types.', 'members': {'__init__': {'value': {'type': 'typing.Optional[typing.Any][Any, None]', 'default': 'None', 'description': 'The initial dataclass instance to render.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'The main label for the component, displayed in the accordion header.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, the component will be hidden.'}, 'open': {'type': 'bool', 'default': 'True', 'description': 'If False, the accordion will be collapsed by default.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the DOM.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'The relative size of the component in its container.'}, 'width': {'type': 'int | str | None', 'default': 'None', 'description': 'The width of the component in pixels.'}, 'height': {'type': 'int | str | None', 'default': 'None', 'description': "The maximum height of the component's content area in pixels before scrolling."}, 'min_width': {'type': 'int | None', 'default': 'None', 'description': 'The minimum width of the component in pixels.'}, 'container': {'type': 'bool', 'default': 'True', 'description': 'If True, wraps the component in a container with a background.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the DOM.'}}, 'postprocess': {'value': {'type': 'Any', 'description': 'The dataclass instance to process.'}}, 'preprocess': {'return': {'type': 'Any', 'description': 'A new, updated instance of the dataclass.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': ''}, 'input': {'type': None, 'default': None, 'description': ''}, 'expand': {'type': None, 'default': None, 'description': ''}, 'collapse': {'type': None, 'default': None, 'description': ''}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'PropertySheet': []}}}
abs_path = os.path.join(os.path.dirname(__file__), "css.css")
@@ -21,7 +21,7 @@ with gr.Blocks(
# `gradio_propertysheet`
+
+
The **PropertySheet** component for Gradio allows you to automatically generate a complete and interactive settings panel from a standard Python `dataclass`. It's designed to bring the power of IDE-like property editors directly into your Gradio applications.
@@ -50,115 +50,55 @@ from dataclasses import dataclass, field, asdict
from typing import Literal
from gradio_propertysheet import PropertySheet
-# --- Main Configuration Dataclasses for the "Render Settings" Sheet ---
+# --- Configuration Data Models ---
+# These dataclasses define the structure for all settings panels.
@dataclass
class ModelSettings:
"""Settings for loading models, VAEs, etc."""
- model_type: Literal["SD 1.5", "SDXL", "Pony", "Custom"] = field(
- default="SDXL",
- metadata={"component": "dropdown", "label": "Base Model"}
- )
- custom_model_path: str = field(
- default="/path/to/default.safetensors",
- metadata={"label": "Custom Model Path", "interactive_if": {"field": "model_type", "value": "Custom"}}
- )
- vae_path: str = field(
- default="",
- metadata={"label": "VAE Path (optional)"}
- )
+ model_type: Literal["SD 1.5", "SDXL", "Pony", "Custom"] = field(default="SDXL", metadata={"component": "dropdown", "label": "Base Model"})
+ custom_model_path: str = field(default="/path/to/default.safetensors", metadata={"label": "Custom Model Path", "interactive_if": {"field": "model_type", "value": "Custom"}})
+ vae_path: str = field(default="", metadata={"label": "VAE Path (optional)"})
@dataclass
class SamplingSettings:
"""Settings for the image sampling process."""
- sampler_name: Literal["Euler", "Euler a", "DPM++ 2M Karras", "UniPC"] = field(
- default="DPM++ 2M Karras",
- metadata={"component": "dropdown", "label": "Sampler", "help": "The algorithm for the diffusion process."}
- )
- steps: int = field(
- default=25,
- metadata={"component": "slider", "minimum": 1, "maximum": 150, "step": 1, "label": "Sampling Steps", "help": "More steps can improve quality."}
- )
- cfg_scale: float = field(
- default=7.0,
- metadata={"component": "slider", "minimum": 1.0, "maximum": 30.0, "step": 0.5, "label": "CFG Scale", "help": "How strongly the prompt is adhered to."}
- )
+ sampler_name: Literal["Euler", "Euler a", "DPM++ 2M Karras", "UniPC"] = field(default="DPM++ 2M Karras", metadata={"component": "dropdown", "label": "Sampler", "help": "The algorithm for the diffusion process."})
+ steps: int = field(default=25, metadata={"component": "slider", "minimum": 1, "maximum": 150, "step": 1, "label": "Sampling Steps", "help": "More steps can improve quality."})
+ cfg_scale: float = field(default=7.0, metadata={"component": "slider", "minimum": 1.0, "maximum": 30.0, "step": 0.5, "label": "CFG Scale", "help": "How strongly the prompt is adhered to."})
@dataclass
class ImageSettings:
"""Settings for image dimensions."""
- width: int = field(
- default=1024,
- metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Width"}
- )
- height: int = field(
- default=1024,
- metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Height"}
- )
+ width: int = field(default=1024, metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Width"})
+ height: int = field(default=1024, metadata={"component": "slider", "minimum": 512, "maximum": 2048, "step": 64, "label": "Image Height"})
@dataclass
class PostprocessingSettings:
"""Settings for image post-processing effects."""
- restore_faces: bool = field(
- default=True,
- metadata={"label": "Restore Faces", "help": "Use a secondary model to fix distorted faces."}
- )
- enable_hr: bool = field(
- default=False,
- metadata={"label": "Hires. fix", "help": "Enable a second pass at a higher resolution."}
- )
- denoising_strength: float = field(
- default=0.45,
- metadata={"component": "slider", "minimum": 0.0, "maximum": 1.0, "step": 0.01, "label": "Denoising Strength", "interactive_if": {"field": "enable_hr", "value": True}}
- )
+ restore_faces: bool = field(default=True, metadata={"label": "Restore Faces", "help": "Use a secondary model to fix distorted faces."})
+ enable_hr: bool = field(default=False, metadata={"label": "Hires. fix", "help": "Enable a second pass at a higher resolution."})
+ denoising_strength: float = field(default=0.45, metadata={"component": "slider", "minimum": 0.0, "maximum": 1.0, "step": 0.01, "label": "Denoising Strength", "interactive_if": {"field": "enable_hr", "value": True}})
@dataclass
class AdvancedSettings:
"""Advanced and rarely changed settings."""
- clip_skip: int = field(
- default=2,
- metadata={"component": "slider", "minimum": 1, "maximum": 12, "step": 1, "label": "CLIP Skip", "help": "Skip final layers of the text encoder."}
- )
- noise_schedule: Literal["Default", "Karras", "Exponential"] = field(
- default="Karras",
- metadata={"component": "dropdown", "label": "Noise Schedule"}
- )
- do_not_scale_cond_uncond: bool = field(
- default=False,
- metadata={"label": "Do not scale cond/uncond"}
- )
- s_churn: int = field(
- default=1,
- metadata={"component": "number_integer", "minimum": 1, "maximum": 12, "label": "S_churn", "help": "S_churn value for generation."}
- )
+ clip_skip: int = field(default=2, metadata={"component": "slider", "minimum": 1, "maximum": 12, "step": 1, "label": "CLIP Skip", "help": "Skip final layers of the text encoder."})
+ noise_schedule: Literal["Default", "Karras", "Exponential"] = field(default="Karras", metadata={"component": "dropdown", "label": "Noise Schedule"})
+ do_not_scale_cond_uncond: bool = field(default=False, metadata={"label": "Do not scale cond/uncond"})
+ s_churn: int = field(default=1, metadata={"component": "number_integer", "minimum": 1, "maximum": 12, "label": "S_churn", "help": "S_churn value for generation."})
@dataclass
class ScriptSettings:
"""Settings for automation scripts like X/Y/Z plots."""
- script_name: Literal["None", "Prompt matrix", "X/Y/Z plot"] = field(
- default="None",
- metadata={"component": "dropdown", "label": "Script"}
- )
- x_values: str = field(
- default="-1, 10, 20",
- metadata={"label": "X axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}}
- )
- y_values: str = field(
- default="",
- metadata={"label": "Y axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}}
- )
+ script_name: Literal["None", "Prompt matrix", "X/Y/Z plot"] = field(default="None", metadata={"component": "dropdown", "label": "Script"})
+ x_values: str = field(default="-1, 10, 20", metadata={"label": "X axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}})
+ y_values: str = field(default="", metadata={"label": "Y axis values", "interactive_if": {"field": "script_name", "value": "X/Y/Z plot"}})
@dataclass
class RenderConfig:
"""Main configuration object for rendering, grouping all settings."""
- seed: int = field(
- default=-1,
- metadata={"component": "number_integer", "label": "Seed (-1 for random)", "help": "The random seed for generation."}
- )
- batch_size: int = field(
- default=1,
- metadata={"component": "slider", "minimum": 1, "maximum": 8, "step": 1, "label": "Batch Size"}
- )
- # Nested groups
+ seed: int = field(default=-1, metadata={"component": "number_integer", "label": "Seed (-1 for random)", "help": "The random seed for generation."})
+ batch_size: int = field(default=1, metadata={"component": "slider", "minimum": 1, "maximum": 8, "step": 1, "label": "Batch Size"})
model: ModelSettings = field(default_factory=ModelSettings)
sampling: SamplingSettings = field(default_factory=SamplingSettings)
image: ImageSettings = field(default_factory=ImageSettings)
@@ -166,7 +106,6 @@ class RenderConfig:
scripts: ScriptSettings = field(default_factory=ScriptSettings)
advanced: AdvancedSettings = field(default_factory=AdvancedSettings)
-
@dataclass
class Lighting:
"""Lighting settings for the environment."""
@@ -180,8 +119,8 @@ class EnvironmentConfig:
background: Literal["Sky", "Color", "Image"] = field(default="Sky", metadata={"component": "dropdown"})
lighting: Lighting = field(default_factory=Lighting)
-
# --- Initial Instances ---
+# Create default instances of the configuration objects.
initial_render_config = RenderConfig()
initial_env_config = EnvironmentConfig()
@@ -191,66 +130,118 @@ with gr.Blocks(title="PropertySheet Demo") as demo:
gr.Markdown("An example of a realistic application layout using the `PropertySheet` component as a sidebar for settings.")
gr.Markdown("💻 Component GitHub Code")
+ # --- Persistent State Management ---
+ # Use gr.State to hold the application's data. This is the "single source of truth".
+ render_state = gr.State(value=initial_render_config)
+ env_state = gr.State(value=initial_env_config)
+
with gr.Row():
- # Main content area on the left
- with gr.Column(scale=3):
- #gr.Image(label="Main Viewport", height=500, value=None)
- gr.Textbox(label="AI Prompt", lines=3, placeholder="Enter your prompt here...")
- gr.Button("Generate", variant="primary")
+ with gr.Column(scale=3):
+ generate = gr.Button("Show Settings", variant="primary")
with gr.Row():
output_render_json = gr.JSON(label="Live Render State")
output_env_json = gr.JSON(label="Live Environment State")
- # Sidebar with Property Sheets on the right
with gr.Column(scale=1):
render_sheet = PropertySheet(
- value=initial_render_config,
+ value=initial_render_config,
label="Render Settings",
width=400,
- height=550 # Set a fixed height to demonstrate internal scrolling
+ height=550,
+ visible=False
)
environment_sheet = PropertySheet(
value=initial_env_config,
label="Environment Settings",
width=400,
- open=False # Start collapsed to show the accordion feature
+ open=False,
+ visible=False
)
# --- Event Handlers ---
- def handle_render_change(updated_config: RenderConfig | None):
- """Callback to process changes from the Render Settings sheet."""
+ def change_visibility(render_config, env_config):
+ """
+ Handles the visibility toggle for the property sheets.
+ NOTE: This approach of modifying the component object's attribute directly
+ is not reliable for tracking state changes in Gradio. A gr.State object is
+ the recommended way to manage UI state like visibility.
+ """
+ if render_sheet.visible != environment_sheet.visible:
+ render_sheet.visible = False
+ environment_sheet.visible = False
+
+ if render_sheet.visible == False and environment_sheet.visible == False:
+ render_sheet.visible = True
+ environment_sheet.visible = True
+ return (
+ gr.update(visible=True, value=render_config),
+ gr.update(visible=True, value=env_config),
+ gr.update(value="Hide Settings")
+ )
+ else:
+ render_sheet.visible = False
+ environment_sheet.visible = False
+ return (
+ gr.update(visible=False, value=render_config),
+ gr.update(visible=False, value=env_config),
+ gr.update(value="Show Settings")
+ )
+
+ def handle_render_change(updated_config: RenderConfig | None, current_state: RenderConfig):
+ """Processes updates from the render PropertySheet and syncs the state."""
if updated_config is None:
- return initial_render_config, asdict(initial_render_config)
+ return current_state, asdict(current_state), current_state
- # Example of business logic: reset custom path if not in custom mode
+ # Example of applying business logic
if updated_config.model.model_type != "Custom":
updated_config.model.custom_model_path = "/path/to/default.safetensors"
-
- return updated_config, asdict(updated_config)
+
+ return updated_config, asdict(updated_config), updated_config
- def handle_env_change(updated_config: EnvironmentConfig | None):
- """Callback to process changes from the Environment Settings sheet."""
+ def handle_env_change(updated_config: EnvironmentConfig | None, current_state: EnvironmentConfig):
+ """Processes updates from the environment PropertySheet and syncs the state."""
if updated_config is None:
- return initial_env_config, asdict(initial_env_config)
- return updated_config, asdict(updated_config)
-
+ return current_state, asdict(current_state), current_state
+ return updated_config, asdict(updated_config), updated_config
+
+ # --- Event Listeners ---
+ # Toggle the property sheets' visibility on button click.
+ generate.click(
+ fn=change_visibility,
+ inputs=[render_state, env_state],
+ outputs=[render_sheet, environment_sheet, generate]
+ )
+
+ # Syncs changes from the UI back to the state and JSON display.
render_sheet.change(
fn=handle_render_change,
- inputs=[render_sheet],
- outputs=[render_sheet, output_render_json]
+ inputs=[render_sheet, render_state],
+ outputs=[render_sheet, output_render_json, render_state]
)
+
+ # Syncs changes from the UI back to the state and JSON display.
environment_sheet.change(
fn=handle_env_change,
- inputs=[environment_sheet],
- outputs=[environment_sheet, output_env_json]
+ inputs=[environment_sheet, env_state],
+ outputs=[environment_sheet, output_env_json, env_state]
)
- # Load initial state into JSON viewers on app load
+ # Load initial data into JSON displays on app start.
demo.load(
fn=lambda: (asdict(initial_render_config), asdict(initial_env_config)),
outputs=[output_render_json, output_env_json]
)
+ # Ensure components are populated with state values on load/reload.
+ demo.load(
+ fn=lambda render_config, env_config: (
+ gr.update(value=render_config),
+ gr.update(value=env_config)
+ ),
+ inputs=[render_state, env_state],
+ outputs=[render_sheet, environment_sheet]
+ )
+
if __name__ == "__main__":
demo.launch()
```
@@ -418,10 +409,10 @@ list[str] | str | None
| name | description |
|:-----|:------------|
-| `change` | Triggered when a value is changed and committed (e.g., on slider release, or after unfocusing a textbox). |
-| `input` | Triggered on every keystroke or slider movement. |
-| `expand` | Triggered when the main accordion is opened. |
-| `collapse` | Triggered when the main accordion is closed. |
+| `change` | |
+| `input` | |
+| `expand` | |
+| `collapse` | |
@@ -434,7 +425,8 @@ The impact on the users predict function varies depending on whether the compone
The code snippet below is accurate in cases where the component is used as both an input and an output.
-
+- **As output:** Is passed, a new, updated instance of the dataclass.
+- **As input:** Should return, the dataclass instance to process.
```python
def predict(
@@ -442,4 +434,4 @@ The code snippet below is accurate in cases where the component is used as both
) -> Any:
return value
```
-```
\ No newline at end of file
+
diff --git a/src/backend/gradio_propertysheet/propertysheet.py b/src/backend/gradio_propertysheet/propertysheet.py
index 78623e06ddaef07a89031712cba56fd00a888c94..cc1dd91c8d03d664b91445ce8c850f34febbeae0 100644
--- a/src/backend/gradio_propertysheet/propertysheet.py
+++ b/src/backend/gradio_propertysheet/propertysheet.py
@@ -7,14 +7,17 @@ from gradio.components.base import Component
def prop_meta(**kwargs) -> dataclasses.Field:
"""
A helper function to create a dataclass field with Gradio-specific metadata.
+
+ Returns:
+ A dataclasses.Field instance with the provided metadata.
"""
return dataclasses.field(metadata=kwargs)
class PropertySheet(Component):
"""
A Gradio component that renders a dynamic UI from a Python dataclass instance.
+ It allows for nested settings and automatically infers input types.
"""
-
EVENTS = ["change", "input", "expand", "collapse"]
def __init__(
@@ -52,8 +55,11 @@ class PropertySheet(Component):
if value is not None and not dataclasses.is_dataclass(value):
raise ValueError("Initial value must be a dataclass instance")
- self._dataclass_value = copy.deepcopy(value)
- self._initial_value = copy.deepcopy(value)
+ # Store the current dataclass instance and its type.
+ # These might be None if the component is initialized without a value.
+ self._dataclass_value = copy.deepcopy(value) if value is not None else None
+ self._dataclass_type = type(value) if dataclasses.is_dataclass(value) else None
+
self.width = width
self.height = height
self.open = open
@@ -67,6 +73,15 @@ class PropertySheet(Component):
def _extract_prop_metadata(self, obj: Any, field: dataclasses.Field) -> Dict[str, Any]:
"""
Inspects a dataclass field and extracts metadata for UI rendering.
+
+ This function infers the appropriate frontend component (e.g., slider, checkbox)
+ based on the field's type hint if not explicitly specified in the metadata.
+
+ Args:
+ obj: The dataclass instance containing the field.
+ field: The dataclasses.Field object to inspect.
+ Returns:
+ A dictionary of metadata for the frontend to render a property control.
"""
metadata = field.metadata.copy()
metadata["name"] = field.name
@@ -94,11 +109,23 @@ class PropertySheet(Component):
def postprocess(self, value: Any) -> List[Dict[str, Any]]:
"""
Converts the Python dataclass instance into a JSON schema for the frontend.
- It also synchronizes the component's internal state.
+
+ Crucially, this method also acts as a "state guardian". When Gradio calls it
+ with a valid dataclass (e.g., during a `gr.update` that makes the component visible),
+ it synchronizes the component's internal state (`_dataclass_value` and `_dataclass_type`),
+ ensuring the object is "rehydrated" and ready for `preprocess`.
+
+ Args:
+ value: The dataclass instance to process.
+ Returns:
+ A list representing the JSON schema for the frontend UI.
"""
if dataclasses.is_dataclass(value):
self._dataclass_value = copy.deepcopy(value)
-
+ # Restore the dataclass type if it was lost (e.g., on re-initialization).
+ if self._dataclass_type is None:
+ self._dataclass_type = type(value)
+
if value is None or not dataclasses.is_dataclass(value):
return []
@@ -126,52 +153,67 @@ class PropertySheet(Component):
def preprocess(self, payload: Any) -> Any:
"""
- Processes the payload from the frontend to update the dataclass instance.
+ Processes the payload from the frontend to create an updated dataclass instance.
+
+ This method is stateless regarding the instance value. It reconstructs the object
+ from scratch using the `_dataclass_type` (which is reliably set by `postprocess`)
+ and then applies the changes from the payload.
+
+ Args:
+ payload: The data received from the frontend, typically a list of property groups.
+ Returns:
+ A new, updated instance of the dataclass.
"""
if payload is None:
- return self._dataclass_value
+ return None
- updated_config_obj = copy.deepcopy(self._dataclass_value)
+ if self._dataclass_type is None:
+ # This can happen if the component is used in a way that prevents postprocess
+ # from ever being called with a valid value. Returning None is a safe fallback.
+ return None
+
+ # Create a new, default instance of the stored dataclass type.
+ reconstructed_obj = self._dataclass_type()
- # This logic handles the full value object sent by the frontend on reset.
+ # Apply the values from the payload to the new instance.
if isinstance(payload, list):
for group in payload:
for prop in group.get("properties", []):
prop_name = prop["name"]
new_value = prop["value"]
- if hasattr(updated_config_obj, prop_name):
- current_value = getattr(updated_config_obj, prop_name)
- if current_value != new_value:
- setattr(updated_config_obj, prop_name, new_value)
+ if hasattr(reconstructed_obj, prop_name):
+ setattr(reconstructed_obj, prop_name, new_value)
else:
- for f in dataclasses.fields(updated_config_obj):
+ # Handle nested dataclasses.
+ for f in dataclasses.fields(reconstructed_obj):
if dataclasses.is_dataclass(f.type):
- group_obj = getattr(updated_config_obj, f.name)
+ group_obj = getattr(reconstructed_obj, f.name)
if hasattr(group_obj, prop_name):
- current_value = getattr(group_obj, prop_name)
- if current_value != new_value:
- setattr(group_obj, prop_name, new_value)
- break
- # This logic handles single-value updates from sliders, textboxes, etc.
+ setattr(group_obj, prop_name, new_value)
+ break
elif isinstance(payload, dict):
- for key, new_value in payload.items():
- if hasattr(updated_config_obj, key):
- setattr(updated_config_obj, key, new_value)
+ for key, new_value in payload.items():
+ if hasattr(reconstructed_obj, key):
+ setattr(reconstructed_obj, key, new_value)
else:
- for f in dataclasses.fields(updated_config_obj):
+ # Handle nested dataclasses for dict payloads.
+ for f in dataclasses.fields(reconstructed_obj):
if dataclasses.is_dataclass(f.type):
- group_obj = getattr(updated_config_obj, f.name)
+ group_obj = getattr(reconstructed_obj, f.name)
if hasattr(group_obj, key):
setattr(group_obj, key, new_value)
break
-
- self._dataclass_value = updated_config_obj
- return updated_config_obj
+
+ return reconstructed_obj
def api_info(self) -> Dict[str, Any]:
- """Provides API information for the component."""
+ """
+ Provides API information for the component for use in API docs.
+ """
return {"type": "object", "description": "A key-value dictionary of property settings."}
def example_payload(self) -> Any:
- """Returns an example payload for the component's API."""
+ """
+ Returns an example payload for the component's API.
+ """
return {"seed": 12345}
\ No newline at end of file
diff --git a/src/backend/gradio_propertysheet/templates/component/index.js b/src/backend/gradio_propertysheet/templates/component/index.js
index b17c2877ea584a81440f9f8b7cfcc276b469246e..40fc1b51a778057185120f414afe6d7c598ecbe2 100644
--- a/src/backend/gradio_propertysheet/templates/component/index.js
+++ b/src/backend/gradio_propertysheet/templates/component/index.js
@@ -1,72 +1,72 @@
-var Pl = Object.defineProperty;
-var Ci = (i) => {
+var Ml = Object.defineProperty;
+var Si = (i) => {
throw TypeError(i);
};
-var zl = (i, e, t) => e in i ? Pl(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var Q = (i, e, t) => zl(i, typeof e != "symbol" ? e + "" : e, t), Ul = (i, e, t) => e.has(i) || Ci("Cannot " + t);
-var Si = (i, e, t) => e.has(i) ? Ci("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t);
-var an = (i, e, t) => (Ul(i, e, "access private method"), t);
+var Pl = (i, e, t) => e in i ? Ml(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var Q = (i, e, t) => Pl(i, typeof e != "symbol" ? e + "" : e, t), Ul = (i, e, t) => e.has(i) || Si("Cannot " + t);
+var Ti = (i, e, t) => e.has(i) ? Si("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t);
+var cn = (i, e, t) => (Ul(i, e, "access private method"), t);
const {
SvelteComponent: Hl,
- append_hydration: Gn,
+ append_hydration: Yn,
assign: Gl,
- attr: ge,
+ attr: De,
binding_callbacks: jl,
- children: Gt,
- claim_element: Ua,
- claim_space: Ha,
- claim_svg_element: Rn,
+ children: Xt,
+ claim_element: Ha,
+ claim_space: Ga,
+ claim_svg_element: qn,
create_slot: Vl,
- detach: Ke,
- element: Ga,
- empty: Ti,
+ detach: et,
+ element: ja,
+ empty: Bi,
get_all_dirty_from_scope: Wl,
get_slot_changes: Zl,
get_spread_update: Yl,
init: Xl,
- insert_hydration: Yt,
+ insert_hydration: tn,
listen: Kl,
noop: Ql,
safe_not_equal: Jl,
- set_dynamic_element_data: Bi,
+ set_dynamic_element_data: Ri,
set_style: V,
- space: ja,
- svg_element: In,
- toggle_class: _e,
- transition_in: Va,
- transition_out: Wa,
+ space: Va,
+ svg_element: Nn,
+ toggle_class: fe,
+ transition_in: Wa,
+ transition_out: Za,
update_slot_base: eo
} = window.__gradio__svelte__internal;
-function Ri(i) {
+function Ii(i) {
let e, t, n, a, o;
return {
c() {
- e = In("svg"), t = In("line"), n = In("line"), this.h();
+ e = Nn("svg"), t = Nn("line"), n = Nn("line"), this.h();
},
l(l) {
- e = Rn(l, "svg", { class: !0, xmlns: !0, viewBox: !0 });
- var r = Gt(e);
- t = Rn(r, "line", {
+ e = qn(l, "svg", { class: !0, xmlns: !0, viewBox: !0 });
+ var r = Xt(e);
+ t = qn(r, "line", {
x1: !0,
y1: !0,
x2: !0,
y2: !0,
stroke: !0,
"stroke-width": !0
- }), Gt(t).forEach(Ke), n = Rn(r, "line", {
+ }), Xt(t).forEach(et), n = qn(r, "line", {
x1: !0,
y1: !0,
x2: !0,
y2: !0,
stroke: !0,
"stroke-width": !0
- }), Gt(n).forEach(Ke), r.forEach(Ke), this.h();
+ }), Xt(n).forEach(et), r.forEach(et), this.h();
},
h() {
- ge(t, "x1", "1"), ge(t, "y1", "9"), ge(t, "x2", "9"), ge(t, "y2", "1"), ge(t, "stroke", "gray"), ge(t, "stroke-width", "0.5"), ge(n, "x1", "5"), ge(n, "y1", "9"), ge(n, "x2", "9"), ge(n, "y2", "5"), ge(n, "stroke", "gray"), ge(n, "stroke-width", "0.5"), ge(e, "class", "resize-handle svelte-239wnu"), ge(e, "xmlns", "http://www.w3.org/2000/svg"), ge(e, "viewBox", "0 0 10 10");
+ De(t, "x1", "1"), De(t, "y1", "9"), De(t, "x2", "9"), De(t, "y2", "1"), De(t, "stroke", "gray"), De(t, "stroke-width", "0.5"), De(n, "x1", "5"), De(n, "y1", "9"), De(n, "x2", "9"), De(n, "y2", "5"), De(n, "stroke", "gray"), De(n, "stroke-width", "0.5"), De(e, "class", "resize-handle svelte-239wnu"), De(e, "xmlns", "http://www.w3.org/2000/svg"), De(e, "viewBox", "0 0 10 10");
},
m(l, r) {
- Yt(l, e, r), Gn(e, t), Gn(e, n), a || (o = Kl(
+ tn(l, e, r), Yn(e, t), Yn(e, n), a || (o = Kl(
e,
"mousedown",
/*resize*/
@@ -75,12 +75,12 @@ function Ri(i) {
},
p: Ql,
d(l) {
- l && Ke(e), a = !1, o();
+ l && et(e), a = !1, o();
}
};
}
function to(i) {
- var m;
+ var h;
let e, t, n, a, o;
const l = (
/*#slots*/
@@ -94,8 +94,8 @@ function to(i) {
);
let s = (
/*resizable*/
- i[19] && Ri(i)
- ), c = [
+ i[19] && Ii(i)
+ ), u = [
{ "data-testid": (
/*test_id*/
i[11]
@@ -106,24 +106,24 @@ function to(i) {
) },
{
class: n = "block " + /*elem_classes*/
- (((m = i[7]) == null ? void 0 : m.join(" ")) || "") + " svelte-239wnu"
+ (((h = i[7]) == null ? void 0 : h.join(" ")) || "") + " svelte-239wnu"
},
{
dir: a = /*rtl*/
i[20] ? "rtl" : "ltr"
}
- ], u = {};
- for (let d = 0; d < c.length; d += 1)
- u = Gl(u, c[d]);
+ ], c = {};
+ for (let d = 0; d < u.length; d += 1)
+ c = Gl(c, u[d]);
return {
c() {
- e = Ga(
+ e = ja(
/*tag*/
i[25]
- ), r && r.c(), t = ja(), s && s.c(), this.h();
+ ), r && r.c(), t = Va(), s && s.c(), this.h();
},
l(d) {
- e = Ua(
+ e = Ha(
d,
/*tag*/
(i[25] || "null").toUpperCase(),
@@ -134,52 +134,52 @@ function to(i) {
dir: !0
}
);
- var f = Gt(e);
- r && r.l(f), t = Ha(f), s && s.l(f), f.forEach(Ke), this.h();
+ var f = Xt(e);
+ r && r.l(f), t = Ga(f), s && s.l(f), f.forEach(et), this.h();
},
h() {
- Bi(
+ Ri(
/*tag*/
i[25]
- )(e, u), _e(
+ )(e, c), fe(
e,
"hidden",
/*visible*/
i[14] === !1
- ), _e(
+ ), fe(
e,
"padded",
/*padding*/
i[10]
- ), _e(
+ ), fe(
e,
"flex",
/*flex*/
i[1]
- ), _e(
+ ), fe(
e,
"border_focus",
/*border_mode*/
i[9] === "focus"
- ), _e(
+ ), fe(
e,
"border_contrast",
/*border_mode*/
i[9] === "contrast"
- ), _e(e, "hide-container", !/*explicit_call*/
+ ), fe(e, "hide-container", !/*explicit_call*/
i[12] && !/*container*/
- i[13]), _e(
+ i[13]), fe(
e,
"fullscreen",
/*fullscreen*/
i[0]
- ), _e(
+ ), fe(
e,
"animating",
/*fullscreen*/
i[0] && /*preexpansionBoundingRect*/
i[24] !== null
- ), _e(
+ ), fe(
e,
"auto-margin",
/*scale*/
@@ -276,7 +276,7 @@ function to(i) {
i[18]}px, 100%))`), V(e, "border-width", "var(--block-border-width)");
},
m(d, f) {
- Yt(d, e, f), r && r.m(e, null), Gn(e, t), s && s.m(e, null), i[32](e), o = !0;
+ tn(d, e, f), r && r.m(e, null), Yn(e, t), s && s.m(e, null), i[32](e), o = !0;
},
p(d, f) {
var v;
@@ -299,10 +299,10 @@ function to(i) {
),
null
), /*resizable*/
- d[19] ? s ? s.p(d, f) : (s = Ri(d), s.c(), s.m(e, null)) : s && (s.d(1), s = null), Bi(
+ d[19] ? s ? s.p(d, f) : (s = Ii(d), s.c(), s.m(e, null)) : s && (s.d(1), s = null), Ri(
/*tag*/
d[25]
- )(e, u = Yl(c, [
+ )(e, c = Yl(u, [
(!o || f[0] & /*test_id*/
2048) && { "data-testid": (
/*test_id*/
@@ -319,45 +319,45 @@ function to(i) {
(!o || f[0] & /*rtl*/
1048576 && a !== (a = /*rtl*/
d[20] ? "rtl" : "ltr")) && { dir: a }
- ])), _e(
+ ])), fe(
e,
"hidden",
/*visible*/
d[14] === !1
- ), _e(
+ ), fe(
e,
"padded",
/*padding*/
d[10]
- ), _e(
+ ), fe(
e,
"flex",
/*flex*/
d[1]
- ), _e(
+ ), fe(
e,
"border_focus",
/*border_mode*/
d[9] === "focus"
- ), _e(
+ ), fe(
e,
"border_contrast",
/*border_mode*/
d[9] === "contrast"
- ), _e(e, "hide-container", !/*explicit_call*/
+ ), fe(e, "hide-container", !/*explicit_call*/
d[12] && !/*container*/
- d[13]), _e(
+ d[13]), fe(
e,
"fullscreen",
/*fullscreen*/
d[0]
- ), _e(
+ ), fe(
e,
"animating",
/*fullscreen*/
d[0] && /*preexpansionBoundingRect*/
d[24] !== null
- ), _e(
+ ), fe(
e,
"auto-margin",
/*scale*/
@@ -466,27 +466,27 @@ function to(i) {
d[18]}px, 100%))`);
},
i(d) {
- o || (Va(r, d), o = !0);
+ o || (Wa(r, d), o = !0);
},
o(d) {
- Wa(r, d), o = !1;
+ Za(r, d), o = !1;
},
d(d) {
- d && Ke(e), r && r.d(d), s && s.d(), i[32](null);
+ d && et(e), r && r.d(d), s && s.d(), i[32](null);
}
};
}
-function Ii(i) {
+function Li(i) {
let e;
return {
c() {
- e = Ga("div"), this.h();
+ e = ja("div"), this.h();
},
l(t) {
- e = Ua(t, "DIV", { class: !0 }), Gt(e).forEach(Ke), this.h();
+ e = Ha(t, "DIV", { class: !0 }), Xt(e).forEach(et), this.h();
},
h() {
- ge(e, "class", "placeholder svelte-239wnu"), V(
+ De(e, "class", "placeholder svelte-239wnu"), V(
e,
"height",
/*placeholder_height*/
@@ -499,7 +499,7 @@ function Ii(i) {
);
},
m(t, n) {
- Yt(t, e, n);
+ tn(t, e, n);
},
p(t, n) {
n[0] & /*placeholder_height*/
@@ -517,7 +517,7 @@ function Ii(i) {
);
},
d(t) {
- t && Ke(e);
+ t && et(e);
}
};
}
@@ -527,101 +527,101 @@ function no(i) {
i[25] && to(i)
), o = (
/*fullscreen*/
- i[0] && Ii(i)
+ i[0] && Li(i)
);
return {
c() {
- a && a.c(), e = ja(), o && o.c(), t = Ti();
+ a && a.c(), e = Va(), o && o.c(), t = Bi();
},
l(l) {
- a && a.l(l), e = Ha(l), o && o.l(l), t = Ti();
+ a && a.l(l), e = Ga(l), o && o.l(l), t = Bi();
},
m(l, r) {
- a && a.m(l, r), Yt(l, e, r), o && o.m(l, r), Yt(l, t, r), n = !0;
+ a && a.m(l, r), tn(l, e, r), o && o.m(l, r), tn(l, t, r), n = !0;
},
p(l, r) {
/*tag*/
l[25] && a.p(l, r), /*fullscreen*/
- l[0] ? o ? o.p(l, r) : (o = Ii(l), o.c(), o.m(t.parentNode, t)) : o && (o.d(1), o = null);
+ l[0] ? o ? o.p(l, r) : (o = Li(l), o.c(), o.m(t.parentNode, t)) : o && (o.d(1), o = null);
},
i(l) {
- n || (Va(a, l), n = !0);
+ n || (Wa(a, l), n = !0);
},
o(l) {
- Wa(a, l), n = !1;
+ Za(a, l), n = !1;
},
d(l) {
- l && (Ke(e), Ke(t)), a && a.d(l), o && o.d(l);
+ l && (et(e), et(t)), a && a.d(l), o && o.d(l);
}
};
}
function io(i, e, t) {
- let { $$slots: n = {}, $$scope: a } = e, { height: o = void 0 } = e, { min_height: l = void 0 } = e, { max_height: r = void 0 } = e, { width: s = void 0 } = e, { elem_id: c = "" } = e, { elem_classes: u = [] } = e, { variant: m = "solid" } = e, { border_mode: d = "base" } = e, { padding: f = !0 } = e, { type: v = "normal" } = e, { test_id: D = void 0 } = e, { explicit_call: b = !1 } = e, { container: E = !0 } = e, { visible: h = !0 } = e, { allow_overflow: _ = !0 } = e, { overflow_behavior: g = "auto" } = e, { scale: y = null } = e, { min_width: $ = 0 } = e, { flex: C = !1 } = e, { resizable: R = !1 } = e, { rtl: S = !1 } = e, { fullscreen: N = !1 } = e, O = N, H, Ae = v === "fieldset" ? "fieldset" : "div", W = 0, ve = 0, oe = null;
- function Be(w) {
- N && w.key === "Escape" && t(0, N = !1);
- }
- const K = (w) => {
- if (w !== void 0) {
- if (typeof w == "number")
- return w + "px";
- if (typeof w == "string")
- return w;
+ let { $$slots: n = {}, $$scope: a } = e, { height: o = void 0 } = e, { min_height: l = void 0 } = e, { max_height: r = void 0 } = e, { width: s = void 0 } = e, { elem_id: u = "" } = e, { elem_classes: c = [] } = e, { variant: h = "solid" } = e, { border_mode: d = "base" } = e, { padding: f = !0 } = e, { type: v = "normal" } = e, { test_id: D = void 0 } = e, { explicit_call: b = !1 } = e, { container: E = !0 } = e, { visible: m = !0 } = e, { allow_overflow: _ = !0 } = e, { overflow_behavior: g = "auto" } = e, { scale: F = null } = e, { min_width: w = 0 } = e, { flex: C = !1 } = e, { resizable: I = !1 } = e, { rtl: S = !1 } = e, { fullscreen: O = !1 } = e, q = O, H, ke = v === "fieldset" ? "fieldset" : "div", re = 0, ae = 0, se = null;
+ function Se($) {
+ O && $.key === "Escape" && t(0, O = !1);
+ }
+ const K = ($) => {
+ if ($ !== void 0) {
+ if (typeof $ == "number")
+ return $ + "px";
+ if (typeof $ == "string")
+ return $;
}
- }, re = (w) => {
- let le = w.clientY;
+ }, ue = ($) => {
+ let le = $.clientY;
const X = (A) => {
- const we = A.clientY - le;
- le = A.clientY, t(21, H.style.height = `${H.offsetHeight + we}px`, H);
- }, ue = () => {
- window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", ue);
+ const Ee = A.clientY - le;
+ le = A.clientY, t(21, H.style.height = `${H.offsetHeight + Ee}px`, H);
+ }, _e = () => {
+ window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", _e);
};
- window.addEventListener("mousemove", X), window.addEventListener("mouseup", ue);
+ window.addEventListener("mousemove", X), window.addEventListener("mouseup", _e);
};
- function fe(w) {
- jl[w ? "unshift" : "push"](() => {
- H = w, t(21, H);
+ function he($) {
+ jl[$ ? "unshift" : "push"](() => {
+ H = $, t(21, H);
});
}
- return i.$$set = (w) => {
- "height" in w && t(2, o = w.height), "min_height" in w && t(3, l = w.min_height), "max_height" in w && t(4, r = w.max_height), "width" in w && t(5, s = w.width), "elem_id" in w && t(6, c = w.elem_id), "elem_classes" in w && t(7, u = w.elem_classes), "variant" in w && t(8, m = w.variant), "border_mode" in w && t(9, d = w.border_mode), "padding" in w && t(10, f = w.padding), "type" in w && t(28, v = w.type), "test_id" in w && t(11, D = w.test_id), "explicit_call" in w && t(12, b = w.explicit_call), "container" in w && t(13, E = w.container), "visible" in w && t(14, h = w.visible), "allow_overflow" in w && t(15, _ = w.allow_overflow), "overflow_behavior" in w && t(16, g = w.overflow_behavior), "scale" in w && t(17, y = w.scale), "min_width" in w && t(18, $ = w.min_width), "flex" in w && t(1, C = w.flex), "resizable" in w && t(19, R = w.resizable), "rtl" in w && t(20, S = w.rtl), "fullscreen" in w && t(0, N = w.fullscreen), "$$scope" in w && t(30, a = w.$$scope);
+ return i.$$set = ($) => {
+ "height" in $ && t(2, o = $.height), "min_height" in $ && t(3, l = $.min_height), "max_height" in $ && t(4, r = $.max_height), "width" in $ && t(5, s = $.width), "elem_id" in $ && t(6, u = $.elem_id), "elem_classes" in $ && t(7, c = $.elem_classes), "variant" in $ && t(8, h = $.variant), "border_mode" in $ && t(9, d = $.border_mode), "padding" in $ && t(10, f = $.padding), "type" in $ && t(28, v = $.type), "test_id" in $ && t(11, D = $.test_id), "explicit_call" in $ && t(12, b = $.explicit_call), "container" in $ && t(13, E = $.container), "visible" in $ && t(14, m = $.visible), "allow_overflow" in $ && t(15, _ = $.allow_overflow), "overflow_behavior" in $ && t(16, g = $.overflow_behavior), "scale" in $ && t(17, F = $.scale), "min_width" in $ && t(18, w = $.min_width), "flex" in $ && t(1, C = $.flex), "resizable" in $ && t(19, I = $.resizable), "rtl" in $ && t(20, S = $.rtl), "fullscreen" in $ && t(0, O = $.fullscreen), "$$scope" in $ && t(30, a = $.$$scope);
}, i.$$.update = () => {
i.$$.dirty[0] & /*fullscreen, old_fullscreen, element*/
- 538968065 && N !== O && (t(29, O = N), N ? (t(24, oe = H.getBoundingClientRect()), t(22, W = H.offsetHeight), t(23, ve = H.offsetWidth), window.addEventListener("keydown", Be)) : (t(24, oe = null), window.removeEventListener("keydown", Be))), i.$$.dirty[0] & /*visible*/
- 16384 && (h || t(1, C = !1));
+ 538968065 && O !== q && (t(29, q = O), O ? (t(24, se = H.getBoundingClientRect()), t(22, re = H.offsetHeight), t(23, ae = H.offsetWidth), window.addEventListener("keydown", Se)) : (t(24, se = null), window.removeEventListener("keydown", Se))), i.$$.dirty[0] & /*visible*/
+ 16384 && (m || t(1, C = !1));
}, [
- N,
+ O,
C,
o,
l,
r,
s,
- c,
u,
- m,
+ c,
+ h,
d,
f,
D,
b,
E,
- h,
+ m,
_,
g,
- y,
- $,
- R,
+ F,
+ w,
+ I,
S,
H,
- W,
- ve,
- oe,
- Ae,
- K,
re,
+ ae,
+ se,
+ ke,
+ K,
+ ue,
v,
- O,
+ q,
a,
n,
- fe
+ he
];
}
class ao extends Hl {
@@ -661,7 +661,7 @@ class ao extends Hl {
);
}
}
-function ii() {
+function si() {
return {
async: !1,
breaks: !1,
@@ -675,23 +675,23 @@ function ii() {
walkTokens: null
};
}
-let wt = ii();
-function Za(i) {
- wt = i;
+let Tt = si();
+function Ya(i) {
+ Tt = i;
}
-const Ya = /[&<>"']/, lo = new RegExp(Ya.source, "g"), Xa = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, oo = new RegExp(Xa.source, "g"), ro = {
+const Xa = /[&<>"']/, lo = new RegExp(Xa.source, "g"), Ka = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, oo = new RegExp(Ka.source, "g"), ro = {
"&": "&",
"<": "<",
">": ">",
'"': """,
"'": "'"
-}, Li = (i) => ro[i];
-function Te(i, e) {
+}, xi = (i) => ro[i];
+function Be(i, e) {
if (e) {
- if (Ya.test(i))
- return i.replace(lo, Li);
- } else if (Xa.test(i))
- return i.replace(oo, Li);
+ if (Xa.test(i))
+ return i.replace(lo, xi);
+ } else if (Ka.test(i))
+ return i.replace(oo, xi);
return i;
}
const so = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
@@ -711,7 +711,7 @@ function Y(i, e) {
};
return n;
}
-function xi(i) {
+function Oi(i) {
try {
i = encodeURI(i).replace(/%25/g, "%");
} catch {
@@ -719,11 +719,11 @@ function xi(i) {
}
return i;
}
-const jt = { exec: () => null };
-function Oi(i, e) {
+const Kt = { exec: () => null };
+function qi(i, e) {
const t = i.replace(/\|/g, (o, l, r) => {
- let s = !1, c = l;
- for (; --c >= 0 && r[c] === "\\"; )
+ let s = !1, u = l;
+ for (; --u >= 0 && r[u] === "\\"; )
s = !s;
return s ? "|" : " |";
}), n = t.split(/ \|/);
@@ -738,7 +738,7 @@ function Oi(i, e) {
n[a] = n[a].trim().replace(/\\\|/g, "|");
return n;
}
-function ln(i, e, t) {
+function _n(i, e, t) {
const n = i.length;
if (n === 0)
return "";
@@ -760,8 +760,8 @@ function _o(i, e) {
return n;
return -1;
}
-function qi(i, e, t, n) {
- const a = e.href, o = e.title ? Te(e.title) : null, l = i[1].replace(/\\([\[\]])/g, "$1");
+function Ni(i, e, t, n) {
+ const a = e.href, o = e.title ? Be(e.title) : null, l = i[1].replace(/\\([\[\]])/g, "$1");
if (i[0].charAt(0) !== "!") {
n.state.inLink = !0;
const r = {
@@ -779,7 +779,7 @@ function qi(i, e, t, n) {
raw: t,
href: a,
title: o,
- text: Te(l)
+ text: Be(l)
};
}
function fo(i, e) {
@@ -797,14 +797,14 @@ function fo(i, e) {
}).join(`
`);
}
-class vn {
+class $n {
// set by the lexer
constructor(e) {
Q(this, "options");
Q(this, "rules");
// set by the lexer
Q(this, "lexer");
- this.options = e || wt;
+ this.options = e || Tt;
}
space(e) {
const t = this.rules.block.newline.exec(e);
@@ -822,7 +822,7 @@ class vn {
type: "code",
raw: t[0],
codeBlockStyle: "indented",
- text: this.options.pedantic ? n : ln(n, `
+ text: this.options.pedantic ? n : _n(n, `
`)
};
}
@@ -844,7 +844,7 @@ class vn {
if (t) {
let n = t[2].trim();
if (/#$/.test(n)) {
- const a = ln(n, "#");
+ const a = _n(n, "#");
(this.options.pedantic || !a || / $/.test(a)) && (n = a.trim());
}
return {
@@ -869,7 +869,7 @@ class vn {
if (t) {
let n = t[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
$1`);
- n = ln(n.replace(/^ *>[ \t]?/gm, ""), `
+ n = _n(n.replace(/^ *>[ \t]?/gm, ""), `
`);
const a = this.lexer.state.top;
this.lexer.state.top = !0;
@@ -896,39 +896,39 @@ class vn {
};
n = a ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = a ? n : "[*+-]");
const l = new RegExp(`^( {0,3}${n})((?:[ ][^\\n]*)?(?:\\n|$))`);
- let r = "", s = "", c = !1;
+ let r = "", s = "", u = !1;
for (; e; ) {
- let u = !1;
+ let c = !1;
if (!(t = l.exec(e)) || this.rules.block.hr.test(e))
break;
r = t[0], e = e.substring(r.length);
- let m = t[2].split(`
+ let h = t[2].split(`
`, 1)[0].replace(/^\t+/, (E) => " ".repeat(3 * E.length)), d = e.split(`
`, 1)[0], f = 0;
- this.options.pedantic ? (f = 2, s = m.trimStart()) : (f = t[2].search(/[^ ]/), f = f > 4 ? 1 : f, s = m.slice(f), f += t[1].length);
+ this.options.pedantic ? (f = 2, s = h.trimStart()) : (f = t[2].search(/[^ ]/), f = f > 4 ? 1 : f, s = h.slice(f), f += t[1].length);
let v = !1;
- if (!m && /^ *$/.test(d) && (r += d + `
-`, e = e.substring(d.length + 1), u = !0), !u) {
- const E = new RegExp(`^ {0,${Math.min(3, f - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ ][^\\n]*)?(?:\\n|$))`), h = new RegExp(`^ {0,${Math.min(3, f - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), _ = new RegExp(`^ {0,${Math.min(3, f - 1)}}(?:\`\`\`|~~~)`), g = new RegExp(`^ {0,${Math.min(3, f - 1)}}#`);
+ if (!h && /^ *$/.test(d) && (r += d + `
+`, e = e.substring(d.length + 1), c = !0), !c) {
+ const E = new RegExp(`^ {0,${Math.min(3, f - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ ][^\\n]*)?(?:\\n|$))`), m = new RegExp(`^ {0,${Math.min(3, f - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), _ = new RegExp(`^ {0,${Math.min(3, f - 1)}}(?:\`\`\`|~~~)`), g = new RegExp(`^ {0,${Math.min(3, f - 1)}}#`);
for (; e; ) {
- const y = e.split(`
+ const F = e.split(`
`, 1)[0];
- if (d = y, this.options.pedantic && (d = d.replace(/^ {1,4}(?=( {4})*[^ ])/g, " ")), _.test(d) || g.test(d) || E.test(d) || h.test(e))
+ if (d = F, this.options.pedantic && (d = d.replace(/^ {1,4}(?=( {4})*[^ ])/g, " ")), _.test(d) || g.test(d) || E.test(d) || m.test(e))
break;
if (d.search(/[^ ]/) >= f || !d.trim())
s += `
` + d.slice(f);
else {
- if (v || m.search(/[^ ]/) >= 4 || _.test(m) || g.test(m) || h.test(m))
+ if (v || h.search(/[^ ]/) >= 4 || _.test(h) || g.test(h) || m.test(h))
break;
s += `
` + d;
}
- !v && !d.trim() && (v = !0), r += y + `
-`, e = e.substring(y.length + 1), m = d.slice(f);
+ !v && !d.trim() && (v = !0), r += F + `
+`, e = e.substring(F.length + 1), h = d.slice(f);
}
}
- o.loose || (c ? o.loose = !0 : /\n *\n *$/.test(r) && (c = !0));
+ o.loose || (u ? o.loose = !0 : /\n *\n *$/.test(r) && (u = !0));
let D = null, b;
this.options.gfm && (D = /^\[[ xX]\] /.exec(s), D && (b = D[0] !== "[ ] ", s = s.replace(/^\[[ xX]\] +/, ""))), o.items.push({
type: "list_item",
@@ -941,14 +941,14 @@ class vn {
}), o.raw += r;
}
o.items[o.items.length - 1].raw = r.trimEnd(), o.items[o.items.length - 1].text = s.trimEnd(), o.raw = o.raw.trimEnd();
- for (let u = 0; u < o.items.length; u++)
- if (this.lexer.state.top = !1, o.items[u].tokens = this.lexer.blockTokens(o.items[u].text, []), !o.loose) {
- const m = o.items[u].tokens.filter((f) => f.type === "space"), d = m.length > 0 && m.some((f) => /\n.*\n/.test(f.raw));
+ for (let c = 0; c < o.items.length; c++)
+ if (this.lexer.state.top = !1, o.items[c].tokens = this.lexer.blockTokens(o.items[c].text, []), !o.loose) {
+ const h = o.items[c].tokens.filter((f) => f.type === "space"), d = h.length > 0 && h.some((f) => /\n.*\n/.test(f.raw));
o.loose = d;
}
if (o.loose)
- for (let u = 0; u < o.items.length; u++)
- o.items[u].loose = !0;
+ for (let c = 0; c < o.items.length; c++)
+ o.items[c].loose = !0;
return o;
}
}
@@ -980,7 +980,7 @@ class vn {
const t = this.rules.block.table.exec(e);
if (!t || !/[:|]/.test(t[2]))
return;
- const n = Oi(t[1]), a = t[2].replace(/^\||\| *$/g, "").split("|"), o = t[3] && t[3].trim() ? t[3].replace(/\n[ \t]*$/, "").split(`
+ const n = qi(t[1]), a = t[2].replace(/^\||\| *$/g, "").split("|"), o = t[3] && t[3].trim() ? t[3].replace(/\n[ \t]*$/, "").split(`
`) : [], l = {
type: "table",
raw: t[0],
@@ -997,7 +997,7 @@ class vn {
tokens: this.lexer.inline(r)
});
for (const r of o)
- l.rows.push(Oi(r, l.header.length).map((s) => ({
+ l.rows.push(qi(r, l.header.length).map((s) => ({
text: s,
tokens: this.lexer.inline(s)
})));
@@ -1044,7 +1044,7 @@ class vn {
return {
type: "escape",
raw: t[0],
- text: Te(t[1])
+ text: Be(t[1])
};
}
tag(e) {
@@ -1066,7 +1066,7 @@ class vn {
if (!this.options.pedantic && /^$/.test(n))
return;
- const l = ln(n.slice(0, -1), "\\");
+ const l = _n(n.slice(0, -1), "\\");
if ((n.length - l.length) % 2 === 0)
return;
} else {
@@ -1082,7 +1082,7 @@ class vn {
l && (a = l[1], o = l[3]);
} else
o = t[3] ? t[3].slice(1, -1) : "";
- return a = a.trim(), /^$/.test(n) ? a = a.slice(1) : a = a.slice(1, -1)), qi(t, {
+ return a = a.trim(), /^$/.test(n) ? a = a.slice(1) : a = a.slice(1, -1)), Ni(t, {
href: a && a.replace(this.rules.inline.anyPunctuation, "$1"),
title: o && o.replace(this.rules.inline.anyPunctuation, "$1")
}, t[0], this.lexer);
@@ -1100,7 +1100,7 @@ class vn {
text: l
};
}
- return qi(n, o, n[0], this.lexer);
+ return Ni(n, o, n[0], this.lexer);
}
}
emStrong(e, t, n = "") {
@@ -1109,21 +1109,21 @@ class vn {
return;
if (!(a[1] || a[2] || "") || !n || this.rules.inline.punctuation.exec(n)) {
const l = [...a[0]].length - 1;
- let r, s, c = l, u = 0;
- const m = a[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
- for (m.lastIndex = 0, t = t.slice(-1 * e.length + l); (a = m.exec(t)) != null; ) {
+ let r, s, u = l, c = 0;
+ const h = a[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+ for (h.lastIndex = 0, t = t.slice(-1 * e.length + l); (a = h.exec(t)) != null; ) {
if (r = a[1] || a[2] || a[3] || a[4] || a[5] || a[6], !r)
continue;
if (s = [...r].length, a[3] || a[4]) {
- c += s;
+ u += s;
continue;
} else if ((a[5] || a[6]) && l % 3 && !((l + s) % 3)) {
- u += s;
+ c += s;
continue;
}
- if (c -= s, c > 0)
+ if (u -= s, u > 0)
continue;
- s = Math.min(s, s + c + u);
+ s = Math.min(s, s + u + c);
const d = [...a[0]][0].length, f = e.slice(0, l + a.index + d + s);
if (Math.min(l, s) % 2) {
const D = f.slice(1, -1);
@@ -1149,7 +1149,7 @@ class vn {
if (t) {
let n = t[2].replace(/\n/g, " ");
const a = /[^ ]/.test(n), o = /^ /.test(n) && / $/.test(n);
- return a && o && (n = n.substring(1, n.length - 1)), n = Te(n, !0), {
+ return a && o && (n = n.substring(1, n.length - 1)), n = Be(n, !0), {
type: "codespan",
raw: t[0],
text: n
@@ -1178,7 +1178,7 @@ class vn {
const t = this.rules.inline.autolink.exec(e);
if (t) {
let n, a;
- return t[2] === "@" ? (n = Te(t[1]), a = "mailto:" + n) : (n = Te(t[1]), a = n), {
+ return t[2] === "@" ? (n = Be(t[1]), a = "mailto:" + n) : (n = Be(t[1]), a = n), {
type: "link",
raw: t[0],
text: n,
@@ -1199,13 +1199,13 @@ class vn {
if (t = this.rules.inline.url.exec(e)) {
let a, o;
if (t[2] === "@")
- a = Te(t[0]), o = "mailto:" + a;
+ a = Be(t[0]), o = "mailto:" + a;
else {
let l;
do
l = t[0], t[0] = ((n = this.rules.inline._backpedal.exec(t[0])) == null ? void 0 : n[0]) ?? "";
while (l !== t[0]);
- a = Te(t[0]), t[1] === "www." ? o = "http://" + t[0] : o = t[0];
+ a = Be(t[0]), t[1] === "www." ? o = "http://" + t[0] : o = t[0];
}
return {
type: "link",
@@ -1226,7 +1226,7 @@ class vn {
const t = this.rules.inline.text.exec(e);
if (t) {
let n;
- return this.lexer.state.inRawBlock ? n = t[0] : n = Te(t[0]), {
+ return this.lexer.state.inRawBlock ? n = t[0] : n = Be(t[0]), {
type: "text",
raw: t[0],
text: n
@@ -1234,118 +1234,118 @@ class vn {
}
}
}
-const po = /^(?: *(?:\n|$))+/, ho = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, mo = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, Xt = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, go = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Ka = /(?:[*+-]|\d{1,9}[.)])/, Qa = Y(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, Ka).replace(/blockCode/g, / {4}/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).getRegex(), ai = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, vo = /^[^\n]+/, li = /(?!\s*\])(?:\\.|[^\[\]\\])+/, Do = Y(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label", li).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), bo = Y(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Ka).getRegex(), wn = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", oi = /|$))/, yo = Y("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|\\n*|$)|\\n*|$)|)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", "i").replace("comment", oi).replace("tag", wn).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Ja = Y(ai).replace("hr", Xt).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", wn).getRegex(), Fo = Y(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Ja).getRegex(), ri = {
+const po = /^(?: *(?:\n|$))+/, ho = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, mo = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, nn = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, go = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Qa = /(?:[*+-]|\d{1,9}[.)])/, Ja = Y(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, Qa).replace(/blockCode/g, / {4}/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).getRegex(), ui = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, vo = /^[^\n]+/, ci = /(?!\s*\])(?:\\.|[^\[\]\\])+/, Do = Y(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label", ci).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), bo = Y(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Qa).getRegex(), Tn = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", _i = /|$))/, yo = Y("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|\\n*|$)|\\n*|$)|)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", "i").replace("comment", _i).replace("tag", Tn).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), el = Y(ui).replace("hr", nn).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", Tn).getRegex(), Fo = Y(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", el).getRegex(), di = {
blockquote: Fo,
code: ho,
def: Do,
fences: mo,
heading: go,
- hr: Xt,
+ hr: nn,
html: yo,
- lheading: Qa,
+ lheading: Ja,
list: bo,
newline: po,
- paragraph: Ja,
- table: jt,
+ paragraph: el,
+ table: Kt,
text: vo
-}, Ni = Y("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", Xt).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", " {4}[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", wn).getRegex(), $o = {
- ...ri,
- table: Ni,
- paragraph: Y(ai).replace("hr", Xt).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Ni).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", wn).getRegex()
-}, wo = {
- ...ri,
- html: Y(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|' + (n ? e : Te(e, !0)) + `" + (n ? e : Te(e, !0)) + `' + (n ? e : Be(e, !0)) + `" + (n ? e : Be(e, !0)) + `An error occurred:
" + Te(n.message + "", !0) + ""; + const a = "
An error occurred:
" + Be(n.message + "", !0) + ""; return t ? Promise.resolve(a) : a; } if (t) @@ -2057,40 +2057,40 @@ Please report this to https://github.com/markedjs/marked.`, e) { throw n; }; }; -const Ft = new Po(); +const Ct = new Mo(); function Z(i, e) { - return Ft.parse(i, e); + return Ct.parse(i, e); } Z.options = Z.setOptions = function(i) { - return Ft.setOptions(i), Z.defaults = Ft.defaults, Za(Z.defaults), Z; + return Ct.setOptions(i), Z.defaults = Ct.defaults, Ya(Z.defaults), Z; }; -Z.getDefaults = ii; -Z.defaults = wt; +Z.getDefaults = si; +Z.defaults = Tt; Z.use = function(...i) { - return Ft.use(...i), Z.defaults = Ft.defaults, Za(Z.defaults), Z; + return Ct.use(...i), Z.defaults = Ct.defaults, Ya(Z.defaults), Z; }; Z.walkTokens = function(i, e) { - return Ft.walkTokens(i, e); + return Ct.walkTokens(i, e); }; -Z.parseInline = Ft.parseInline; -Z.Parser = Je; -Z.parser = Je.parse; -Z.Renderer = bn; -Z.TextRenderer = ui; -Z.Lexer = Qe; -Z.lexer = Qe.lex; -Z.Tokenizer = vn; -Z.Hooks = Vt; +Z.parseInline = Ct.parseInline; +Z.Parser = nt; +Z.parser = nt.parse; +Z.Renderer = En; +Z.TextRenderer = pi; +Z.Lexer = tt; +Z.lexer = tt.lex; +Z.Tokenizer = $n; +Z.Hooks = Qt; Z.parse = Z; Z.options; Z.setOptions; Z.use; Z.walkTokens; Z.parseInline; -Je.parse; -Qe.lex; -const zo = /[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g, Uo = Object.hasOwnProperty; -class ll { +nt.parse; +tt.lex; +const Po = /[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g, Uo = Object.hasOwnProperty; +class ol { /** * Create a new slug class. */ @@ -2129,9 +2129,9 @@ class ll { } } function Ho(i, e) { - return typeof i != "string" ? "" : (e || (i = i.toLowerCase()), i.replace(zo, "").replace(/ /g, "-")); + return typeof i != "string" ? "" : (e || (i = i.toLowerCase()), i.replace(Po, "").replace(/ /g, "-")); } -new ll(); +new ol(); var Mi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Go = { exports: {} }; (function(i) { var e = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {}; @@ -2199,8 +2199,8 @@ var Mi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t * @memberof Prism */ util: { - encode: function h(_) { - return _ instanceof s ? new s(_.type, h(_.content), _.alias) : Array.isArray(_) ? _.map(h) : _.replace(/&/g, "&").replace(/} */ - {}, g[$] = y; + if (w = r.util.objId(_), g[w]) + return g[w]; + F = /** @type {Record
+