.. role:: clio-optional
   :class: clio-flag clio-flag-optional


######################
HoopsMarkupViewElement
######################

.. js:class:: wvc.HoopsMarkupViewElement

   Renders one redline markup view and its items.
   
   .. rubric:: Examples
   
   
   .. code-block:: html
   
      <hoops-markup-view uuid="view-1"></hoops-markup-view>
   
   .. rubric:: Custom Element
   
   
   ``hoops-markup-view``
   
   .. rubric:: Attributes
   
   
   **uuid**
   
   
      Identifier of the markup view to render
   
   
   .. rubric:: Events
   
   
   **hoops-delete-redline**
   
   
      Emitted when a markup item deletion is requested
   
   
   .. rubric:: Services
   
   
   **RedlineService**
   
   
      Service used to retrieve and mutate redlines
   
   
   .. rubric:: Since
   
   
   ``2025.7.0``
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsMarkupViewElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsMarkupViewElement.itemFilter`
   * :js:data:`~wvc.HoopsMarkupViewElement.uuid`
   * :js:data:`~wvc.HoopsMarkupViewElement.redlineService`
   
   



.. rst-class:: kind-group kind-constructors

.. rubric:: Constructors
   :class: kind-group-title


.. js:method:: wvc.HoopsMarkupViewElement.constructor

      .. rst-class:: sig-pretty-signature
      
         | HoopsMarkupViewElement(): :js:class:`HoopsMarkupViewElement <wvc.HoopsMarkupViewElement>`
      
      **Returns**\ : :js:class:`HoopsMarkupViewElement <wvc.HoopsMarkupViewElement>`
      



.. rst-class:: kind-group kind-properties

.. rubric:: Properties
   :class: kind-group-title


.. js:data:: wvc.HoopsMarkupViewElement.itemFilter

      .. rst-class:: sig-pretty-signature
      
         | itemFilter: (**item**\ : { id: *string*\ , type: *string* }) => *boolean*
      



.. js:data:: wvc.HoopsMarkupViewElement.uuid

      .. rst-class:: sig-pretty-signature
      
         | uuid: *string*
      



.. js:data:: wvc.HoopsMarkupViewElement.redlineService

      .. rst-class:: clio-flags
      
         :clio-optional:`optional`
      
      .. rst-class:: sig-pretty-signature
      
         | redlineService: :js:class:`IRedlineService <wvc.IRedlineService>`
      




