import { customElement } from 'lit/decorators.js'
import Element from './internals/DomainPropertyEditor.js'
import styles from './internals/styles/DomainPropertyEditor.styles.js'
import formStyles from './internals/styles/form_styles.js'
import typography from '../styles/m3/typography.module.js'

import '../md/menu/ui-menu.js'
import '../md/menu/ui-menu-item.js'
import '../md/select/ui-select.js'
import '../md/select/ui-option.js'

@customElement('domain-property-editor')
export class DomainPropertyEditorElement extends Element {
  static override styles = [styles, formStyles, typography]
}

declare global {
  interface HTMLElementTagNameMap {
    'domain-property-editor': DomainPropertyEditorElement
  }
}
