Newer
Older
import {css, html, LitElement} from 'lit-element';
import {ScopedElementsMixin} from '@open-wc/scoped-elements';
//import {ClassName} from '@dbp-toolkit/package-name/src/dbp-demo-activity-name'; TODO
import * as commonUtils from '@dbp-toolkit/common/utils';
import * as commonStyles from '@dbp-toolkit/common/styles';
import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
// import readme from '@dbp-toolkit/class-name/README.md'; TODO
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import highlightCSSPath from 'highlight.js/styles/default.css';
import * as demoStyles from "./styles";
class DbpActivityNameDemoActivity extends ScopedElementsMixin(LitElement) { //TODO
static get scopedElements() {
return {
// TODO
//'dbp-class-name-demo': ClassName,
};
}
static get properties() {
return {
};
}
connectedCallback() {
super.connectedCallback();
this.updateComplete.then(()=>{
});
}
static get styles() {
// language=css
return [
commonStyles.getThemeCSS(),
commonStyles.getGeneralCSS(),
demoStyles.getDemoCSS(),
css`
h1.title {margin-bottom: 1em;}
div.container {margin-bottom: 1.5em;}
#demo{
display: block;
padding-top: 50px;
}
`
];
}
render() {
return html`
<!--
TODO
${unsafeHTML(readme)}
<dbp-class-name-demo id="demo" lang="en"></dbp-class-name-demo>
-->
`;
}
}
//commonUtils.defineCustomElement('dbp-class-name-demo-activity', DbpClassNameDemoActivity); TODO