Skip to content
Snippets Groups Projects
Commit be629649 authored by Reiter, Christoph's avatar Reiter, Christoph :snake:
Browse files

Move the demo example code into the demo component

parent 407858a3
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
packages/language-select/assets/index.html
+ 1
− 10
View file @ be629649
...@@ -11,15 +11,6 @@ ...@@ -11,15 +11,6 @@
</head> </head>
<body> <body>
Select 1: <vpu-language-select></vpu-language-select> <vpu-language-select-demo></vpu-language-select-demo>
<br>
<br>
Select 2: <vpu-language-select></vpu-language-select>
<br>
<br>
Current language 1: <vpu-language-select-demo></vpu-language-select-demo>
<br>
<br>
Current language 2: <vpu-language-select-demo></vpu-language-select-demo>
</body> </body>
</html> </html>
packages/language-select/src/vpu-language-select-demo.js
+ 25
− 1
View file @ be629649
...@@ -2,7 +2,7 @@ import {html, LitElement} from 'lit-element'; ...@@ -2,7 +2,7 @@ import {html, LitElement} from 'lit-element';
import './vpu-language-select.js'; import './vpu-language-select.js';
import * as commonUtils from 'vpu-common/utils'; import * as commonUtils from 'vpu-common/utils';
class LanguageSelectDemo extends LitElement { class LanguageSelectDisplay extends LitElement {
constructor() { constructor() {
super(); super();
...@@ -35,4 +35,28 @@ class LanguageSelectDemo extends LitElement { ...@@ -35,4 +35,28 @@ class LanguageSelectDemo extends LitElement {
} }
} }
commonUtils.defineCustomElement('vpu-language-select-display', LanguageSelectDisplay);
class LanguageSelectDemo extends LitElement {
constructor() {
super();
}
render() {
return html`
Select 1: <vpu-language-select></vpu-language-select>
<br>
<br>
Select 2: <vpu-language-select></vpu-language-select>
<br>
<br>
Current language 1: <vpu-language-select-display></vpu-language-select-display>
<br>
<br>
Current language 2: <vpu-language-select-display></vpu-language-select-display>
`;
}
}
commonUtils.defineCustomElement('vpu-language-select-demo', LanguageSelectDemo); commonUtils.defineCustomElement('vpu-language-select-demo', LanguageSelectDemo);
packages/language-select/src/vpu-language-select.js
+ 1
− 0
View file @ be629649
...@@ -55,6 +55,7 @@ class LanguageSelect extends LitElement { ...@@ -55,6 +55,7 @@ class LanguageSelect extends LitElement {
if (oldValue !== value) { if (oldValue !== value) {
const event = new CustomEvent("vpu-language-changed", { const event = new CustomEvent("vpu-language-changed", {
bubbles: true, bubbles: true,
composed: true,
detail: {'lang': value} detail: {'lang': value}
}); });
this.dispatchEvent(event); this.dispatchEvent(event);
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment