## Panoramax.components.menus.SemanticsList ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/) **Kind**: static class of Panoramax.components.menus **Extends**: [lit.LitElement](https://lit.dev/docs/api/LitElement/) **Emits**: [select](#Panoramax.components.menus.SemanticsList+event_select), [edit-click](#Panoramax.components.menus.SemanticsList+event_edit-click), [delete-click](#Panoramax.components.menus.SemanticsList+event_delete-click) **Element**: pnx-semantics-list * [.SemanticsList](#Panoramax.components.menus.SemanticsList) ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/) * [new SemanticsList()](#new_Panoramax.components.menus.SemanticsList_new) * [.properties](#Panoramax.components.menus.SemanticsList+properties) : Object * [.showAnnotation(id)](#Panoramax.components.menus.SemanticsList+showAnnotation) * [.showTagsGroup(tags)](#Panoramax.components.menus.SemanticsList+showTagsGroup) * ["select"](#Panoramax.components.menus.SemanticsList+event_select) * ["edit-click"](#Panoramax.components.menus.SemanticsList+event_edit-click) * ["delete-click"](#Panoramax.components.menus.SemanticsList+event_delete-click) ### new SemanticsList() Semantics list shows listing of both picture tags and annotations. It uses the parent component currently selected picture. **Example** ```html ``` ### semanticsList.properties : Object Component properties. **Kind**: instance property of [SemanticsList](#Panoramax.components.menus.SemanticsList) **Properties** | Name | Type | Default | Description | | --- | --- | --- | --- | | [editable] | boolean | false | Show an "Edit" button ? | ### semanticsList.showAnnotation(id) Display a specific annotation details. **Kind**: instance method of [SemanticsList](#Panoramax.components.menus.SemanticsList) | Param | Type | Description | | --- | --- | --- | | id | string | The annotation UUID | ### semanticsList.showTagsGroup(tags) Display a specific tag group details. **Kind**: instance method of [SemanticsList](#Panoramax.components.menus.SemanticsList) | Param | Type | Description | | --- | --- | --- | | tags | object | The tags to find | ### "select" Event for item selection **Kind**: event emitted by [SemanticsList](#Panoramax.components.menus.SemanticsList) **Properties** | Name | Type | Description | | --- | --- | --- | | detail.item | object | The selected annotation/tag group (or null if none) | ### "edit-click" Event for edit button click **Kind**: event emitted by [SemanticsList](#Panoramax.components.menus.SemanticsList) **Properties** | Name | Type | Description | | --- | --- | --- | | detail.item | object | The annotation/tag group to edit | ### "delete-click" Event for delete button click **Kind**: event emitted by [SemanticsList](#Panoramax.components.menus.SemanticsList) **Properties** | Name | Type | Description | | --- | --- | --- | | detail.item | object | The annotation/tag group to delete |