updated search index

website/static/search_index.json

@@ -366,7 +366,7 @@
   },
   {
     "title": "Icon",
-    "content": "This element is based on Quasar's QIcon <https://quasar.dev/vue-components/icon>_ component.  Here <https://fonts.google.com/icons?icon.set=Material+Icons>_ is a reference of possible names.  :param name: name of the icon :param size: size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl), examples: 16px, 2rem :param color: icon color (either a Quasar, Tailwind, or CSS color or None, default: None)",
+    "content": "This element is based on Quasar's QIcon <https://quasar.dev/vue-components/icon>_ component.  Here <https://fonts.google.com/icons?icon.set=Material+Icons>_ is a reference of possible names.  :param name: name of the icon (snake case, e.g. add_circle) :param size: size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl), examples: 16px, 2rem :param color: icon color (either a Quasar, Tailwind, or CSS color or None, default: None)",
     "url": "/documentation/icon"
   },
   {
@@ -391,12 +391,12 @@
   },
   {
     "title": "Open",
-    "content": "Can be used to programmatically trigger redirects for a specific client.  Note that *all* clients (i.e. browsers) connected to the page will open the target URL *unless* a socket is specified. User events like button clicks provide such a socket.  :param target: page function or string that is a an absolute URL or relative path from base URL :param new_tab: whether to open the target in a new tab",
+    "content": "Can be used to programmatically trigger redirects for a specific client.  Note that *all* clients (i.e. browsers) connected to the page will open the target URL *unless* a socket is specified. User events like button clicks provide such a socket.  When using the new_tab parameter, the browser might block the new tab. This is a browser setting and cannot be changed by the application. You might want to use ui.link and its new_tab parameter instead.  :param target: page function or string that is a an absolute URL or relative path from base URL :param new_tab: whether to open the target in a new tab (might be blocked by the browser)",
     "url": "/documentation/open"
   },
   {
     "title": "Checkbox",
-    "content": ":param text: the label to display next to the checkbox :param value: whether it should be checked initially (default: False) :param on_change: callback to execute when value changes",
+    "content": "This element is based on Quasar's QCheckbox <https://quasar.dev/vue-components/checkbox>_ component.  :param text: the label to display next to the checkbox :param value: whether it should be checked initially (default: False) :param on_change: callback to execute when value changes",
     "url": "/documentation/checkbox"
   },
   {
@@ -441,12 +441,12 @@
   },
   {
     "title": "Spinner",
-    "content": "See Quasar Spinner <https://quasar.dev/vue-components/spinners>_ for more information.  :param type: type of spinner (e.g. \"audio\", \"ball\", \"bars\", ..., default: \"default\") :param size: size of the spinner (e.g. \"3em\", \"10px\", \"xl\", ..., default: \"1em\") :param color: color of the spinner (either a Quasar, Tailwind, or CSS color or None, default: \"primary\") :param thickness: thickness of the spinner (applies to the \"default\" spinner only, default: 5.0)",
+    "content": "This element is based on Quasar's QSpinner <https://quasar.dev/vue-components/spinners>_ component.  :param type: type of spinner (e.g. \"audio\", \"ball\", \"bars\", ..., default: \"default\") :param size: size of the spinner (e.g. \"3em\", \"10px\", \"xl\", ..., default: \"1em\") :param color: color of the spinner (either a Quasar, Tailwind, or CSS color or None, default: \"primary\") :param thickness: thickness of the spinner (applies to the \"default\" spinner only, default: 5.0)",
     "url": "/documentation/spinner"
   },
   {
     "title": "File Upload",
-    "content": "Based on Quasar's QUploader <https://quasar.dev/vue-components/uploader>_ component.  :param multiple: allow uploading multiple files at once (default: False) :param max_file_size: maximum file size in bytes (default: 0) :param max_total_size: maximum total size of all files in bytes (default: 0) :param max_files: maximum number of files (default: 0) :param on_upload: callback to execute for each uploaded file (type: nicegui.events.UploadEventArguments) :param on_rejected: callback to execute for each rejected file :param label: label for the uploader (default: '') :param auto_upload: automatically upload files when they are selected (default: False) reset",
+    "content": "Based on Quasar's QUploader <https://quasar.dev/vue-components/uploader>_ component.  :param multiple: allow uploading multiple files at once (default: False) :param max_file_size: maximum file size in bytes (default: 0) :param max_total_size: maximum total size of all files in bytes (default: 0) :param max_files: maximum number of files (default: 0) :param on_upload: callback to execute for each uploaded file (type: nicegui.events.UploadEventArguments) :param on_rejected: callback to execute for each rejected file :param label: label for the uploader (default: '') :param auto_upload: automatically upload files when they are selected (default: False) reset Clear the upload queue.",
     "url": "/documentation/upload"
   },
   {
@@ -536,12 +536,12 @@
   },
   {
     "title": "Carousel",
-    "content": "This element represents Quasar's QCarousel <https://quasar.dev/vue-components/carousel#qcarousel-api>_ component. It contains individual carousel slides.  :param value: ui.carousel_slide or name of the slide to be initially selected (default: None meaning the first slide) :param on_value_change: callback to be executed when the selected slide changes :param animated: whether to animate slide transitions (default: False) :param arrows: whether to show arrows for manual slide navigation (default: False) :param navigation: whether to show navigation dots for manual slide navigation (default: False) on_value_change next previous",
+    "content": "This element represents Quasar's QCarousel <https://quasar.dev/vue-components/carousel#qcarousel-api>_ component. It contains individual carousel slides.  :param value: ui.carousel_slide or name of the slide to be initially selected (default: None meaning the first slide) :param on_value_change: callback to be executed when the selected slide changes :param animated: whether to animate slide transitions (default: False) :param arrows: whether to show arrows for manual slide navigation (default: False) :param navigation: whether to show navigation dots for manual slide navigation (default: False) on_value_change next Show the next slide.previous Show the previous slide.",
     "url": "/documentation/carousel"
   },
   {
     "title": "Slider",
-    "content": ":param min: lower bound of the slider :param max: upper bound of the slider :param step: step size :param value: initial value to set position of the slider :param on_change: callback which is invoked when the user releases the slider",
+    "content": "This element is based on Quasar's QSlider <https://quasar.dev/vue-components/slider>_ component.  :param min: lower bound of the slider :param max: upper bound of the slider :param step: step size :param value: initial value to set position of the slider :param on_change: callback which is invoked when the user releases the slider",
     "url": "/documentation/slider"
   },
   {
@@ -571,7 +571,7 @@
   },
   {
     "title": "Radio Selection",
-    "content": "The options can be specified as a list of values, or as a dictionary mapping values to labels. After manipulating the options, call update() to update the options in the UI.  :param options: a list ['value1', ...] or dictionary 'value1':'label1', ... specifying the options :param value: the initial value :param on_change: callback to execute when selection changes",
+    "content": "This element is based on Quasar's QRadio <https://quasar.dev/vue-components/radio>_ component.  The options can be specified as a list of values, or as a dictionary mapping values to labels. After manipulating the options, call update() to update the options in the UI.  :param options: a list ['value1', ...] or dictionary 'value1':'label1', ... specifying the options :param value: the initial value :param on_change: callback to execute when selection changes",
     "url": "/documentation/radio"
   },
   {
@@ -651,7 +651,7 @@
   },
   {
     "title": "Menu",
-    "content": "Creates a menu. The menu should be placed inside the element where it should be shown.  :param value: whether the menu is already opened (default: False) open Open the menu.close Close the menu.toggle Toggle the menu.",
+    "content": "Creates a menu based on Quasar's QMenu <https://quasar.dev/vue-components/menu>_ component. The menu should be placed inside the element where it should be shown.  :param value: whether the menu is already opened (default: False) open Open the menu.close Close the menu.toggle Toggle the menu.",
     "url": "/documentation/menu"
   },
   {
@@ -676,7 +676,7 @@
   },
   {
     "title": "Toggle",
-    "content": "The options can be specified as a list of values, or as a dictionary mapping values to labels. After manipulating the options, call update() to update the options in the UI.  :param options: a list ['value1', ...] or dictionary 'value1':'label1', ... specifying the options :param value: the initial value :param on_change: callback to execute when selection changes :param clearable: whether the toggle can be cleared by clicking the selected option",
+    "content": "This element is based on Quasar's QBtnToggle <https://quasar.dev/vue-components/button-toggle>_ component.  The options can be specified as a list of values, or as a dictionary mapping values to labels. After manipulating the options, call update() to update the options in the UI.  :param options: a list ['value1', ...] or dictionary 'value1':'label1', ... specifying the options :param value: the initial value :param on_change: callback to execute when selection changes :param clearable: whether the toggle can be cleared by clicking the selected option",
     "url": "/documentation/toggle"
   },
   {
@@ -691,7 +691,7 @@
   },
   {
     "title": "Stepper",
-    "content": "This element represents Quasar's QStepper <https://quasar.dev/vue-components/stepper#qstepper-api>_ component. It contains individual steps.  To avoid issues with dynamic elements when switching steps, this element uses Vue's keep-alive <https://vuejs.org/guide/built-ins/keep-alive.html>_ component. If client-side performance is an issue, you can disable this feature.  :param value: ui.step or name of the step to be initially selected (default: None meaning the first step) :param on_value_change: callback to be executed when the selected step changes :param keep_alive: whether to use Vue's keep-alive component on the content (default: True) on_value_change next previous",
+    "content": "This element represents Quasar's QStepper <https://quasar.dev/vue-components/stepper#qstepper-api>_ component. It contains individual steps.  To avoid issues with dynamic elements when switching steps, this element uses Vue's keep-alive <https://vuejs.org/guide/built-ins/keep-alive.html>_ component. If client-side performance is an issue, you can disable this feature.  :param value: ui.step or name of the step to be initially selected (default: None meaning the first step) :param on_value_change: callback to be executed when the selected step changes :param keep_alive: whether to use Vue's keep-alive component on the content (default: True) on_value_change next Show the next step.previous Show the previous step.",
     "url": "/documentation/stepper"
   },
   {
@@ -721,7 +721,7 @@
   },
   {
     "title": "Expansion Element",
-    "content": "Provides an expandable container.  :param text: title text :param icon: optional icon (default: None) :param value: whether the expansion should be opened on creation (default: False) :param on_value_change: callback to execute when value changes open close",
+    "content": "Provides an expandable container based on Quasar's QExpansionItem <https://quasar.dev/vue-components/expansion-item>_ component.  :param text: title text :param icon: optional icon (default: None) :param value: whether the expansion should be opened on creation (default: False) :param on_value_change: callback to execute when value changes open Open the expansion.close Close the expansion.",
     "url": "/documentation/expansion"
   },
   {
@@ -731,7 +731,7 @@
   },
   {
     "title": "Dialog",
-    "content": "Creates a dialog. By default it is dismissible by clicking or pressing ESC. To make it persistent, set .props('persistent') on the dialog element.  :param value: whether the dialog should be opened on creation (default: False) open close submit on_value_change",
+    "content": "Creates a dialog based on Quasar's QDialog <https://quasar.dev/vue-components/dialog>_ component. By default it is dismissible by clicking or pressing ESC. To make it persistent, set .props('persistent') on the dialog element.  :param value: whether the dialog should be opened on creation (default: False) open close submit on_value_change",
     "url": "/documentation/dialog"
   },
   {
@@ -746,7 +746,7 @@
   },
   {
     "title": "Tree",
-    "content": "Display hierarchical data using Quasar's QTree <https://quasar.dev/vue-components/tree>_ component.  If using IDs, make sure they are unique within the whole tree.  To use checkboxes and `on_tick, set the tick_strategy parameter to \"leaf\", \"leaf-filtered\" or \"strict\".  :param nodes: hierarchical list of node objects :param node_key: property name of each node object that holds its unique id (default: \"id\") :param label_key: property name of each node object that holds its label (default: \"label\") :param children_key: property name of each node object that holds its list of children (default: \"children\") :param on_select: callback which is invoked when the node selection changes :param on_expand: callback which is invoked when the node expansion changes :param on_tick: callback which is invoked when a node is ticked or unticked :param tick_strategy: whether and how to use checkboxes (\"leaf\", \"leaf-filtered\" or \"strict\"; default: None`)",
+    "content": "Display hierarchical data using Quasar's QTree <https://quasar.dev/vue-components/tree>_ component.  If using IDs, make sure they are unique within the whole tree.  To use checkboxes and `on_tick, set the tick_strategy parameter to \"leaf\", \"leaf-filtered\" or \"strict\".  :param nodes: hierarchical list of node objects :param node_key: property name of each node object that holds its unique id (default: \"id\") :param label_key: property name of each node object that holds its label (default: \"label\") :param children_key: property name of each node object that holds its list of children (default: \"children\") :param on_select: callback which is invoked when the node selection changes :param on_expand: callback which is invoked when the node expansion changes :param on_tick: callback which is invoked when a node is ticked or unticked :param tick_strategy: whether and how to use checkboxes (\"leaf\", \"leaf-filtered\" or \"strict\"; default: None) :param default_expand_all: whether to expand all nodes by default (default: False`) expand Expand the given nodes.  :param node_keys: list of node keys to expand (default: all nodes) collapse Collapse the given nodes.  :param node_keys: list of node keys to collapse (default: all nodes) props",
     "url": "/documentation/tree"
   },
   {
@@ -755,9 +755,9 @@
     "url": "/documentation/tree#tree_with_custom_header_and_body"
   },
   {
-    "title": "Tree: Expand programmatically",
-    "content": "The tree can be expanded programmatically by modifying the \"expanded\" prop.",
-    "url": "/documentation/tree#expand_programmatically"
+    "title": "Tree: Expand and collapse programmatically",
+    "content": "The whole tree or individual nodes can be toggled programmatically using the expand() and collapse() methods.",
+    "url": "/documentation/tree#expand_and_collapse_programmatically"
   },
   {
     "title": "Tree: Tree with checkboxes",
@@ -766,7 +766,7 @@
   },
   {
     "title": "Switch",
-    "content": ":param text: the label to display next to the switch :param value: whether it should be active initially (default: False) :param on_change: callback which is invoked when state is changed by the user",
+    "content": "This element is based on Quasar's QToggle <https://quasar.dev/vue-components/toggle>_ component.  :param text: the label to display next to the switch :param value: whether it should be active initially (default: False) :param on_change: callback which is invoked when state is changed by the user",
     "url": "/documentation/switch"
   },
   {
@@ -861,7 +861,7 @@
   },
   {
     "title": "Color Input",
-    "content": ":param label: displayed label for the color input :param placeholder: text to show if no color is selected :param value: the current color value :param on_change: callback to execute when the value changes :param preview: change button background to selected color (default: False) open_picker Open the color pickeron_value_change",
+    "content": "This element extends Quasar's QInput <https://quasar.dev/vue-components/input>_ component with a color picker.  :param label: displayed label for the color input :param placeholder: text to show if no color is selected :param value: the current color value :param on_change: callback to execute when the value changes :param preview: change button background to selected color (default: False) open_picker Open the color pickeron_value_change",
     "url": "/documentation/color_input"
   },
   {
@@ -881,13 +881,13 @@
   },
   {
     "title": "Video",
-    "content": ":param src: URL or local file path of the video source :param controls: whether to show the video controls, like play, pause, and volume (default: True) :param autoplay: whether to start playing the video automatically (default: False) :param muted: whether the video should be initially muted (default: False) :param loop: whether the video should loop (default: False)  See here <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#events>_ for a list of events you can subscribe to using the generic event subscription on(). seek Seek to a specific position in the video.  :param seconds: the position in seconds",
+    "content": "Displays a video.  :param src: URL or local file path of the video source :param controls: whether to show the video controls, like play, pause, and volume (default: True) :param autoplay: whether to start playing the video automatically (default: False) :param muted: whether the video should be initially muted (default: False) :param loop: whether the video should loop (default: False)  See here <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#events>_ for a list of events you can subscribe to using the generic event subscription on(). seek Seek to a specific position in the video.  :param seconds: the position in seconds play Play video.pause Pause video.",
     "url": "/documentation/video"
   },
   {
-    "title": "Video: Video start position",
-    "content": "This demo shows how to set the start position of a video.",
-    "url": "/documentation/video#video_start_position"
+    "title": "Video: Control the video element",
+    "content": "This demo shows how to play, pause and seek programmatically.",
+    "url": "/documentation/video#control_the_video_element"
   },
   {
     "title": "Date Input",
@@ -906,7 +906,7 @@
   },
   {
     "title": "Card",
-    "content": "This element is based on Quasar's QCard <https://quasar.dev/vue-components/card>_ component. It provides a container with a dropped shadow.  Note: There are subtle differences between the Quasar component and this element. In contrast to this element, the original QCard has no padding by default and hides outer borders of nested elements. If you want the original behavior, use the tight method. If you want the padding and borders for nested children, move the children into another container. tight Removes padding and gaps between nested elements.",
+    "content": "This element is based on Quasar's QCard <https://quasar.dev/vue-components/card>_ component. It provides a container with a dropped shadow.  Note: There are subtle differences between the Quasar component and this element. In contrast to this element, the original QCard has no padding by default and hides outer borders of nested elements. If you want the original behavior, use the tight method. If you want the padding and borders for nested children, move the children into another container. tight Remove padding and gaps between nested elements.",
     "url": "/documentation/card"
   },
   {
@@ -934,6 +934,21 @@
     "content": "This demo shows how to move elements between or within containers.",
     "url": "/documentation/element#move_elements"
   },
