diff --git a/packages/language-select/src/dbp-language-select-demo.js b/packages/language-select/src/dbp-language-select-demo.js index 308eae96eef91c3acc9c0acabf16371bec42411b..8a303139f1c0a0003ec9faf6f1ce3e3d56451c6d 100644 --- a/packages/language-select/src/dbp-language-select-demo.js +++ b/packages/language-select/src/dbp-language-select-demo.js @@ -3,6 +3,7 @@ import {LanguageSelect} from './language-select.js'; import * as commonUtils from '@dbp-toolkit/common/utils'; import { ScopedElementsMixin } from '@open-wc/scoped-elements'; import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element"; +import {Provider} from "@dbp-toolkit/provider"; class LanguageSelectDisplay extends AdapterLitElement { @@ -33,21 +34,24 @@ export class LanguageSelectDemo extends ScopedElementsMixin(AdapterLitElement) { return { 'dbp-language-select': LanguageSelect, 'dbp-language-select-display': LanguageSelectDisplay, + 'dbp-provider': Provider, }; } render() { return html` - Select 1: <dbp-language-select subscribe="lang"></dbp-language-select> - <br> - <br> - Select 2: <dbp-language-select subscribe="lang"></dbp-language-select> - <br> - <br> - Current language 1: <dbp-language-select-display subscribe="lang"></dbp-language-select-display> - <br> - <br> - Current language 2: <dbp-language-select-display subscribe="lang"></dbp-language-select-display> + <dbp-provider lang=""> + Select 1: <dbp-language-select subscribe="lang"></dbp-language-select> + <br> + <br> + Select 2: <dbp-language-select subscribe="lang"></dbp-language-select> + <br> + <br> + Current language 1: <dbp-language-select-display subscribe="lang"></dbp-language-select-display> + <br> + <br> + Current language 2: <dbp-language-select-display subscribe="lang"></dbp-language-select-display> + </dbp-provider> `; } }