## Panoramax.components.ui.QualityScore ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/) **Kind**: static class of Panoramax.components.ui **Extends**: [lit.LitElement](https://lit.dev/docs/api/LitElement/) **Emits**: [change](#Panoramax.components.ui.QualityScore+event_change) **Element**: pnx-quality-score * [.QualityScore](#Panoramax.components.ui.QualityScore) ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/) * [new QualityScore()](#new_Panoramax.components.ui.QualityScore_new) * [.properties](#Panoramax.components.ui.QualityScore+properties) : Object * ["change"](#Panoramax.components.ui.QualityScore+event_change) ### new QualityScore() Quality Score element displays the picture quality grade. **Example** ```html alert('changed')} ._t=${viewer._t} /> ``` ### qualityScore.properties : Object Component properties. **Kind**: instance property of [QualityScore](#Panoramax.components.ui.QualityScore) **Properties** | Name | Type | Default | Description | | --- | --- | --- | --- | | [grade] | number \| string | 0 | The grade (5=A, 1=E, 0=none selected), or a list of grades | | [input] | string | false | If set, score is an input and value is used as ID prefix | ### "change" Event for grade change **Kind**: event emitted by [QualityScore](#Panoramax.components.ui.QualityScore)