+  {
+    "title": "Element: Default props",
+    "content": "You can set default props for all elements of a certain class. This way you can avoid repeating the same props over and over again.  Default props only apply to elements created after the default props were set. Subclasses inherit the default props of their parent class.",
+    "url": "/documentation/element#default_props"
+  },
+  {
+    "title": "Element: Default classes",
+    "content": "You can set default classes for all elements of a certain class. This way you can avoid repeating the same classes over and over again.  Default classes only apply to elements created after the default classes were set. Subclasses inherit the default classes of their parent class.",
+    "url": "/documentation/element#default_classes"
+  },
+  {
+    "title": "Element: Default style",
+    "content": "You can set a default style for all elements of a certain class. This way you can avoid repeating the same style over and over again.  A default style only applies to elements created after the default style was set. Subclasses inherit the default style of their parent class.",
+    "url": "/documentation/element#default_style"
+  },
   {
     "title": "Time Input",
     "content": "This element is based on Quasar's QTime <https://quasar.dev/vue-components/date>_ component. The time is a string in the format defined by the mask parameter.  :param value: the initial time :param mask: the format of the time string (default: 'HH:mm') :param on_change: callback to execute when changing the time",
@@ -956,7 +971,7 @@
   },
   {
     "title": "Image",
-    "content": "Displays an image.  :param source: the source of the image; can be a URL, local file path or a base64 string",
+    "content": "Displays an image. This element is based on Quasar's QImg <https://quasar.dev/vue-components/img>_ component.  :param source: the source of the image; can be a URL, local file path or a base64 string",
     "url": "/documentation/image"
   },
   {
@@ -986,7 +1001,7 @@
   },
   {
     "title": "Number Input",
-    "content": "This element is based on Quasar's QInput <https://quasar.dev/vue-components/input>_ component.  You can use the validation parameter to define a dictionary of validation rules. The key of the first rule that fails will be displayed as an error message.  :param label: displayed name for the number input :param placeholder: text to show if no value is entered :param value: the initial value of the field :param min: the minimum value allowed :param max: the maximum value allowed :param step: the step size for the stepper buttons :param prefix: a prefix to prepend to the displayed value :param suffix: a suffix to append to the displayed value :param format: a string like \"%.2f\" to format the displayed value :param on_change: callback to execute when the value changes :param validation: dictionary of validation rules, e.g. `'Too large!': lambda value: value < 3` sanitize",
+    "content": "This element is based on Quasar's QInput <https://quasar.dev/vue-components/input>_ component.  You can use the validation parameter to define a dictionary of validation rules. The key of the first rule that fails will be displayed as an error message.  :param label: displayed name for the number input :param placeholder: text to show if no value is entered :param value: the initial value of the field :param min: the minimum value allowed :param max: the maximum value allowed :param step: the step size for the stepper buttons :param prefix: a prefix to prepend to the displayed value :param suffix: a suffix to append to the displayed value :param format: a string like \"%.2f\" to format the displayed value :param on_change: callback to execute when the value changes :param validation: dictionary of validation rules, e.g. `'Too large!': lambda value: value < 3` sanitize Sanitize the current value to be within the allowed limits.",
     "url": "/documentation/number"
   },
   {
@@ -996,7 +1011,7 @@
   },
   {
     "title": "Dropdown Selection",
-    "content": "The options can be specified as a list of values, or as a dictionary mapping values to labels. After manipulating the options, call update() to update the options in the UI.  :param options: a list ['value1', ...] or dictionary 'value1':'label1', ... specifying the options :param value: the initial value :param on_change: callback to execute when selection changes :param with_input: whether to show an input field to filter the options :param multiple: whether to allow multiple selections :param clearable: whether to add a button to clear the selection on_filter",
+    "content": "This element is based on Quasar's QSelect <https://quasar.dev/vue-components/select>_ component.  The options can be specified as a list of values, or as a dictionary mapping values to labels. After manipulating the options, call update() to update the options in the UI.  :param options: a list ['value1', ...] or dictionary 'value1':'label1', ... specifying the options :param value: the initial value :param on_change: callback to execute when selection changes :param with_input: whether to show an input field to filter the options :param multiple: whether to allow multiple selections :param clearable: whether to add a button to clear the selection on_filter",
     "url": "/documentation/select"
   },
   {
@@ -1016,7 +1031,7 @@
   },
   {
     "title": "Separator",
-    "content": "A separator for cards, menus and other component containers. Similar to HTML's <hr> tag.",
+    "content": "This element is based on Quasar's QSeparator <https://quasar.dev/vue-components/separator>_ component.  It serves as a separator for cards, menus and other component containers and is similar to HTML's <hr> tag.",
     "url": "/documentation/separator"
   },
   {
@@ -1046,7 +1061,7 @@
   },
   {
     "title": "Color Picker",
-    "content": ":param on_pick: callback to execute when a color is picked :param value: whether the menu is already opened (default: False) set_color Set the color of the picker  :param color: the color to set",
+    "content": "This element is based on Quasar's QMenu <https://quasar.dev/vue-components/menu>_ and QColor <https://quasar.dev/vue-components/color>_ components.  :param on_pick: callback to execute when a color is picked :param value: whether the menu is already opened (default: False) set_color Set the color of the picker.  :param color: the color to set",
     "url": "/documentation/color_picker"
   },
   {
@@ -1146,7 +1161,7 @@
   },
   {
     "title": "3D Scene",
-    "content": "Display a 3D scene using three.js <https://threejs.org/>_. Currently NiceGUI supports boxes, spheres, cylinders/cones, extrusions, straight lines, curves and textured meshes. Objects can be translated, rotated and displayed with different color, opacity or as wireframes. They can also be grouped to apply joint movements.  :param width: width of the canvas :param height: height of the canvas :param grid: whether to display a grid :param on_click: callback to execute when a 3D object is clicked :param on_drag_start: callback to execute when a 3D object is dragged :param on_drag_end: callback to execute when a 3D object is dropped :param drag_constraints: comma-separated JavaScript expression for constraining positions of dragged objects (e.g. `'x = 0, z = y / 2'`) handle_init run_method handle_click handle_drag move_camera delete_objects clear Remove all objects from the scene.",
+    "content": "Display a 3D scene using three.js <https://threejs.org/>_. Currently NiceGUI supports boxes, spheres, cylinders/cones, extrusions, straight lines, curves and textured meshes. Objects can be translated, rotated and displayed with different color, opacity or as wireframes. They can also be grouped to apply joint movements.  :param width: width of the canvas :param height: height of the canvas :param grid: whether to display a grid :param on_click: callback to execute when a 3D object is clicked :param on_drag_start: callback to execute when a 3D object is dragged :param on_drag_end: callback to execute when a 3D object is dropped :param drag_constraints: comma-separated JavaScript expression for constraining positions of dragged objects (e.g. `'x = 0, z = y / 2') handle_init run_method Run a method on the client.  :param name: name of the method :param args: arguments to pass to the method handle_click handle_drag move_camera Move the camera to a new position.  :param x: camera x position :param y: camera y position :param z: camera z position :param look_at_x: camera look-at x position :param look_at_y: camera look-at y position :param look_at_z: camera look-at z position :param up_x: x component of the camera up vector :param up_y: y component of the camera up vector :param up_z: z component of the camera up vector :param duration: duration of the movement in seconds (default: 0.5) delete_objects Remove objects from the scene.  :param predicate: function which returns True` for objects which should be deleted clear Remove all objects from the scene.",
     "url": "/documentation/scene"
   },
   {
@@ -1186,9 +1201,14 @@
   },
   {
     "title": "Audio",
-    "content": ":param src: URL or local file path of the audio source :param controls: whether to show the audio controls, like play, pause, and volume (default: True) :param autoplay: whether to start playing the audio automatically (default: False) :param muted: whether the audio should be initially muted (default: False) :param loop: whether the audio should loop (default: False)  See here <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#events>_ for a list of events you can subscribe to using the generic event subscription on().",
+    "content": "Displays an audio player.  :param src: URL or local file path of the audio source :param controls: whether to show the audio controls, like play, pause, and volume (default: True) :param autoplay: whether to start playing the audio automatically (default: False) :param muted: whether the audio should be initially muted (default: False) :param loop: whether the audio should loop (default: False)  See here <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#events>_ for a list of events you can subscribe to using the generic event subscription on(). seek Seek to a specific position in the audio.  :param seconds: the position in seconds play Play audio.pause Pause audio.",
     "url": "/documentation/audio"
   },
