import { DeesElement, customElement, TemplateResult, html, property, } from '@designestate/dees-element'; import * as domtools from '@designestate/dees-domtools'; enum ETestEnum { 'first' = 'first', 'second' = 'second', 'awesome' = 'awesome', } @customElement('test-demoelement') export class TestDemoelement extends DeesElement { public static demo = () => html``; @property({ type: Boolean, }) public demoBoolean = false; @property({ type: String, }) public demoString = 'default demo string'; @property({ type: Number, }) public demoNumber = 2; @property({ type: ETestEnum, }) public demoENum: ETestEnum = ETestEnum.first; public render() { return html`
This is a demo element
You have selected the ${this.goBright ? 'bright' : 'dark'} theme.
          demoBoolean is "${this.demoBoolean}"
          demoString is "${this.demoString}"
          demoNumber is "${this.demoNumber}"
          demoEnum is "${this.demoENum}"
        
`; } }