import { CSSResultArray , html , PropertyValues , SizedMixin , SpectrumElement , TemplateResult , } from '@spectrum-web-components/base' ; import { property } from '@spectrum-web-components/base/src/decorators.js' ; import styles from './divider.css.js' ; element export class Divider extends SizedMixin ( SpectrumElement , { validSizes : [ 's' , 'm' , 'l' ] , } ) { public static styles : CSSResultArray = [ styles ] ; @ property ( { type : Boolean , reflect : true } ) public vertical = false ; protected render ( ) { return html `` ; } protected firstUpdated ( changed ) { super . firstUpdated ( changed ) ; this . setAttribute ( 'role' , 'separator' ) ; } protected updated ( changed ) { super . updated ( changed ) ; if ( changed . has ( 'vertical' ) ) { if ( this . vertical ) { this . setAttribute ( 'aria-orientation' , 'vertical' ) ; } else { this . removeAttribute ( 'aria-orientation' ) ; } } } }