Merge branch 'master' into provider-component

packages/language-select/.npmignore

+node_modules
+.idea
+npm-debug.log
+package-lock.json
+index.html

packages/language-select/.npmrc

+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
\ No newline at end of file

packages/language-select/README.md

 # Language Select Web Component
 
+You can install this component via npm:
+
+```bash
+npm i @dbp-toolkit/language-select
+```
+
+## Usage
+
+```html
+<dbp-language-select></dbp-language-select>
+<script type="module" src="node_modules/@dbp-toolkit/app-shell/dist/dbp-language-select.js"></script>
+```
+
 ## Local development
 
 ```bash

packages/language-select/package.json

 {
   "name": "@dbp-toolkit/language-select",
-  "version": "0.1.0",
+  "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/language-select",
+  "version": "0.1.1",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
-  "private": true,
   "devDependencies": {
     "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-json": "^4.1.0",
@@ -40,6 +40,6 @@
     "watch-local": "rollup -c --watch",
     "watch-dev": "rollup -c --watch --environment BUILD:development",
     "test": "npm run build-test && karma start --singleRun",
-    "publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true"
+    "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public 2>&1 || true"
   }
 }

packages/matomo/.npmrc

+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
\ No newline at end of file

packages/matomo/package.json

 {
   "name": "@dbp-toolkit/matomo",
+  "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/matomo",
   "version": "0.1.0",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",

packages/notification/.npmrc

+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
\ No newline at end of file

packages/notification/package.json

 {
   "name": "@dbp-toolkit/notification",
+  "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/notification",
   "version": "0.1.0",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
@@ -41,6 +42,6 @@
     "watch-local": "rollup -c --watch",
     "watch-dev": "rollup -c --watch --environment BUILD:development",
     "test": "npm run build-test && karma start --singleRun",
-    "publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true"
+    "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public 2>&1 || true"
   }
 }

packages/person-profile/.npmrc

+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
\ No newline at end of file

packages/person-profile/package.json

 {
   "name": "@dbp-toolkit/person-profile",
+  "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/person-profile",
   "version": "0.1.0",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
@@ -44,6 +45,6 @@
     "watch-local": "rollup -c --watch",
     "watch-dev": "rollup -c --watch --environment BUILD:development",
     "test": "npm run build-test && karma start --singleRun",
-    "publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true"
+    "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public 2>&1 || true"
   }
 }

packages/person-select/.npmrc

+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
\ No newline at end of file

packages/person-select/package.json

 {
   "name": "@dbp-toolkit/person-select",
+  "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/person-select",
   "version": "0.1.0",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
@@ -45,6 +46,6 @@
     "watch-local": "rollup -c --watch",
     "watch-dev": "rollup -c --watch --environment BUILD:development",
     "test": "npm run build-test && karma start --singleRun",
-    "publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true"
+    "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public 2>&1 || true"
   }
 }

packages/qr-code-scanner/.npmrc

+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
\ No newline at end of file

packages/qr-code-scanner/README.md

@@ -32,6 +32,10 @@ after loaded. This attribute is also used to stop the QR code reader or if you d
 - `'code-detected'`: Outgoing Event which is fired if a QR code is detected. The data of the detected QR code is in `event.detail`.
 - `'scan-started`: Fired after the first image is drawn. Can be used to scrolling or other layout dependent tasks.
 
+## Assets
+
+- `qr-scanner/qr-scanner-worker.*` -> `dist/local/@dbp-toolkit/qr-code-scanner/`
+
 ## Local development
 
 ```bash

packages/qr-code-scanner/package.json

 {
   "name": "@dbp-toolkit/qr-code-scanner",
+  "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/qr-code-scanner",
   "version": "0.1.0",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
@@ -47,6 +48,6 @@
     "watch-dev": "rollup -c --watch --environment BUILD:development",
     "test": "npm run build-test && karma start --singleRun",
     "lint": "eslint .",
-    "publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true"
+    "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public 2>&1 || true"
   }
 }

packages/qr-code-scanner/src/dbp-qr-code-scanner-demo.js

@@ -57,7 +57,7 @@ export class QrCodeScannerDemo extends ScopedElementsMixin(LitElement) {
                 <div class="container">
                     <div class="columns is-centered">
                         <div class="column">
-                            <dbp-qr-code-scanner show-output lang="${this.lang}"></dbp-qr-code-scanner>
+                            <dbp-qr-code-scanner @code-detected="${(e) => console.log(e)}" @scan-started="${(e) => console.log(e)}" show-output lang="${this.lang}"></dbp-qr-code-scanner>
                         </div>
                     </div>
                 </div>

packages/qr-code-scanner/src/i18n/de/translation.json

 {
-  "no-camera-access": "Zugriff auf Kamera nicht möglich (bitte stellen Sie sicher, dass eine Webcam aktiviert ist)",
+  "no-camera-access": "Zugriff auf Kamera nicht möglich.",
+  "check-access": "Bitte stellen Sie sicher, dass eine Webcam oder Kamera aktiviert ist und überprüfen Sie ob Ihr Browser die notwendigen Berechtigungen besitzt.",
   "finished-scan": "Scannen abgeschlossen.",
   "loading-video": "Video laden ...",
   "no-qr-detected": "Kein QR-Code erkannt.",

packages/qr-code-scanner/src/i18n/en/translation.json

 {
-  "no-camera-access": "Unable to access video stream (please make sure you have a webcam enabled)",
+  "no-camera-access": "Unable to access video stream.",
+  "check-access": "Please make sure that a webcam or camera is activated and check whether your browser has the necessary authorizations.",
   "finished-scan": "Finished scanning.",
   "loading-video": "⌛ Loading video...",
   "no-qr-detected": "No QR code detected.",

packages/qr-code-scanner/src/qr-code-scanner.js

@@ -241,7 +241,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
         let firstDrawDone = false;
 
         this._askPermission = true;
-        this._loadingMessage = i18n.t('no-camera-access');
+        this._loadingMessage = html` ${i18n.t('no-camera-access')} <br> ${i18n.t('check-access')}`;
         let video = await createVideoElement(this._activeCamera);
         if ( video !== null ) {
             targetvideo.appendChild(video);