packages/file-handling/src/file-sink.js

@@ -130,7 +130,7 @@ export class FileSink extends ScopedElementsMixin(DBPLitElement) {
                     }
                     break;
                 case "files":
-                    if (this.files.length !== 0 && !this.isDialogOpen) {
+                    if (this.files.length !== 0) {
                         this.openDialog();
                         if (this.enabledTargets.includes("clipboard")) {
                             const clipboardSink = this._("#clipboard-file-picker");
@@ -203,7 +203,9 @@ export class FileSink extends ScopedElementsMixin(DBPLitElement) {
     }
 
     openDialog() {
-        this.loadWebdavDirectory();
+        if (this.enabledTargets.includes('nextcloud')) {
+            this.loadWebdavDirectory();
+        }
         const filePicker = this._('#modal-picker');
         if (filePicker) {
             MicroModal.show(filePicker, {
@@ -224,11 +226,14 @@ export class FileSink extends ScopedElementsMixin(DBPLitElement) {
             }
             this.firstOpen = false;
         }
+
+        this.isDialogOpen = true;
     }
 
     closeDialog(e) {
         this.sendDestination();
         MicroModal.close(this._('#modal-picker'));
+        this.isDialogOpen = false;
     }
 
     getClipboardHtml() {

packages/file-handling/src/file-source.js

@@ -369,6 +369,7 @@ export class FileSource extends ScopedElementsMixin(DBPLitElement) {
     }
 
     openDialog() {
+
         if (this.enabledTargets.includes('nextcloud')) {
             this.loadWebdavDirectory();
         }
@@ -411,12 +412,6 @@ export class FileSource extends ScopedElementsMixin(DBPLitElement) {
 
     closeDialog() {
         this.sendSource();
-        const filePicker = this._('#nextcloud-file-picker');
-
-        if (filePicker) {
-            filePicker.selectAllButton = true;
-        }
-
         MicroModal.close(this._('#modal-picker'));
     }
 
@@ -428,8 +423,12 @@ export class FileSource extends ScopedElementsMixin(DBPLitElement) {
                    mode="file-source"
                    subscribe="clipboard-files:clipboard-files"
                    lang="${this.lang}"
-                   enabled-targets="${this.enabledTargets}"
                    auth-url="${this.nextcloudAuthUrl}"
+                   enabled-targets="${this.enabledTargets}"
+                   nextcloud-auth-url="${this.nextcloudAuthUrl}"
+                   nextcloud-web-dav-url="${this.nextcloudWebDavUrl}"
+                   nextcloud-name="${this.nextcloudName}"
+                   nextcloud-file-url="${this.nextcloudFileURL}"
                    allowed-mime-types="${this.allowedMimeTypes}"
                    @dbp-clipboard-file-picker-file-downloaded="${(event) => {
                     this.sendFileEvent(event.detail.file);}}">

packages/font-source-sans-pro/README.md

@@ -6,6 +6,8 @@ You can install this component via npm:
 npm i @dbp-toolkit/font-source-sans-pro
 ```
 
+You can also use the files directly from the [CDN](https://unpkg.com/browse/@dbp-toolkit/font-source-sans-pro/files/).
+
 ## FAQ
 
 * Why?

packages/font-source-sans-pro/package.json

 {
   "name": "@dbp-toolkit/font-source-sans-pro",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "author": "",
   "license": "OFL-1.1",
   "repository": {

packages/knowledge-base-web-page-element-view/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/knowledge-base-web-page-element-view
 <script type="module" src="node_modules/@dbp-toolkit/knowledge-base-web-page-element-view/dist/dbp-knowledge-base-web-page-element-view.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-knowledge-base-web-page-element-view></dbp-knowledge-base-web-page-element-view>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/knowledge-base-web-page-element-view@0.2.2/dist/dbp-knowledge-base-web-page-element-view.js"></script>
+```
+
 ## Attributes
 
 - `value`: path to the web page element

packages/knowledge-base-web-page-element-view/package.json

 {
   "name": "@dbp-toolkit/knowledge-base-web-page-element-view",
   "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/knowledge-base-web-page-element-view",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {

packages/language-select/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/language-select
 <script type="module" src="node_modules/@dbp-toolkit/language-select/dist/dbp-language-select.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-language-select></dbp-language-select>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/language-select@0.2.2/dist/dbp-language-select.js"></script>
+```
+
 ## Attributes
 
 - `lang` (optional, default: `de`): set to `de` or `en` for German or English (note that it will be shown the

packages/language-select/package.json

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

packages/matomo/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/matomo
 <script type="module" src="node_modules/@dbp-toolkit/matomo/dist/dbp-matomo.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-matomo></dbp-matomo>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/matomo@0.2.4/dist/dbp-matomo.js"></script>
+```
+
 ## Attributes
 
 - `endpoint` (required): set to your *Matomo* server

packages/matomo/package.json

 {
   "name": "@dbp-toolkit/matomo",
   "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/matomo",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {
@@ -41,6 +41,7 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
     "build-prod": "rollup -c --environment BUILD:production",

packages/notification/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/notification
 <script type="module" src="node_modules/@dbp-toolkit/notification/dist/dbp-notification.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-notification></dbp-notification>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/notification@0.2.2/dist/dbp-notification.js"></script>
+```
+
 ## Attributes
 
 - `lang` (optional, default: `de`): set to `de` or `en` for German or English

packages/notification/package.json

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

packages/organization-select/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/organization-select
 <script type="module" src="node_modules/@dbp-toolkit/organization-select/dist/dbp-organization-select.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-organization-select></dbp-organization-select>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/organization-select@0.2.2/dist/dbp-organization-select.js"></script>
+```
+
 ## Attributes
 
 - `lang` (optional, default: `de`): set to `de` or `en` for German or English

packages/organization-select/package.json

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

packages/person-profile/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/person-profile
 <script type="module" src="node_modules/@dbp-toolkit/person-profile/dist/dbp-person-profile.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-person-profile></dbp-person-profile>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/person-profile@0.2.2/dist/dbp-person-profile.js"></script>
+```
+
 ## Attributes
 
 - `lang` (optional, default: `de`): set to `de` or `en` for German or English

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.2.2",
+  "version": "0.2.3",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {

packages/person-select/README.md

@@ -13,6 +13,13 @@ npm i @dbp-toolkit/person-select
 <script type="module" src="node_modules/@dbp-toolkit/person-select/dist/dbp-person-select.js"></script>
 ```
 
+Or directly via CDN:
+
+```html
+<dbp-person-select></dbp-person-select>
+<script type="module" src="https://unpkg.com/@dbp-toolkit/person-select@0.2.2/dist/dbp-person-select.js"></script>
+```
+
 ## Attributes
 
 - `lang` (optional, default: `de`): set to `de` or `en` for German or English

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.2.2",
+  "version": "0.2.3",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {

packages/provider/README.md

@@ -41,6 +41,12 @@ You can provide attributes (e.g. `global-name`) for components inside the provid
 <script type="module" src="node_modules/@dbp-toolkit/provider/dist/dbp-provider.js"></script>
 ```
 
+Or you can also use the CDN to include the component:
+
+```html
+<script type="module" src="https://unpkg.com/@dbp-toolkit/provider@0.2.2/dist/dbp-provider.js"></script>
+```
+
 All other components are also inherent providers (see below), so you don't really need `dbp-provider` in the shadow dom
 of other components. The use of `dbp-provider` is mainly suggested being used for namespacing (e.g. different languages
 or entry point urls on the same page) or to deliver attribute changes across different components.

packages/provider/package.json

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