
####################
HoopsBcfPanelElement
####################

.. js:class:: wvc.HoopsBcfPanelElement

   Provides a BCF (BIM Collaboration Format) panel for managing BCF files, topics, and comments.
   
   When no BCF is loaded, the panel displays an empty state with options to create or import a BCF file.
   
   .. rubric:: Examples
   
   
   .. code-block:: html
   
      <hoops-bcf-panel></hoops-bcf-panel>
   
   .. rubric:: Custom Element
   
   
   ``hoops-bcf-panel``
   
   .. rubric:: Events
   
   
   **hoops-bcf-panel-bcf-created**
   
   
      Emitted when a new BCF is created, with detail ``{ id: number, filename: string }``
   
   
   **hoops-bcf-panel-bcf-imported**
   
   
      Emitted when a BCF file is imported, with detail ``{ id: number, filename: string }``
   
   
   **hoops-bcf-panel-topic-created**
   
   
      Emitted when a new topic is created, with detail ``{ topicId: string }``
   
   
   **hoops-bcf-panel-topic-removed**
   
   
      Emitted when a topic is removed, with detail ``{ topicId: string }``
   
   
   **hoops-bcf-panel-topic-clicked**
   
   
      Emitted when a topic is selected or its screenshot is clicked, with detail ``{ topicId: string }``
   
   
   **hoops-bcf-panel-comment-created**
   
   
      Emitted when a comment is created, with detail ``{ topicId: string, commentId: string }``
   
   
   **hoops-bcf-panel-comment-removed**
   
   
      Emitted when a comment is removed, with detail ``{ topicId: string, commentId: string }``
   
   
   .. rubric:: Since
   
   
   ``2026.7.0``
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsBcfPanelElement.constructor`
   
   



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

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


.. js:method:: wvc.HoopsBcfPanelElement.constructor

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