+  {
+    "title": "Audio: Control the audio element",
+    "content": "This demo shows how to play, pause and seek programmatically.",
+    "url": "/documentation/audio#control_the_audio_element"
+  },
   {
     "title": "Chat Message",
     "content": "Based on Quasar's Chat Message <https://quasar.dev/vue-components/chat/>_ component.  :param text: the message body (can be a list of strings for multiple message parts) :param name: the name of the message author :param label: renders a label header/section only :param stamp: timestamp of the message :param avatar: URL to an avatar :param sent: render as a sent message (so from current user) (default: False) :param text_html: render text as HTML (default: False)",
@@ -1235,8 +1255,8 @@
     "url": "/documentation/link#link_from_images_and_other_elements"
   },
   {
-    "title": "Log view",
-    "content": "Create a log view that allows to add new lines without re-transmitting the whole history to the client.  :param max_lines: maximum number of lines before dropping oldest ones (default: None) push clear Clear the log",
+    "title": "Log View",
+    "content": "Create a log view that allows to add new lines without re-transmitting the whole history to the client.  :param max_lines: maximum number of lines before dropping oldest ones (default: None) push Add a new line to the log.  :param line: the line to add (can contain line breaks) clear Clear the log.",
     "url": "/documentation/log"
   },
   {
@@ -1246,7 +1266,7 @@
   },
   {
     "title": "Line Plot",
-    "content": "Create a line plot using pyplot. The push method provides live updating when utilized in combination with ui.timer.  :param n: number of lines :param limit: maximum number of datapoints per line (new points will displace the oldest) :param update_every: update plot only after pushing new data multiple times to save CPU and bandwidth :param close: whether the figure should be closed after exiting the context; set to False if you want to update it later (default: True) :param kwargs: arguments like figsize which should be passed to pyplot.figure <https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.figure.html>_ with_legend push clear Clear the line plot.",
+    "content": "Create a line plot using pyplot. The push method provides live updating when utilized in combination with ui.timer.  :param n: number of lines :param limit: maximum number of datapoints per line (new points will displace the oldest) :param update_every: update plot only after pushing new data multiple times to save CPU and bandwidth :param close: whether the figure should be closed after exiting the context; set to False if you want to update it later (default: True) :param kwargs: arguments like figsize which should be passed to pyplot.figure <https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.figure.html>_ with_legend Add a legend to the plot.  :param titles: list of titles for the lines :param kwargs: additional arguments which should be passed to pyplot.legend <https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.legend.html>_ push Push new data to the plot.  :param x: list of x values :param Y: list of lists of y values (one list per line) clear Clear the line plot.",
     "url": "/documentation/line_plot"
   },
   {