graphwise-reactodia 0.0.1-TR12 → 0.0.1-TR13

package/dist/cjs/graphwise-reactodia.cjs.entry.js

@@ -31699,8 +31699,7 @@ let workspaceContext = null;
 const subscriptions = new SubscriptionList();
 /**
  * Builds a Reactodia {@link SparqlDataProvider} for the given endpoint using the supplied
- * query preset. The host owns the query configuration and passes it in via props; when none
- * is provided we fall back to Reactodia's generic {@link OwlRdfsSettings} OWL/RDFS preset.
+ * query preset. The host owns the query configuration and always passes it in via props.
  */
 function createDataProvider(props) {
     const { currentRepository, config, providerSettings } = props;
@@ -31795,8 +31794,9 @@ function ReactodiaApp(props) {
         const savedDiagram = service(DiagramStorageService).load();
         const diagramService = service(DiagramService);
         if (isReload) {
-            // Simply reload without using the current state. This may happen when the user switches the language at runtime.
-            // since there is no existing mechanism to re-translate the UI at runtime (not for the UI labels at least)
+            // Reload the diagram that is currently on the canvas. This may happen when the host changes the provider
+            // settings, or when the user switches the language at runtime, since there is no existing mechanism to
+            // re-translate the UI at runtime (not for the UI labels at least)
             await diagramService.importDiagram(model, dataProvider, currentDiagram, signal);
         }
         else if ((_a = config.seedIris) === null || _a === void 0 ? void 0 : _a.length) {
@@ -31827,7 +31827,11 @@ function ReactodiaApp(props) {
         defaultLanguage: language,
         translations: translationsForLanguage(language),
         typeStyleResolver: resolveTypeStyle
-    }, reactExports.createElement(DefaultWorkspace, { menu: reactExports.createElement(GraphwiseMenu) }));
+    }, reactExports.createElement(DefaultWorkspace, {
+        menu: reactExports.createElement(GraphwiseMenu),
+        // place Undo/redo/layout actions in top right corner.
+        actionsToolbar: { dock: 'ne' }
+    }));
 }
 /**
  * Mounts the Reactodia application into the given container and returns the React root.
@@ -31838,8 +31842,9 @@ function mountReactodia(container, props) {
     return root;
 }
 /**
- * Re-points the diagram at a new SPARQL endpoint or query preset by recreating it with a
- * fresh data provider. The canvas is reset to empty, matching the initial mount.
+ * Re-points the diagram at a new SPARQL endpoint by recreating it with a fresh data provider.
+ * The canvas is reset to empty, matching the initial mount, since the data of another repository
+ * has nothing to do with the current graph.
  */
 async function updateReactodia(props) {
     if (!workspaceContext) {
@@ -31864,7 +31869,7 @@ function unmountReactodia(root) {
     root.unmount();
 }
 
-const graphwiseReactodiaCss = "graphwise-reactodia{display:block;width:100%;height:75vh}graphwise-reactodia .reactodia-container{position:relative;width:100%;height:100%}";
+const graphwiseReactodiaCss = "graphwise-reactodia{display:block;width:100%;height:75vh}graphwise-reactodia .reactodia-container{position:relative;width:100%;height:100%}graphwise-reactodia .reactodia-selection-action__link{display:none}";
 
 const GraphwiseReactodia = class {
     constructor(hostRef) {
@@ -31874,12 +31879,13 @@ const GraphwiseReactodia = class {
          */
         this.language = LanguageKey.EN;
     }
-    onProviderSettingsChange() {
+    onCurrentRepositoryChange() {
         this.renderGraph();
     }
-    onLanguageChange() {
+    onLanguageOrSettingsChange() {
         // The translations are evaluated by the workspace at construction, so the only way
         // to re-translate the UI is to re-create the graph.
+        // Setting changes should keep the current diagram despite possible
         this.renderGraph(true);
     }
     onThemeChange() {
@@ -31898,7 +31904,7 @@ const GraphwiseReactodia = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f3247ee3254896e4e4987bd2fa0e3dfce1ce1d2a' }));
+        return (index$1.h(index$1.Host, { key: '6f1115b91eac308ef155978dfe1482f152c38b1b' }));
     }
     renderGraph(isReloading) {
         var _a;
@@ -31908,6 +31914,9 @@ const GraphwiseReactodia = class {
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.queryFunction)) {
             throw new Error('config.queryFunction is required');
         }
+        if (!this.providerSettings) {
+            throw new Error('providerSettings is required');
+        }
         if (!this.hostElement) {
             return;
         }
@@ -31927,9 +31936,9 @@ const GraphwiseReactodia = class {
     }
     get hostElement() { return index$1.getElement(this); }
     static get watchers() { return {
-        "currentRepository": ["onProviderSettingsChange"],
-        "providerSettings": ["onProviderSettingsChange"],
-        "language": ["onLanguageChange"],
+        "currentRepository": ["onCurrentRepositoryChange"],
+        "language": ["onLanguageOrSettingsChange"],
+        "providerSettings": ["onLanguageOrSettingsChange"],
         "theme": ["onThemeChange"]
     }; }
 };

package/dist/cjs/graphwise-reactodia.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["graphwise-reactodia.cjs",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"],"theme":["onThemeChange"]}]]]], options);
+  return index.bootstrapLazy([["graphwise-reactodia.cjs",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onCurrentRepositoryChange"],"language":["onLanguageOrSettingsChange"],"providerSettings":["onLanguageOrSettingsChange"],"theme":["onThemeChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-CcJr5lkF.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["graphwise-reactodia.cjs",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"],"theme":["onThemeChange"]}]]]], options);
+  return index.bootstrapLazy([["graphwise-reactodia.cjs",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onCurrentRepositoryChange"],"language":["onLanguageOrSettingsChange"],"providerSettings":["onLanguageOrSettingsChange"],"theme":["onThemeChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/graphwise-reactodia/graphwise-reactodia.css

@@ -7,4 +7,7 @@ graphwise-reactodia .reactodia-container {
   position: relative;
   width: 100%;
   height: 100%;
+}
+graphwise-reactodia .reactodia-selection-action__link {
+  display: none;
 }

package/dist/collection/components/graphwise-reactodia/graphwise-reactodia.js

@@ -20,12 +20,13 @@ export class GraphwiseReactodia {
          */
         this.language = LanguageKey.EN;
     }
-    onProviderSettingsChange() {
+    onCurrentRepositoryChange() {
         this.renderGraph();
     }
-    onLanguageChange() {
+    onLanguageOrSettingsChange() {
         // The translations are evaluated by the workspace at construction, so the only way
         // to re-translate the UI is to re-create the graph.
+        // Setting changes should keep the current diagram despite possible
         this.renderGraph(true);
     }
     onThemeChange() {
@@ -44,7 +45,7 @@ export class GraphwiseReactodia {
         }
     }
     render() {
-        return (h(Host, { key: 'f3247ee3254896e4e4987bd2fa0e3dfce1ce1d2a' }));
+        return (h(Host, { key: '6f1115b91eac308ef155978dfe1482f152c38b1b' }));
     }
     renderGraph(isReloading) {
         var _a;
@@ -54,6 +55,9 @@ export class GraphwiseReactodia {
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.queryFunction)) {
             throw new Error('config.queryFunction is required');
         }
+        if (!this.providerSettings) {
+            throw new Error('providerSettings is required');
+        }
         if (!this.hostElement) {
             return;
         }
@@ -172,7 +176,7 @@ export class GraphwiseReactodia {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Query preset for the SPARQL data provider, owned and configured by the host. A DOM\nproperty (an object, not an attribute) passed in from outside the wrapper. When omitted,\nthe data provider falls back to Reactodia's generic OWL/RDFS preset. Changing it rebuilds\nthe data provider and resets the canvas."
+                    "text": "Query preset for the SPARQL data provider, owned and configured by the host. A DOM\nproperty (an object, not an attribute) passed in from outside the wrapper. Required: the\nwrapper has no default preset and throws when it is missing. Changing it rebuilds the data\nprovider and reloads the graph with it, keeping the current diagram."
                 },
                 "getter": false,
                 "setter": false
@@ -202,13 +206,13 @@ export class GraphwiseReactodia {
     static get watchers() {
         return [{
                 "propName": "currentRepository",
-                "methodName": "onProviderSettingsChange"
-            }, {
-                "propName": "providerSettings",
-                "methodName": "onProviderSettingsChange"
+                "methodName": "onCurrentRepositoryChange"
             }, {
                 "propName": "language",
-                "methodName": "onLanguageChange"
+                "methodName": "onLanguageOrSettingsChange"
+            }, {
+                "propName": "providerSettings",
+                "methodName": "onLanguageOrSettingsChange"
             }, {
                 "propName": "theme",
                 "methodName": "onThemeChange"

package/dist/collection/components/graphwise-reactodia/reactodia-app.js

@@ -35,8 +35,7 @@ let workspaceContext = null;
 const subscriptions = new SubscriptionList();
 /**
  * Builds a Reactodia {@link SparqlDataProvider} for the given endpoint using the supplied
- * query preset. The host owns the query configuration and passes it in via props; when none
- * is provided we fall back to Reactodia's generic {@link OwlRdfsSettings} OWL/RDFS preset.
+ * query preset. The host owns the query configuration and always passes it in via props.
  */
 function createDataProvider(props) {
     const { currentRepository, config, providerSettings } = props;
@@ -131,8 +130,9 @@ function ReactodiaApp(props) {
         const savedDiagram = service(DiagramStorageService).load();
         const diagramService = service(DiagramService);
         if (isReload) {
-            // Simply reload without using the current state. This may happen when the user switches the language at runtime.
-            // since there is no existing mechanism to re-translate the UI at runtime (not for the UI labels at least)
+            // Reload the diagram that is currently on the canvas. This may happen when the host changes the provider
+            // settings, or when the user switches the language at runtime, since there is no existing mechanism to
+            // re-translate the UI at runtime (not for the UI labels at least)
             await diagramService.importDiagram(model, dataProvider, currentDiagram, signal);
         }
         else if ((_a = config.seedIris) === null || _a === void 0 ? void 0 : _a.length) {
@@ -163,7 +163,11 @@ function ReactodiaApp(props) {
         defaultLanguage: language,
         translations: translationsForLanguage(language),
         typeStyleResolver: resolveTypeStyle
-    }, createElement(DefaultWorkspace, { menu: createElement(GraphwiseMenu) }));
+    }, createElement(DefaultWorkspace, {
+        menu: createElement(GraphwiseMenu),
+        // place Undo/redo/layout actions in top right corner.
+        actionsToolbar: { dock: 'ne' }
+    }));
 }
 /**
  * Mounts the Reactodia application into the given container and returns the React root.
@@ -174,8 +178,9 @@ export function mountReactodia(container, props) {
     return root;
 }
 /**
- * Re-points the diagram at a new SPARQL endpoint or query preset by recreating it with a
- * fresh data provider. The canvas is reset to empty, matching the initial mount.
+ * Re-points the diagram at a new SPARQL endpoint by recreating it with a fresh data provider.
+ * The canvas is reset to empty, matching the initial mount, since the data of another repository
+ * has nothing to do with the current graph.
  */
 export async function updateReactodia(props) {
     if (!workspaceContext) {

package/dist/collection/pages/graphwise-reactodia/main.js

@@ -27,6 +27,12 @@ function setQueryFunction() {
   reactodia.config = {...reactodia.config, queryFunction: stubQueryFunction};
 }
 
+// The wrapper has no default preset, so the host always passes one. The demo uses Reactodia's generic
+// OWL/RDFS preset, copied into `owl-rdfs-settings.js`.
+function setProviderSettings() {
+  reactodia.providerSettings = OWL_RDFS_SETTINGS;
+}
+
 function setSeed() {
   reactodia.config = {...reactodia.config, seedIris: SEED_NODES};
 }

package/dist/collection/pages/graphwise-reactodia/owl-rdfs-settings.js

@@ -0,0 +1,195 @@
+// A copy of Reactodia's `OwlRdfsSettings` preset (`src/data/sparql/sparqlDataProviderSettings.ts` in the
+// reactodia-workspace fork), which the demo page passes to the wrapper as its `providerSettings`. The wrapper
+// requires the host to pass the settings, and this plain script can't import them from `@reactodia/workspace`.
+// Keep it in sync with the fork: `RDF_SETTINGS` mirrors `RdfSettings`, `OWL_RDFS_SETTINGS_OVERRIDE` mirrors
+// `OwlRdfsSettingsOverride`.
+
+const RDF_SETTINGS = {
+  linkConfigurations: [],
+  openWorldLinks: false,
+
+  propertyConfigurations: [],
+  openWorldProperties: false,
+
+  linksInfoQuery: `SELECT ?source ?type ?target
+      WHERE {
+        \${linkConfigurations}
+        VALUES (?source) {\${sourceIris}}
+        VALUES (?target) {\${targetIris}}
+      }`,
+
+  defaultPrefix: '',
+
+  schemaLabelProperty: 'rdfs:label',
+  dataLabelProperty: 'rdfs:label',
+
+  fullTextSearch: {
+    prefix: '',
+    queryPattern: '',
+  },
+
+  classTreeQuery: '',
+
+  classInfoQuery:
+`SELECT ?class ?label ?instcount WHERE {
+  VALUES(?class) {\${ids}}
+  OPTIONAL {
+    ?class \${schemaLabelProperty} ?label
+    \${labelLanguageFilter}
+  }
+  BIND("" as ?instcount)
+}`,
+
+  linkTypesQuery:
+`SELECT DISTINCT ?link ?instcount ?label WHERE {
+  \${linkTypesPattern}
+  OPTIONAL {
+    ?link \${schemaLabelProperty} ?label
+    \${labelLanguageFilter}
+  }
+}`,
+
+  linkTypesPattern: '',
+
+  linkTypesInfoQuery:
+`SELECT ?link ?label WHERE {
+  VALUES(?link) {\${ids}}
+  OPTIONAL {
+    ?link \${schemaLabelProperty} ?label
+    \${labelLanguageFilter}
+  }
+}`,
+
+  propertyInfoQuery:
+`SELECT ?property ?label WHERE {
+  VALUES(?property) {\${ids}}
+  OPTIONAL {
+    ?property \${schemaLabelProperty} ?label
+    \${labelLanguageFilter}
+  }
+}`,
+
+  elementInfoQuery: '',
+  imageQueryPattern: '',
+
+  linkTypesOfQuery: '',
+  linkTypesStatisticsQuery: '',
+
+  lookupQuery:
+`SELECT \${outerProjection} WHERE {
+  \${filterInnerPrelude}
+  {
+    SELECT DISTINCT \${innerProjection} WHERE {
+      \${filterByType}
+      \${filterByRefElementLink}
+      \${filterByText}
+      \${filterAdditionalRestriction}
+    } \${orderBy} \${limit}
+  }
+  \${queryTypes}
+  \${queryElementInfo}
+} \${orderBy}`,
+
+  filterRefElementLinkPattern: '',
+  filterTypePattern: '',
+  filterAdditionalRestriction: '',
+  filterElementInfoPattern: '',
+};
+
+const OWL_RDFS_SETTINGS_OVERRIDE = {
+  defaultPrefix:
+    `PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
+PREFIX rdf:  <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
+PREFIX owl:  <http://www.w3.org/2002/07/owl#>
+`,
+  schemaLabelProperty: 'rdfs:label',
+  dataLabelProperty: 'rdfs:label',
+  fullTextSearch: {
+    prefix: '',
+    queryPattern:
+    `?inst \${dataLabelProperty} ?search1
+    FILTER regex(COALESCE(str(?search1)), "\${text}", "i")
+    BIND(0 as ?score)
+`,
+    extractLabel: true,
+  },
+  classTreeQuery: `
+    SELECT ?class ?label ?parent
+    WHERE {
+      {
+        ?class a rdfs:Class
+      } UNION {
+        ?class a owl:Class
+      }
+      FILTER ISIRI(?class)
+      OPTIONAL {
+        ?class rdfs:label ?label
+        \${labelLanguageFilter}
+      }
+      OPTIONAL {?class rdfs:subClassOf ?parent. FILTER ISIRI(?parent)}
+    }
+  `,
+
+  // todo: think more, maybe add a limit here?
+  linkTypesPattern: `
+    { ?link a rdf:Property }
+    UNION
+    { ?link a owl:ObjectProperty }
+    BIND('' as ?instcount)
+  `,
+  elementInfoQuery: `
+    CONSTRUCT {
+      ?inst <urn:reactodia:sparql:type> ?class .
+      ?inst <urn:reactodia:sparql:label> ?label .
+      ?inst ?propType ?propValue.
+    } WHERE {
+      VALUES (?inst) {\${ids}}
+      OPTIONAL { ?inst a ?class }
+      OPTIONAL {
+        ?inst \${dataLabelProperty} ?label
+        \${labelLanguageFilter}
+      }
+      OPTIONAL {
+        \${propertyConfigurations}
+        FILTER (isLiteral(?propValue))
+        \${valueLanguageFilter}
+      }
+    }
+  `,
+  imageQueryPattern: '{ ?inst ?linkType ?image } UNION { [] ?linkType ?inst. BIND(?inst as ?image) }',
+  linkTypesOfQuery: `
+    SELECT DISTINCT ?link ?direction
+    WHERE {
+      \${linkConfigurations}
+    }
+  `,
+  linkTypesStatisticsQuery: `
+    SELECT ?link ?outCount ?inCount
+    WHERE {
+      {
+        SELECT (\${linkId} as ?link) (count(?outObject) as ?outCount) WHERE {
+          \${linkConfigurationOut}
+          \${navigateElementFilterOut}
+        } LIMIT 101
+      } {
+        SELECT (\${linkId} as ?link) (count(?inObject) as ?inCount) WHERE {
+          \${linkConfigurationIn}
+          \${navigateElementFilterIn}
+        } LIMIT 101
+      }
+    }
+  `,
+  filterRefElementLinkPattern: '',
+  filterTypePattern: '?inst a ?instType. ?instType rdfs:subClassOf* ?class',
+  filterElementInfoPattern: `
+    OPTIONAL {?inst rdf:type ?foundClass}
+    BIND (coalesce(?foundClass, owl:Thing) as ?class)
+    OPTIONAL {
+      ?inst \${dataLabelProperty} ?label
+      \${labelLanguageFilter}
+    }
+  `,
+  filterAdditionalRestriction: '',
+};
+
+const OWL_RDFS_SETTINGS = {...RDF_SETTINGS, ...OWL_RDFS_SETTINGS_OVERRIDE};

package/dist/esm/graphwise-reactodia.entry.js

@@ -31697,8 +31697,7 @@ let workspaceContext = null;
 const subscriptions = new SubscriptionList();
 /**
  * Builds a Reactodia {@link SparqlDataProvider} for the given endpoint using the supplied
- * query preset. The host owns the query configuration and passes it in via props; when none
- * is provided we fall back to Reactodia's generic {@link OwlRdfsSettings} OWL/RDFS preset.
+ * query preset. The host owns the query configuration and always passes it in via props.
  */
 function createDataProvider(props) {
     const { currentRepository, config, providerSettings } = props;
@@ -31793,8 +31792,9 @@ function ReactodiaApp(props) {
         const savedDiagram = service(DiagramStorageService).load();
         const diagramService = service(DiagramService);
         if (isReload) {
-            // Simply reload without using the current state. This may happen when the user switches the language at runtime.
-            // since there is no existing mechanism to re-translate the UI at runtime (not for the UI labels at least)
+            // Reload the diagram that is currently on the canvas. This may happen when the host changes the provider
+            // settings, or when the user switches the language at runtime, since there is no existing mechanism to
+            // re-translate the UI at runtime (not for the UI labels at least)
             await diagramService.importDiagram(model, dataProvider, currentDiagram, signal);
         }
         else if ((_a = config.seedIris) === null || _a === void 0 ? void 0 : _a.length) {
@@ -31825,7 +31825,11 @@ function ReactodiaApp(props) {
         defaultLanguage: language,
         translations: translationsForLanguage(language),
         typeStyleResolver: resolveTypeStyle
-    }, reactExports.createElement(DefaultWorkspace, { menu: reactExports.createElement(GraphwiseMenu) }));
+    }, reactExports.createElement(DefaultWorkspace, {
+        menu: reactExports.createElement(GraphwiseMenu),
+        // place Undo/redo/layout actions in top right corner.
+        actionsToolbar: { dock: 'ne' }
+    }));
 }
 /**
  * Mounts the Reactodia application into the given container and returns the React root.
@@ -31836,8 +31840,9 @@ function mountReactodia(container, props) {
     return root;
 }
 /**
- * Re-points the diagram at a new SPARQL endpoint or query preset by recreating it with a
- * fresh data provider. The canvas is reset to empty, matching the initial mount.
+ * Re-points the diagram at a new SPARQL endpoint by recreating it with a fresh data provider.
+ * The canvas is reset to empty, matching the initial mount, since the data of another repository
+ * has nothing to do with the current graph.
  */
 async function updateReactodia(props) {
     if (!workspaceContext) {
@@ -31862,7 +31867,7 @@ function unmountReactodia(root) {
     root.unmount();
 }
 
-const graphwiseReactodiaCss = "graphwise-reactodia{display:block;width:100%;height:75vh}graphwise-reactodia .reactodia-container{position:relative;width:100%;height:100%}";
+const graphwiseReactodiaCss = "graphwise-reactodia{display:block;width:100%;height:75vh}graphwise-reactodia .reactodia-container{position:relative;width:100%;height:100%}graphwise-reactodia .reactodia-selection-action__link{display:none}";
 
 const GraphwiseReactodia = class {
     constructor(hostRef) {
@@ -31872,12 +31877,13 @@ const GraphwiseReactodia = class {
          */
         this.language = LanguageKey.EN;
     }
-    onProviderSettingsChange() {
+    onCurrentRepositoryChange() {
         this.renderGraph();
     }
-    onLanguageChange() {
+    onLanguageOrSettingsChange() {
         // The translations are evaluated by the workspace at construction, so the only way
         // to re-translate the UI is to re-create the graph.
+        // Setting changes should keep the current diagram despite possible
         this.renderGraph(true);
     }
     onThemeChange() {
@@ -31896,7 +31902,7 @@ const GraphwiseReactodia = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f3247ee3254896e4e4987bd2fa0e3dfce1ce1d2a' }));
+        return (h(Host, { key: '6f1115b91eac308ef155978dfe1482f152c38b1b' }));
     }
     renderGraph(isReloading) {
         var _a;
@@ -31906,6 +31912,9 @@ const GraphwiseReactodia = class {
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.queryFunction)) {
             throw new Error('config.queryFunction is required');
         }
+        if (!this.providerSettings) {
+            throw new Error('providerSettings is required');
+        }
         if (!this.hostElement) {
             return;
         }
@@ -31925,9 +31934,9 @@ const GraphwiseReactodia = class {
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
-        "currentRepository": ["onProviderSettingsChange"],
-        "providerSettings": ["onProviderSettingsChange"],
-        "language": ["onLanguageChange"],
+        "currentRepository": ["onCurrentRepositoryChange"],
+        "language": ["onLanguageOrSettingsChange"],
+        "providerSettings": ["onLanguageOrSettingsChange"],
         "theme": ["onThemeChange"]
     }; }
 };

package/dist/esm/graphwise-reactodia.js

@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"],"theme":["onThemeChange"]}]]]], options);
+  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onCurrentRepositoryChange"],"language":["onLanguageOrSettingsChange"],"providerSettings":["onLanguageOrSettingsChange"],"theme":["onThemeChange"]}]]]], options);
 });

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-CalY52z6.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"],"theme":["onThemeChange"]}]]]], options);
+  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"],"theme":[1]},null,{"currentRepository":["onCurrentRepositoryChange"],"language":["onLanguageOrSettingsChange"],"providerSettings":["onLanguageOrSettingsChange"],"theme":["onThemeChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/graphwise-reactodia/graphwise-reactodia.esm.js

@@ -1 +1 @@
-import{p as e,b as r}from"./p-Cypw7ydc.js";export{s as setNonce}from"./p-Cypw7ydc.js";import{g as t}from"./p-CalY52z6.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((async e=>(await t(),r([["p-52bd1b0e",[[0,"graphwise-reactodia",{currentRepository:[1,"current-repository"],config:[16],language:[1],providerSettings:[16,"provider-settings"],theme:[1]},null,{currentRepository:["onProviderSettingsChange"],providerSettings:["onProviderSettingsChange"],language:["onLanguageChange"],theme:["onThemeChange"]}]]]],e))));
+import{p as e,b as r}from"./p-Cypw7ydc.js";export{s as setNonce}from"./p-Cypw7ydc.js";import{g as t}from"./p-CalY52z6.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((async e=>(await t(),r([["p-420b9dce",[[0,"graphwise-reactodia",{currentRepository:[1,"current-repository"],config:[16],language:[1],providerSettings:[16,"provider-settings"],theme:[1]},null,{currentRepository:["onCurrentRepositoryChange"],language:["onLanguageOrSettingsChange"],providerSettings:["onLanguageOrSettingsChange"],theme:["onThemeChange"]}]]]],e))));