From f27593b98d5d5a5169b168443e07d0a80f4f88bc Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Wed, 9 Jun 2021 16:01:29 +0200
Subject: [PATCH] Add dbp-translated web component
---
packages/common/src/translated.js | 32 +++++++++++++++++++++++++++++++
1 file changed, 32 insertions(+)
create mode 100644 packages/common/src/translated.js
diff --git a/packages/common/src/translated.js b/packages/common/src/translated.js
new file mode 100644
index 00000000..7cee6ff4
--- /dev/null
+++ b/packages/common/src/translated.js
@@ -0,0 +1,32 @@
+import {css, html} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
+import {classMap} from "lit-html/directives/class-map";
+
+export class Translated extends ScopedElementsMixin(AdapterLitElement) {
+ constructor() {
+ super();
+ this.lang = 'de';
+ }
+
+ static get properties() {
+ return {
+ ...super.properties,
+ lang: { type: String },
+ };
+ }
+
+ static get styles() {
+ // language=css
+ return css`
+ .hidden {display: none}
+ `;
+ }
+
+ render() {
+ return html`
+ <slot class="${classMap({hidden: this.lang !== 'de'})}" name="de"></slot>
+ <slot class="${classMap({hidden: this.lang !== 'en'})}" name="en"></slot>
+ `;
+ }
+}
--
GitLab