graphwise-reactodia 0.0.1-TR16 → 0.0.1-TR18

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-Cypw7ydc.js';
-import { CLEAR_DIAGRAM_STORAGE_EVENT } from './index.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DpCR6zMg.js';
+import { C as CLEAR_DIAGRAM_STORAGE_EVENT, E as EventType, a as ErrorCode } from './error-code-DHI2bePh.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -6329,6 +6329,57 @@ var DefaultColorVariants = [
 	"danger"
 ];
 //#endregion
+//#region src/data/decorated/decoratedDataProvider.ts
+/**
+* Utility graph data provider to wrap over another provider to modify
+* how the requests are made or alter the results.
+*
+* @category Data
+*/
+var DecoratedDataProvider = class {
+	baseProvider;
+	decorator;
+	constructor(options) {
+		this.baseProvider = options.baseProvider;
+		this.decorator = options.decorator;
+	}
+	get factory() {
+		return this.baseProvider.factory;
+	}
+	decorate(method, params) {
+		const bound = this.baseProvider[method].bind(this.baseProvider);
+		const { decorator } = this;
+		return decorator(method, params[0], bound);
+	}
+	knownElementTypes(params) {
+		return this.decorate("knownElementTypes", [params]);
+	}
+	knownLinkTypes(params) {
+		return this.decorate("knownLinkTypes", [params]);
+	}
+	elementTypes(params) {
+		return this.decorate("elementTypes", [params]);
+	}
+	propertyTypes(params) {
+		return this.decorate("propertyTypes", [params]);
+	}
+	linkTypes(params) {
+		return this.decorate("linkTypes", [params]);
+	}
+	elements(params) {
+		return this.decorate("elements", [params]);
+	}
+	links(params) {
+		return this.decorate("links", [params]);
+	}
+	connectedLinkStats(params) {
+		return this.decorate("connectedLinkStats", [params]);
+	}
+	lookup(params) {
+		return this.decorate("lookup", [params]);
+	}
+};
+//#endregion
 //#region src/data/decorated/emptyDataProvider.ts
 /**
 * Empty graph data provider, which always return nothing.
@@ -31331,7 +31382,7 @@ function Service(_serviceClass) {
     // no implementation needed. We only use the type checking of the parameter
 }
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
@@ -31393,11 +31444,11 @@ let DiagramService = DiagramService_1 = class DiagramService {
 DiagramService.ID = 'DiagramService';
 DiagramService.NOTIFY_DEBOUNCE_MS = 300;
 DiagramService.HISTORY_CHANGED_EVENT = 'historyChanged';
-DiagramService = DiagramService_1 = __decorate$4([
+DiagramService = DiagramService_1 = __decorate$5([
     Service
 ], DiagramService);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (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;
@@ -31412,37 +31463,171 @@ let WindowService = class WindowService {
     }
 };
 WindowService.ID = 'WindowService';
-WindowService = __decorate$3([
+WindowService = __decorate$4([
     Service
 ], WindowService);
 
+var __decorate$3 = (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 {
+    /**
+     * 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();
+    }
+    /**
+     * Reports a failure to the host, unless it's an abort, or this exact error object is already reported
+     * from another place.
+     *
+     * The same error object may be reported from different places. E.g. a query that fails while a diagram loads is
+     * reported by the data provider decorator as `data-fetch`, and then reaches the `catch` around the load, which
+     * reports it as `diagram-load`. Only the first one is announced.
+     *
+     * The `cause` is checked because the fork wraps whatever fails during a diagram import in a new error:
+     *
+     * ```ts
+     * // reactodia-workspace/src/editor/dataDiagramModel.ts, importLayout
+     * } catch (error) {
+     *   throw new Error('Reactodia: failed to import a layout', {cause: error});
+     * }
+     * ```
+     *
+     * We need to check the cause to make sure we don't report the same error/abort more than once.
+     *
+     * @param code The category of the failure.
+     * @param thrown The thrown value.
+     */
+    report(code, thrown) {
+        const causes = this.causeChain(thrown);
+        if (this.isAbortedOrAlreadyReported(causes)) {
+            return;
+        }
+        causes.forEach((cause) => this.reported.add(cause));
+        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.
+     */
+    isAbortedOrAlreadyReported(causes) {
+        return causes.some((cause) => cause.name === ErrorService_1.ABORT_ERROR_NAME || this.reported.has(cause));
+    }
+    /**
+     * The thrown value followed by its `cause`, the cause of that, and so on, for as long as they are objects.
+     */
+    causeChain(thrown) {
+        const causes = [];
+        let current = thrown;
+        while (typeof current === 'object' && current !== null && !causes.includes(current)) {
+            causes.push(current);
+            current = current.cause;
+        }
+        return causes;
+    }
+};
+ErrorService.ID = 'ErrorService';
+ErrorService.ABORT_ERROR_NAME = 'AbortError';
+ErrorService = ErrorService_1 = __decorate$2([
+    Service
+], ErrorService);
+
+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;
+};
 var DiagramStorageService_1;
 /**
  * Service for local store-related diagram operations
  */
 let DiagramStorageService = DiagramStorageService_1 = class DiagramStorageService {
+    constructor() {
+        this.errorService = service(ErrorService);
+    }
     /**
      * Load the persisted diagram from the local store, or `undefined` when nothing is stored (or the stored value
      * is unreadable).
      */
     load() {
-        const raw = this.storage.getItem(DiagramStorageService_1.STORAGE_KEY);
-        if (!raw) {
+        try {
+            const raw = this.storage.getItem(DiagramStorageService_1.STORAGE_KEY);
+            if (!raw) {
+                return undefined;
+            }
+            return JSON.parse(raw);
+        }
+        catch (error) {
+            this.errorService.report(ErrorCode.LOCAL_DIAGRAM_READ, error);
             return undefined;
         }
-        return JSON.parse(raw);
     }
     /**
      * Persists the given diagram serialization.
      */
     save(diagram) {
-        this.storage.setItem(DiagramStorageService_1.STORAGE_KEY, JSON.stringify(diagram));
+        try {
+            this.storage.setItem(DiagramStorageService_1.STORAGE_KEY, JSON.stringify(diagram));
+        }
+        catch (error) {
+            this.errorService.report(ErrorCode.LOCAL_DIAGRAM_SAVE, error);
+        }
     }
     /**
      * Removes the persisted diagram. Used when a new view (a seed) should take precedence over
@@ -31460,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
@@ -31652,6 +31810,7 @@ function GraphwiseMenu() {
     const t = useTranslation();
     const diagramFileService = service(DiagramFileService);
     const diagramService = service(DiagramService);
+    const errorService = service(ErrorService);
     const downloadDiagram = () => {
         const timestamp = new Date().toISOString().replace(/[-:]|\.\d+Z$/g, '');
         diagramFileService.download(model.exportLayout(), `diagram-${timestamp}${DiagramFileService.FILE_EXTENSION}`);
@@ -31662,7 +31821,7 @@ function GraphwiseMenu() {
             await diagramService.importDiagram(model, model.dataProvider, diagram);
         }
         catch (error) {
-            console.error('Failed to upload the diagram', error);
+            errorService.report(ErrorCode.DIAGRAM_IMPORT, error);
         }
     };
     return reactExports.createElement(reactExports.Fragment, null, reactExports.createElement(ToolbarActionClearAll, {}), reactExports.createElement(ToolbarActionExport, { kind: 'exportRaster' }), reactExports.createElement(ToolbarActionExport, { kind: 'exportSvg' }), reactExports.createElement(ToolbarActionExport, { kind: 'print' }), reactExports.createElement(ToolbarAction, 
@@ -31700,18 +31859,36 @@ 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);
+/**
+ * Reports every failed data provider call, unless the call was aborted, and passes the failure on to the caller.
+ */
+const reportDataFetchError = async (_method, params, body) => {
+    var _a;
+    try {
+        return await body(params);
+    }
+    catch (error) {
+        if (!((_a = params.signal) === null || _a === void 0 ? void 0 : _a.aborted)) {
+            errorService$1.report(ErrorCode.DATA_FETCH, error);
+        }
+        throw error;
+    }
+};
 /**
  * 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.
  */
 function createDataProvider(props) {
     const { currentRepository, config, providerSettings } = props;
-    return new SparqlDataProvider({
+    const baseProvider = new SparqlDataProvider({
         endpointUrl: currentRepository,
         queryMethod: 'POST',
         queryFunction: config.queryFunction
     }, providerSettings);
+    return new DecoratedDataProvider({ baseProvider, decorator: reportDataFetchError });
 }
 /**
  * Places the seed entities on the canvas. Each IRI is added as a placeholder element, and data is then loaded for the
@@ -31779,7 +31956,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();
@@ -31806,22 +31983,31 @@ function ReactodiaApp(props) {
         const dataProvider = createDataProvider(props);
         const isReload = props.isReload;
         const savedDiagram = diagramStorageService.load();
-        if (isReload) {
-            // 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) {
-            await seedIrisToCanvas(context, dataProvider, config.seedIris, signal);
-        }
-        else if ((_b = config.seedGraph) === null || _b === void 0 ? void 0 : _b.length) {
-            await seedGraphToCanvas(context, dataProvider, config.seedGraph, signal);
+        try {
+            if (isReload) {
+                // 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) {
+                await seedIrisToCanvas(context, dataProvider, config.seedIris, signal);
+            }
+            else if ((_b = config.seedGraph) === null || _b === void 0 ? void 0 : _b.length) {
+                await seedGraphToCanvas(context, dataProvider, config.seedGraph, signal);
+            }
+            else {
+                // Restore the previously saved layout when present, otherwise start empty. Either way this binds the
+                // data provider (savedDiagram is undefined -> empty diagram), so the unified search/lookup works.
+                await diagramService.importDiagram(model, dataProvider, savedDiagram, signal);
+            }
         }
-        else {
-            // Restore the previously saved layout when present, otherwise start empty. Either way this binds the
-            // data provider (savedDiagram is undefined -> empty diagram), so the unified search/lookup works.
-            await diagramService.importDiagram(model, dataProvider, savedDiagram, signal);
+        catch (error) {
+            if (!signal.aborted) {
+                errorService$1.report(ErrorCode.DIAGRAM_LOAD, error);
+            }
+            // rethrow, so the workspace shows the failure on its loading spinner
+            throw error;
         }
     }, [language]);
     /**
@@ -31858,7 +32044,7 @@ function mountReactodia(container, props) {
 /**
  * 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.
+ * has nothing to do with the current graph. A failure is reported, not thrown.
  */
 async function updateReactodia(props) {
     if (!workspaceContext) {
@@ -31866,7 +32052,12 @@ async function updateReactodia(props) {
     }
     const { model } = workspaceContext;
     const dataProvider = createDataProvider(props);
-    await model.createNewDiagram({ dataProvider });
+    try {
+        await model.createNewDiagram({ dataProvider });
+    }
+    catch (error) {
+        errorService$1.report(ErrorCode.DIAGRAM_LOAD, error);
+    }
 }
 /**
  * Serializes the current diagram so it can be restored after a remount (e.g. when a
@@ -31885,9 +32076,13 @@ 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.eventEmitter = createEvent(this, "graphwiseReactodiaEvent");
+        this.subscriptions = new SubscriptionList();
         /**
          * UI language code (e.g. `en`, `fr`) for the Reactodia interface. Defaults to English.
          */
@@ -31915,6 +32110,7 @@ const GraphwiseReactodia = class {
         this.renderGraph(true);
     }
     connectedCallback() {
+        this.subscribeToEvents();
         this.renderGraph();
     }
     componentDidLoad() {
@@ -31922,13 +32118,17 @@ const GraphwiseReactodia = class {
         this.renderGraph();
     }
     disconnectedCallback() {
+        this.subscriptions.unsubscribeAll();
         if (this.reactRoot) {
             unmountReactodia(this.reactRoot);
             this.reactRoot = undefined;
         }
     }
     render() {
-        return (h(Host, { key: 'a03aad892cb1947ab2426d77b3229e1324776c2c' }));
+        return (h(Host, { key: '2e8541c791f478484c4bad64ad758df99aba2059' }));
+    }
+    subscribeToEvents() {
+        this.subscriptions.add(eventService.subscribe((detail) => this.eventEmitter.emit(detail)));
     }
     renderGraph(isReloading) {
         var _a;
@@ -31936,13 +32136,13 @@ const GraphwiseReactodia = class {
             return;
         }
         if (!this.currentRepository) {
-            throw new Error('currentRepository is required');
+            throw this.reportMissingPropError('currentRepository is required');
         }
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.queryFunction)) {
-            throw new Error('config.queryFunction is required');
+            throw this.reportMissingPropError('config.queryFunction is required');
         }
         if (!this.providerSettings) {
-            throw new Error('providerSettings is required');
+            throw this.reportMissingPropError('providerSettings is required');
         }
         if (!this.hostElement) {
             return;
@@ -31962,6 +32162,11 @@ const GraphwiseReactodia = class {
             this.reactRoot = mountReactodia(this.hostElement, props);
         }
     }
+    reportMissingPropError(message) {
+        const error = new Error(message);
+        errorService.report(ErrorCode.MISSING_REQUIRED_PROP, error);
+        return error;
+    }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
         "currentRepository": ["onCurrentRepositoryChange"],

package/dist/esm/graphwise-reactodia.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-Cypw7ydc.js';
-export { s as setNonce } from './index-Cypw7ydc.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-DpCR6zMg.js';
+export { s as setNonce } from './index-DpCR6zMg.js';
 import { g as globalScripts } from './app-globals-CalY52z6.js';
 
 /*

package/dist/esm/{index-Cypw7ydc.js → index-DpCR6zMg.js}

@@ -287,6 +287,21 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   return propValue;
 };
 var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+        detail
+      });
+    }
+  };
+};
 var emitEvent = (elm, name, opts) => {
   const ev = plt.ce(name, opts);
   elm.dispatchEvent(ev);
@@ -1201,4 +1216,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { Host as H, bootstrapLazy as b, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/index.js

@@ -1,7 +1,8 @@
+export { C as CLEAR_DIAGRAM_STORAGE_EVENT, a as ErrorCode, E as EventType } from './error-code-DHI2bePh.js';
+
 /**
- * Event name for clearing the local store state of the diagram. There is an event listener listening for it, which
- * will clear the local store state, whenever this event is fired.
+ * Name of the DOM event the `graphwise-reactodia` element dispatches for every event.
  */
-const CLEAR_DIAGRAM_STORAGE_EVENT = 'graphwise-reactodia:clear-diagram-storage';
+const GRAPHWISE_REACTODIA_EVENT = 'graphwiseReactodiaEvent';
 
-export { CLEAR_DIAGRAM_STORAGE_EVENT };
+export { GRAPHWISE_REACTODIA_EVENT };

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-Cypw7ydc.js';
-export { s as setNonce } from './index-Cypw7ydc.js';
+import { b as bootstrapLazy } from './index-DpCR6zMg.js';
+export { s as setNonce } from './index-DpCR6zMg.js';
 import { g as globalScripts } from './app-globals-CalY52z6.js';
 
 const defineCustomElements = async (win, options) => {

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-20637a6f",[[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-abfb5091",[[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 @@
-const a="graphwise-reactodia:clear-diagram-storage";export{a as CLEAR_DIAGRAM_STORAGE_EVENT}
+export{C as CLEAR_DIAGRAM_STORAGE_EVENT,a as ErrorCode,E as EventType}from"./p-DHI2bePh.js";const e="graphwiseReactodiaEvent";export{e as GRAPHWISE_REACTODIA_EVENT}

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

@@ -0,0 +1 @@
+const a="graphwise-reactodia:clear-diagram-storage";var r,i;!function(a){a.ERROR="error"}(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"}(i||(i={}));export{a as C,r as E,i as a}

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

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},n=(e,t)=>{e.__stencil__getHostRef=()=>t,t.t=e},o=(e,t)=>(0,console.error)(e,t),l=new Map,i=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",r="undefined"!=typeof window?window:{},c={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),f=!1,d=[],h=[],p=(e,t)=>n=>{e.push(n),f||(f=!0,t&&4&c.o?y(v):c.raf(v))},m=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},v=()=>{m(d),m(h),(f=d.length>0)&&c.raf(v)},y=e=>u().then(e),b=p(h,!0),$=e=>"object"==(e=typeof e)||"function"===e;function w(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>S,map:()=>j,ok:()=>g,unwrap:()=>k,unwrapErr:()=>O});var g=e=>({isOk:!0,isErr:!1,value:e}),S=e=>({isOk:!1,isErr:!0,value:e});function j(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>g(e))):g(n)}if(e.isErr)return S(e.value);throw"should never get here"}var k=e=>{if(e.isOk)return e.value;throw e.value},O=e=>{if(e.isErr)return e.value;throw e.value},E=(e,t,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!$(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?C(null,o):o),s=i)};c(n),t&&t.key&&(l=t.key);const u=C(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},C=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),M={},P=e=>{const t=(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(e);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};P("::slotted"),P(":host"),P(":host-context");var x,D=(e,t)=>null==e||$(e)?e:1&t?e+"":e,R=e=>t(e).$hostElement$,W=(e,t)=>{const n=R(e);return{emit:e=>A(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},A=(e,t,n)=>{const o=c.ce(t,n);return e.dispatchEvent(o),o},N=new WeakMap,U=e=>"sc-"+e.$,H=(e,t,n,o)=>{n!==o&&t.toLowerCase()},L=(e,t)=>{const n=e&&e.u||{},o=t.u||{};for(const e of T(Object.keys(n)))e in o||H(0,e,n[e],void 0);for(const e of T(Object.keys(o)))H(0,e,n[e],o[e])};function T(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var z=(e,t,n)=>{const o=t.h[n];let l,i,s=0;if(!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=r.document.createElement(o.m),L(null,o),o.h)for(s=0;s<o.h.length;++s)i=z(e,o,s),i&&l.appendChild(i);return l["s-hn"]=x,l},F=(e,t,n,o,l,i)=>{let s,r=e;for(;l<=i;++l)o[l]&&(s=z(null,n,l),s&&(o[l].v=s,V(r,s,t)))},q=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},G=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),I=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,i=t.h;L(e,t),null!==l&&null!==i?((e,t,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(G(d,m,l))I(d,m,l),d=t[++r],m=o[++c];else if(G(h,v,l))I(h,v,l),h=t[--f],v=o[--p];else if(G(d,v,l))I(d,v,l),V(e,d.v,h.v.nextSibling),d=t[++r],v=o[--p];else if(G(h,m,l))I(h,m,l),V(e,h.v,d.v),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(s=t[u],s.m!==m.m?i=z(t&&t[c],n,u):(I(s,m,l),t[u]=void 0,i=s.v),m=o[++c]):(i=z(t&&t[c],n,c),m=o[++c]),i&&V(d.v.parentNode,i,d.v)}r>f?F(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&q(t,r,f)})(o,l,t,i,n):null!==i?F(o,null,t,i,0,i.length-1):!n&&null!==l&&q(l,0,l.length-1)},V=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Y=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},_=(e,t)=>{if(e.o|=16,!(4&e.o))return Y(e,e.j),b((()=>B(e,t)));e.o|=512},B=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=te(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=J(l,(()=>te(o,"componentWillRender",void 0,n))),J(l,(()=>Q(e,o,t)))},J=(e,t)=>K(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),K=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Q=async(e,t,n)=>{var o;const l=e.$hostElement$,u=l["s-rc"];n&&(e=>{const t=e.k;((e,t)=>{var n;const o=U(t),l=i.get(o);if(!r.document)return o;if(e=11===e.nodeType?e:r.document,l)if("string"==typeof l){let i,u=N.get(e=e.head||e);if(u||N.set(e,u=new Set),!u.has(o)){{i=r.document.createElement("style"),i.innerHTML=l;const o=null!=(n=c.O)?n:w(r.document);if(null!=o&&i.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(a){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(i)}else e.append(i);1&t.o&&e.insertBefore(i,null)}4&t.o&&(i.innerHTML+=s),u&&u.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l])})(e.$hostElement$.getRootNode(),t)})(e);X(e,t,l,n),u&&(u.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>Z(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},X=(e,t,n,l)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.C||C(null,null),i=(e=>e&&e.m===M)(t)?t:E(null,null,t);if(x=o.tagName,n&&i.u)for(const e of Object.keys(i.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=o[e]);i.m=null,i.o|=4,e.C=i,i.v=l.v=o,I(l,i,n)})(e,t,l)}catch(t){o(t,e.$hostElement$)}return null},Z=e=>{const t=e.$hostElement$,n=e.t,o=e.j;te(n,"componentDidRender",void 0,t),64&e.o?te(n,"componentDidUpdate",void 0,t):(e.o|=64,ne(t),te(n,"componentDidLoad",void 0,t),e.M(t),o||ee()),e.S&&(e.S(),e.S=void 0),512&e.o&&y((()=>_(e,!1))),e.o&=-517},ee=()=>{y((()=>A(r,"appload",{detail:{namespace:"graphwise-reactodia"}})))},te=(e,t,n,l)=>{if(e&&e[t])try{return e[t](n)}catch(e){o(e,l)}},ne=e=>e.classList.add("hydrated"),oe=(e,n,l,i)=>{const s=t(e);if(!s)throw Error(`Couldn't find host element for "${i.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=s.$hostElement$,c=s.P.get(n),u=s.o,a=s.t;if(l=D(l,i.D[n][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(s.P.set(n,l),a)){if(i.R&&128&u){const e=i.R[n];e&&e.map((e=>{try{a[e](l,c,n)}catch(e){o(e,r)}}))}if(2==(18&u)){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(l,c,n))return;_(s,!1)}}},le=(e,n,o)=>{var l,i;const s=e.prototype;if(n.D||n.R||e.watchers){e.watchers&&!n.R&&(n.R=e.watchers);const r=Object.entries(null!=(l=n.D)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,e)||{};i&&(n.D[e][0]|=2048),r&&(n.D[e][0]|=4096),(1&o||!i)&&Object.defineProperty(s,e,{get(){{if(!(2048&n.D[e][0]))return((e,n)=>t(this).P.get(n))(0,e);const o=t(this),l=o?o.t:s;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(i){const s=t(this);if(r){const t=32&l?this[e]:s.$hostElement$[e];return void 0===t&&s.P.get(e)?i=s.P.get(e):!s.P.get(e)&&t&&s.P.set(e,t),r.call(this,D(i,l)),void oe(this,e,i=32&l?this[e]:s.$hostElement$[e],n)}{if(!(1&o&&4096&n.D[e][0]))return oe(this,e,i,n),void(1&o&&!s.t&&s.W.then((()=>{4096&n.D[e][0]&&s.t[e]!==s.P.get(e)&&(s.t[e]=i)})));const t=()=>{const t=s.t[e];!s.P.get(e)&&t&&s.P.set(e,t),s.t[e]=D(i,l),oe(this,e,s.t[e],n)};s.t?t():s.W.then((()=>t()))}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(e,l,i){c.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=t(this),s=null==o?void 0:o.o;if(s&&!(8&s)&&128&s&&i!==l){const t=o.t,s=null==(r=n.R)?void 0:r[e];null==s||s.forEach((n=>{null!=t[n]&&t[n].call(t,i,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.R)?i:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},ie=(e,t)=>{te(e,"connectedCallback",void 0,t)},se=(e,t)=>{te(e,"disconnectedCallback",void 0,t||e)},re=(e,n={})=>{var u;if(!r.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=r.customElements,p=r.document.head,m=p.querySelector("meta[charset]"),v=r.document.createElement("style"),y=[];let b,$=!0;Object.assign(c,n),c.l=new URL(n.resourcesUrl||"./",r.document.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((n=>{var s;const r={o:n[0],$:n[1],D:n[2],A:n[3]};4&r.o&&(g=!0),r.D=n[2],r.R=null!=(s=n[4])?s:{};const u=r.$,p=class extends HTMLElement{constructor(e){super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,k:t,P:new Map};n.W=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,r)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),$?y.push(this):c.jmp((()=>(e=>{if(!(1&c.o)){const n=t(e),s=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ie(n.t,e):(null==n?void 0:n.W)&&n.W.then((()=>ie(n.t,e)));else{n.o|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){Y(n,n.j=t);break}}s.D&&Object.entries(s.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let s;if(!(32&t.o)){if(t.o|=32,n.N){const i=((e,t)=>{const n=e.$.replace(/-/g,"_"),i=e.N;if(!i)return;const s=l.get(i);return s?s[n]:import(`./${i}.entry.js`).then((e=>(l.set(i,e),e[n])),(e=>{o(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(i&&"then"in i){const e=()=>{};s=await i,e()}else s=i;if(!s)throw Error(`Constructor for "${n.$}#${t.U}" was not found`);s.isProxied||(n.R=s.watchers,le(s,n,2),s.isProxied=!0);const r=()=>{};t.o|=8;try{new s(t)}catch(t){o(t,e)}t.o&=-9,t.o|=128,r(),ie(t.t,e)}else s=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(s&&s.style){let e;"string"==typeof s.style&&(e=s.style);const t=U(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>_(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,n,s)}r()}})(this)))}disconnectedCallback(){c.jmp((()=>(async e=>{if(!(1&c.o)){const n=t(e);(null==n?void 0:n.t)?se(n.t,e):(null==n?void 0:n.W)&&n.W.then((()=>se(n.t,e)))}N.has(e)&&N.delete(e),e.shadowRoot&&N.has(e.shadowRoot)&&N.delete(e.shadowRoot)})(this))),c.raf((()=>{var e;const n=t(this),o=y.findIndex((e=>e===this));o>-1&&y.splice(o,1),(null==(e=null==n?void 0:n.C)?void 0:e.v)instanceof Node&&!n.C.v.isConnected&&delete n.C.v}))}componentOnReady(){return t(this).W}};r.N=e[0],d.includes(u)||h.get(u)||(f.push(u),h.define(u,le(p,r,1)))}))})),f.length>0&&(g&&(v.textContent+=s),v.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(u=c.O)?u:w(r.document);null!=e&&v.setAttribute("nonce",e),p.insertBefore(v,m?m.nextSibling:p.firstChild)}$=!1,y.length?y.map((e=>e.connectedCallback())):c.jmp((()=>b=setTimeout(ee,30)))},ce=e=>c.O=e;export{M as H,re as b,W as c,R as g,E as h,u as p,n as r,ce as s}