graphwise-reactodia 0.0.1-TR17 → 0.0.1-TR19

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DpCR6zMg.js';
-import { E as ErrorCode, C as CLEAR_DIAGRAM_STORAGE_EVENT } from './error-code-7lGYbTwb.js';
+import { C as CLEAR_DIAGRAM_STORAGE_EVENT, E as EventType, a as ErrorCode } from './error-code-HfC639tc.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -31473,12 +31473,63 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+/**
+ * Service for event based operations
+ */
+let EventService = class EventService {
+    /**
+     * Announces an event to the host.
+     *
+     * @param detail The event detail.
+     */
+    emit(detail) {
+        var _a;
+        (_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this, detail);
+    }
+    /**
+     * Subscribes to the emitted events, replacing the previous subscriber.
+     *
+     * @param callback Called with every emitted event.
+     * @returns A {@link Subscription} that, when called, removes the callback, unless it has already been replaced.
+     */
+    subscribe(callback) {
+        this.callback = callback;
+        return () => {
+            if (this.callback === callback) {
+                this.callback = undefined;
+            }
+        };
+    }
+    /**
+     * Subscribes to the host's "clear persisted diagram" command.
+     *
+     * @param onClear Called whenever the event fires.
+     * @returns A {@link Subscription} that, when called, removes the listener.
+     */
+    subscribeToClearDiagramStorage(onClear) {
+        const target = service(WindowService).getWindow();
+        target.addEventListener(CLEAR_DIAGRAM_STORAGE_EVENT, onClear);
+        return () => target.removeEventListener(CLEAR_DIAGRAM_STORAGE_EVENT, onClear);
+    }
+};
+EventService.ID = 'EventService';
+EventService = __decorate$3([
+    Service
+], EventService);
+
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var ErrorService_1;
 /**
  * Service that collects the failures of the wrapper and the fork, so they can be announced to the host.
  */
 let ErrorService = ErrorService_1 = class ErrorService {
     constructor() {
+        this.eventService = service(EventService);
         this.reported = new WeakSet();
     }
     /**
@@ -31504,27 +31555,12 @@ let ErrorService = ErrorService_1 = class ErrorService {
      * @param thrown The thrown value.
      */
     report(code, thrown) {
-        var _a;
         const causes = this.causeChain(thrown);
         if (this.isAbortedOrAlreadyReported(causes)) {
             return;
         }
         causes.forEach((cause) => this.reported.add(cause));
-        (_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this, { code, error: thrown });
-    }
-    /**
-     * Subscribes to the reported errors, replacing the previous subscriber.
-     *
-     * @param callback Called with every reported error.
-     * @returns A {@link Subscription} that, when called, removes the callback, unless it has already been replaced.
-     */
-    subscribe(callback) {
-        this.callback = callback;
-        return () => {
-            if (this.callback === callback) {
-                this.callback = undefined;
-            }
-        };
+        this.eventService.emit({ type: EventType.ERROR, payload: { code, error: thrown } });
     }
     /**
      * Whether any link of the given cause chain is an abort or is already reported.
@@ -31547,11 +31583,11 @@ let ErrorService = ErrorService_1 = class ErrorService {
 };
 ErrorService.ID = 'ErrorService';
 ErrorService.ABORT_ERROR_NAME = 'AbortError';
-ErrorService = ErrorService_1 = __decorate$3([
+ErrorService = ErrorService_1 = __decorate$2([
     Service
 ], ErrorService);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -31609,37 +31645,10 @@ let DiagramStorageService = DiagramStorageService_1 = class DiagramStorageServic
 };
 DiagramStorageService.ID = 'DiagramStorageService';
 DiagramStorageService.STORAGE_KEY = 'diagram.state';
-DiagramStorageService = DiagramStorageService_1 = __decorate$2([
+DiagramStorageService = DiagramStorageService_1 = __decorate$1([
     Service
 ], DiagramStorageService);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * Service for event based operations
- */
-let EventService = class EventService {
-    /**
-     * Subscribes to the host's "clear persisted diagram" command.
-     *
-     * @param onClear Called whenever the event fires.
-     * @returns A {@link Subscription} that, when called, removes the listener.
-     */
-    subscribeToClearDiagramStorage(onClear) {
-        const target = service(WindowService).getWindow();
-        target.addEventListener(CLEAR_DIAGRAM_STORAGE_EVENT, onClear);
-        return () => target.removeEventListener(CLEAR_DIAGRAM_STORAGE_EVENT, onClear);
-    }
-};
-EventService.ID = 'EventService';
-EventService = __decorate$1([
-    Service
-], EventService);
-
 /**
  * A collection of {@link Subscription}s that can be released together. Components collect the
  * subscriptions they open and call {@link unsubscribeAll} on teardown so nothing is left
@@ -31850,8 +31859,16 @@ const subscriptions = new SubscriptionList();
 let diagramStorageSubscription;
 const diagramService = service(DiagramService);
 const diagramStorageService = service(DiagramStorageService);
-const eventService = service(EventService);
+const eventService$1 = service(EventService);
 const errorService$1 = service(ErrorService);
+/**
+ * Emits a {@link EventType.TEXT_SEARCH} event for each text lookup.
+ */
+function emitTextSearch(method, params) {
+    if (method === 'lookup' && params.text) {
+        eventService$1.emit({ type: EventType.TEXT_SEARCH });
+    }
+}
 /**
  * Reports every failed data provider call, unless the call was aborted, and passes the failure on to the caller.
  */
@@ -31870,7 +31887,7 @@ const reportDataFetchError = async (_method, params, body) => {
 /**
  * Builds a Reactodia {@link SparqlDataProvider} for the given endpoint using the supplied
  * query preset. The host owns the query configuration and always passes it in via props.
- * The provider is decorated, so its failed calls are reported.
+ * The provider is decorated, so its failed calls are reported and its text lookups emit an event.
  */
 function createDataProvider(props) {
     const { currentRepository, config, providerSettings } = props;
@@ -31879,7 +31896,13 @@ function createDataProvider(props) {
         queryMethod: 'POST',
         queryFunction: config.queryFunction
     }, providerSettings);
-    return new DecoratedDataProvider({ baseProvider, decorator: reportDataFetchError });
+    return new DecoratedDataProvider({
+        baseProvider,
+        decorator: (method, params, body) => {
+            emitTextSearch(method, params);
+            return reportDataFetchError(method, params, body);
+        }
+    });
 }
 /**
  * Places the seed entities on the canvas. Each IRI is added as a placeholder element, and data is then loaded for the
@@ -31947,7 +31970,7 @@ function subscribeToDiagramChange(model) {
  * @param model The diagram model whose edits are persisted
  */
 function onClearDiagramStorage(model) {
-    subscriptions.add(eventService.subscribeToClearDiagramStorage(() => {
+    subscriptions.add(eventService$1.subscribeToClearDiagramStorage(() => {
         // re-subscribe, to avoid any pending debounced saves, which may write over the cleared diagram
         subscribeToDiagramChange(model);
         diagramStorageService.clear();
@@ -32068,10 +32091,11 @@ function unmountReactodia(root) {
 const graphwiseReactodiaCss = "graphwise-reactodia{--_graphwise-reactodia-type-color-01:var(--graphwise-reactodia-type-color-01);--_graphwise-reactodia-type-color-02:var(--graphwise-reactodia-type-color-02);--_graphwise-reactodia-type-color-03:var(--graphwise-reactodia-type-color-03);--_graphwise-reactodia-type-color-04:var(--graphwise-reactodia-type-color-04);--_graphwise-reactodia-type-color-05:var(--graphwise-reactodia-type-color-05);--_graphwise-reactodia-type-color-06:var(--graphwise-reactodia-type-color-06);--_graphwise-reactodia-type-color-07:var(--graphwise-reactodia-type-color-07);--_graphwise-reactodia-type-color-08:var(--graphwise-reactodia-type-color-08);--_graphwise-reactodia-type-color-09:var(--graphwise-reactodia-type-color-09);--_graphwise-reactodia-type-color-10:var(--graphwise-reactodia-type-color-10);--_graphwise-reactodia-type-color-11:var(--graphwise-reactodia-type-color-11);--_graphwise-reactodia-type-color-12:var(--graphwise-reactodia-type-color-12);--_graphwise-reactodia-type-color-13:var(--graphwise-reactodia-type-color-13);--_graphwise-reactodia-type-color-14:var(--graphwise-reactodia-type-color-14);--_graphwise-reactodia-type-color-15:var(--graphwise-reactodia-type-color-15);--_graphwise-reactodia-type-color-16:var(--graphwise-reactodia-type-color-16);--_graphwise-reactodia-type-color-17:var(--graphwise-reactodia-type-color-17);--_graphwise-reactodia-type-color-18:var(--graphwise-reactodia-type-color-18);--_graphwise-reactodia-type-color-19:var(--graphwise-reactodia-type-color-19);--_graphwise-reactodia-type-color-20:var(--graphwise-reactodia-type-color-20);--_graphwise-reactodia-type-color-contrast:var(--graphwise-reactodia-type-color-contrast, #fff)}graphwise-reactodia{display:block;width:100%;height:100%}graphwise-reactodia .reactodia-container{position:relative;width:100%;height:100%}graphwise-reactodia .reactodia-selection-action__link{display:none}graphwise-reactodia .reactodia-standard-element__thumbnail:not(:has(img)){background:var(--reactodia-element-style-color);border-radius:50%;color:var(--_graphwise-reactodia-type-color-contrast)}";
 
 const errorService = service(ErrorService);
+const eventService = service(EventService);
 const GraphwiseReactodia = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEmitter = createEvent(this, "graphwiseReactodiaError");
+        this.eventEmitter = createEvent(this, "graphwiseReactodiaEvent");
         this.subscriptions = new SubscriptionList();
         /**
          * UI language code (e.g. `en`, `fr`) for the Reactodia interface. Defaults to English.
@@ -32100,7 +32124,7 @@ const GraphwiseReactodia = class {
         this.renderGraph(true);
     }
     connectedCallback() {
-        this.subscribeToErrors();
+        this.subscribeToEvents();
         this.renderGraph();
     }
     componentDidLoad() {
@@ -32115,10 +32139,10 @@ const GraphwiseReactodia = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a96eea05561061bbed34b5134abc44f07402211f' }));
+        return (h(Host, { key: '2e8541c791f478484c4bad64ad758df99aba2059' }));
     }
-    subscribeToErrors() {
-        this.subscriptions.add(errorService.subscribe((error) => this.errorEmitter.emit(error)));
+    subscribeToEvents() {
+        this.subscriptions.add(eventService.subscribe((detail) => this.eventEmitter.emit(detail)));
     }
     renderGraph(isReloading) {
         var _a;

package/dist/esm/index.js

@@ -1,8 +1,8 @@
-export { C as CLEAR_DIAGRAM_STORAGE_EVENT, E as ErrorCode } from './error-code-7lGYbTwb.js';
+export { C as CLEAR_DIAGRAM_STORAGE_EVENT, a as ErrorCode, E as EventType } from './error-code-HfC639tc.js';
 
 /**
- * Name of the DOM event the `graphwise-reactodia` element dispatches for every reported error.
+ * Name of the DOM event the `graphwise-reactodia` element dispatches for every event.
  */
-const GRAPHWISE_REACTODIA_ERROR_EVENT = 'graphwiseReactodiaError';
+const GRAPHWISE_REACTODIA_EVENT = 'graphwiseReactodiaEvent';
 
-export { GRAPHWISE_REACTODIA_ERROR_EVENT };
+export { GRAPHWISE_REACTODIA_EVENT };

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

@@ -1 +1 @@
-import{p as e,b as r}from"./p-DpCR6zMg.js";export{s as setNonce}from"./p-DpCR6zMg.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-ec30185a",[[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))));
+import{p as e,b as r}from"./p-DpCR6zMg.js";export{s as setNonce}from"./p-DpCR6zMg.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-bf7f09d2",[[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))));

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

@@ -1 +1 @@
-export{C as CLEAR_DIAGRAM_STORAGE_EVENT,E as ErrorCode}from"./p-7lGYbTwb.js";const r="graphwiseReactodiaError";export{r as GRAPHWISE_REACTODIA_ERROR_EVENT}
+export{C as CLEAR_DIAGRAM_STORAGE_EVENT,a as ErrorCode,E as EventType}from"./p-HfC639tc.js";const e="graphwiseReactodiaEvent";export{e as GRAPHWISE_REACTODIA_EVENT}

package/dist/graphwise-reactodia/p-HfC639tc.js

@@ -0,0 +1 @@
+const a="graphwise-reactodia:clear-diagram-storage";var r,e;!function(a){a.ERROR="error",a.TEXT_SEARCH="text-search"}(r||(r={})),function(a){a.MISSING_REQUIRED_PROP="missing-required-prop",a.DATA_FETCH="data-fetch",a.DIAGRAM_LOAD="diagram-load",a.DIAGRAM_IMPORT="diagram-import",a.LOCAL_DIAGRAM_READ="local-diagram-read",a.LOCAL_DIAGRAM_SAVE="local-diagram-save"}(e||(e={}));export{a as C,r as E,e as a}