@compas-oscd/open-scd 0.34.17 → 0.34.19

package/dist/open-scd.js

@@ -1,63 +1,63 @@
-import { __decorate } from "tslib";
-import { customElement, html, LitElement, property, state, } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map';
-import '@material/mwc-icon';
-import '@material/mwc-icon-button';
-import '@material/mwc-linear-progress';
-import '@material/mwc-list';
-import '@material/mwc-list/mwc-list-item';
-import '@material/mwc-tab';
-import '@material/mwc-tab-bar';
-import '@material/mwc-top-app-bar-fixed';
-import '@material/mwc-drawer';
-import '@material/mwc-button';
-import '@material/mwc-dialog';
-import '@material/mwc-formfield';
-import '@material/mwc-list/mwc-check-list-item';
-import '@material/mwc-list/mwc-radio-list-item';
-import '@material/mwc-select';
-import '@material/mwc-switch';
-import '@material/mwc-textfield';
-import { newOpenDocEvent } from '@compas-oscd/core/foundation/deprecated/open-event.js';
-import { newPendingStateEvent } from '@compas-oscd/core/foundation/deprecated/waiter.js';
-import './addons/Settings.js';
-import './addons/Waiter.js';
-import './addons/Wizards.js';
-import './addons/Editor.js';
-import './addons/History.js';
-import './addons/Layout.js';
-import { officialPlugins as builtinPlugins } from './plugins.js';
-import { initializeNsdoc } from './foundation/nsdoc.js';
-import { OscdApi, XMLEditor } from '@compas-oscd/core';
-import { newConfigurePluginEvent } from './plugin.events.js';
-import { newLogEvent } from '@compas-oscd/core/foundation/deprecated/history';
-import { pluginTag } from './plugin-tag.js';
-/** The `<open-scd>` custom element is the main entry point of the
- * Open Substation Configuration Designer. */
-let OpenSCD = class OpenSCD extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.doc = null;
-        /** The name of the current [[`doc`]] */
-        this.docName = '';
-        /** The UUID of the current [[`doc`]] */
-        this.docId = '';
-        this.editor = new XMLEditor();
-        /** Object containing all *.nsdoc files and a function extracting element's label form them*/
-        this.nsdoc = initializeNsdoc();
-        this.currentSrc = '';
-        this.storedPlugins = [];
-        this.editCount = -1;
-        this.unsubscribers = [];
-        /**
-         * @prop {PluginSet} plugins - Set of plugins that are used by OpenSCD
-         */
-        this.plugins = { menu: [], editor: [] };
-        this.loadedPlugins = new Set();
-        // PLUGGING INTERFACES
-        this.pluginTags = new Map();
-    }
-    render() {
+import { __decorate } from "tslib";
+import { customElement, html, LitElement, property, state, } from 'lit-element';
+import { classMap } from 'lit-html/directives/class-map';
+import '@material/mwc-icon';
+import '@material/mwc-icon-button';
+import '@material/mwc-linear-progress';
+import '@material/mwc-list';
+import '@material/mwc-list/mwc-list-item';
+import '@material/mwc-tab';
+import '@material/mwc-tab-bar';
+import '@material/mwc-top-app-bar-fixed';
+import '@material/mwc-drawer';
+import '@material/mwc-button';
+import '@material/mwc-dialog';
+import '@material/mwc-formfield';
+import '@material/mwc-list/mwc-check-list-item';
+import '@material/mwc-list/mwc-radio-list-item';
+import '@material/mwc-select';
+import '@material/mwc-switch';
+import '@material/mwc-textfield';
+import { newOpenDocEvent } from '@openscd/core/foundation/deprecated/open-event.js';
+import { newPendingStateEvent } from '@openscd/core/foundation/deprecated/waiter.js';
+import './addons/Settings.js';
+import './addons/Waiter.js';
+import './addons/Wizards.js';
+import './addons/Editor.js';
+import './addons/History.js';
+import './addons/Layout.js';
+import { officialPlugins as builtinPlugins } from './plugins.js';
+import { initializeNsdoc } from './foundation/nsdoc.js';
+import { OscdApi, XMLEditor } from '@openscd/core';
+import { newConfigurePluginEvent } from './plugin.events.js';
+import { newLogEvent } from '@openscd/core/foundation/deprecated/history';
+import { pluginTag } from './plugin-tag.js';
+/** The `<open-scd>` custom element is the main entry point of the
+ * Open Substation Configuration Designer. */
+let OpenSCD = class OpenSCD extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.doc = null;
+        /** The name of the current [[`doc`]] */
+        this.docName = '';
+        /** The UUID of the current [[`doc`]] */
+        this.docId = '';
+        this.editor = new XMLEditor();
+        /** Object containing all *.nsdoc files and a function extracting element's label form them*/
+        this.nsdoc = initializeNsdoc();
+        this.currentSrc = '';
+        this.storedPlugins = [];
+        this.editCount = -1;
+        this.unsubscribers = [];
+        /**
+         * @prop {PluginSet} plugins - Set of plugins that are used by OpenSCD
+         */
+        this.plugins = { menu: [], editor: [] };
+        this.loadedPlugins = new Set();
+        // PLUGGING INTERFACES
+        this.pluginTags = new Map();
+    }
+    render() {
         return html `<oscd-waiter>
       <oscd-settings .host=${this}>
         <oscd-wizards .host=${this}>
@@ -89,258 +89,258 @@ let OpenSCD = class OpenSCD extends LitElement {
           </oscd-history>
         </oscd-wizards>
       </oscd-settings>
-    </oscd-waiter>`;
-    }
-    /** The current file's URL. `blob:` URLs are *revoked after parsing*! */
-    get src() {
-        return this.currentSrc;
-    }
-    set src(value) {
-        this.currentSrc = value;
-        this.dispatchEvent(newPendingStateEvent(this.loadDoc(value)));
-    }
-    /** Loads and parses an `XMLDocument` after [[`src`]] has changed. */
-    async loadDoc(src) {
-        const response = await fetch(src);
-        const text = await response.text();
-        if (!text)
-            return;
-        const doc = new DOMParser().parseFromString(text, 'application/xml');
-        const docName = src;
-        this.dispatchEvent(newOpenDocEvent(doc, docName));
-        if (src.startsWith('blob:'))
-            URL.revokeObjectURL(src);
-    }
-    /**
-     *
-     * @deprecated Use `handleConfigurationPluginEvent` instead
-     */
-    handleAddExternalPlugin(e) {
-        this.addExternalPlugin(e.detail.plugin);
-        const { name, kind } = e.detail.plugin;
-        const event = newConfigurePluginEvent(name, kind, e.detail.plugin);
-        this.handleConfigurationPluginEvent(event);
-    }
-    handleConfigurationPluginEvent(e) {
-        const { name, kind, config } = e.detail;
-        const hasPlugin = this.hasPlugin(name, kind);
-        const hasConfig = config !== null;
-        const isChangeEvent = hasPlugin && hasConfig;
-        const isRemoveEvent = hasPlugin && !hasConfig;
-        const isAddEvent = !hasPlugin && hasConfig;
-        // the `&& config`is only because typescript
-        // cannot infer that `isChangeEvent` and `isAddEvent` implies `config !== null`
-        if (isChangeEvent && config) {
-            this.changePlugin(config);
-        }
-        else if (isRemoveEvent) {
-            this.removePlugin(name, kind);
-        }
-        else if (isAddEvent && config) {
-            this.addPlugin(config);
-        }
-        else {
-            const event = newLogEvent({
-                kind: "error",
-                title: "Invalid plugin configuration event",
-                message: JSON.stringify({ name, kind, config }),
-            });
-            this.dispatchEvent(event);
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.loadPlugins();
-        this.unsubscribers.push(this.editor.subscribe(e => this.editCount++), this.editor.subscribeUndoRedo(e => this.editCount++));
-        // TODO: let Lit handle the event listeners, move to render()
-        this.addEventListener('reset-plugins', this.resetPlugins);
-    }
-    disconnectedCallback() {
-        this.unsubscribers.forEach(u => u());
-    }
-    /**
-     *
-     * @param name
-     * @param kind
-     * @returns the index of the plugin in the stored plugin list
-     */
-    findPluginIndex(name, kind) {
-        return this.storedPlugins.findIndex(p => p.name === name && p.kind === kind);
-    }
-    hasPlugin(name, kind) {
-        return this.findPluginIndex(name, kind) > -1;
-    }
-    removePlugin(name, kind) {
-        const newPlugins = this.storedPlugins.filter(p => p.name !== name || p.kind !== kind);
-        this.updateStoredPlugins(newPlugins);
-    }
-    addPlugin(plugin) {
-        const newPlugins = [...this.storedPlugins, plugin];
-        this.updateStoredPlugins(newPlugins);
-    }
-    /**
-     *
-     * @param plugin
-     * @throws if the plugin is not found
-     */
-    changePlugin(plugin) {
-        const storedPlugins = this.storedPlugins;
-        const { name, kind } = plugin;
-        const pluginIndex = this.findPluginIndex(name, kind);
-        if (pluginIndex < 0) {
-            const event = newLogEvent({
-                kind: "error",
-                title: "Plugin not found, stopping change process",
-                message: JSON.stringify({ name, kind }),
-            });
-            this.dispatchEvent(event);
-            return;
-        }
-        const pluginToChange = storedPlugins[pluginIndex];
-        const changedPlugin = { ...pluginToChange, ...plugin };
-        const newPlugins = [...storedPlugins];
-        newPlugins.splice(pluginIndex, 1, changedPlugin);
-        // this.storePlugins(newPlugins);
-        this.updateStoredPlugins(newPlugins);
-    }
-    resetPlugins() {
-        const builtInPlugins = this.getBuiltInPlugins();
-        const allPlugins = [...builtInPlugins, ...this.parsedPlugins];
-        const newPluginConfigs = allPlugins.map(plugin => {
-            return {
-                ...plugin,
-                active: plugin.activeByDefault ?? false,
-            };
-        });
-        this.storePlugins(newPluginConfigs);
-    }
-    get parsedPlugins() {
-        const menuPlugins = this.plugins.menu.map((plugin) => {
-            let newPosition = plugin.position;
-            if (typeof plugin.position === 'number') {
-                newPosition = undefined;
-            }
-            return {
-                ...plugin,
-                position: newPosition,
-                kind: 'menu',
-                active: plugin.active ?? false,
-            };
-        });
-        const editorPlugins = this.plugins.editor.map((plugin) => {
-            const editorPlugin = {
-                ...plugin,
-                position: undefined,
-                kind: 'editor',
-                active: plugin.active ?? false,
-            };
-            return editorPlugin;
-        });
-        const allPlugnis = [...menuPlugins, ...editorPlugins];
-        return allPlugnis;
-    }
-    updateStoredPlugins(newPlugins) {
-        //
-        // Generate content of each plugin
-        //
-        const plugins = newPlugins.map(plugin => {
-            const isInstalled = plugin.src && plugin.active;
-            if (!isInstalled) {
-                return plugin;
-            }
-            return this.addContent(plugin);
-        });
-        //
-        // Merge built-in plugins
-        //
-        const mergedPlugins = plugins.map(plugin => {
-            const isBuiltIn = !plugin?.official;
-            if (!isBuiltIn) {
-                return plugin;
-            }
-            ;
-            const builtInPlugin = [...this.getBuiltInPlugins(), ...this.parsedPlugins]
-                .find(p => p.src === plugin.src);
-            return {
-                ...builtInPlugin,
-                ...plugin,
-            };
-        });
-        this.storePlugins(mergedPlugins);
-    }
-    storePlugins(plugins) {
-        this.storedPlugins = plugins;
-        const pluginConfigs = JSON.stringify(plugins.map(withoutContent));
-        localStorage.setItem('plugins', pluginConfigs);
-    }
-    getPluginConfigsFromLocalStorage() {
-        const pluginsConfigStr = localStorage.getItem('plugins') ?? '[]';
-        return JSON.parse(pluginsConfigStr);
-    }
-    get locale() {
-        return navigator.language || 'en-US';
-    }
-    get docs() {
-        const docs = {};
-        if (this.doc) {
-            docs[this.docName] = this.doc;
-        }
-        return docs;
-    }
-    setPlugins(selectedPlugins) {
-        const newPlugins = this.storedPlugins.map((storedPlugin) => {
-            const isSelected = selectedPlugins.some((selectedPlugin) => {
-                return selectedPlugin.name === storedPlugin.name
-                    && selectedPlugin.src === storedPlugin.src;
-            });
-            return {
-                ...storedPlugin,
-                active: isSelected
-            };
-        });
-        this.updateStoredPlugins(newPlugins);
-    }
-    loadPlugins() {
-        const localPluginConfigs = this.getPluginConfigsFromLocalStorage();
-        const overwritesOfBultInPlugins = localPluginConfigs.filter((p) => {
-            return this.getBuiltInPlugins().some(b => b.src === p.src);
-        });
-        const userInstalledPlugins = localPluginConfigs.filter((p) => {
-            return !this.getBuiltInPlugins().some(b => b.src === p.src);
-        });
-        const mergedBuiltInPlugins = this.getBuiltInPlugins().map((builtInPlugin) => {
-            let overwrite = overwritesOfBultInPlugins.find(p => p.src === builtInPlugin.src);
-            const mergedPlugin = {
-                ...builtInPlugin,
-                ...overwrite,
-                active: overwrite?.active ?? builtInPlugin.activeByDefault,
-            };
-            return mergedPlugin;
-        });
-        const mergedPlugins = [...mergedBuiltInPlugins, ...userInstalledPlugins];
-        this.updateStoredPlugins(mergedPlugins);
-    }
-    async addExternalPlugin(plugin) {
-        if (this.storedPlugins.some(p => p.src === plugin.src))
-            return;
-        const newPlugins = this.storedPlugins;
-        newPlugins.push(plugin);
-        this.storePlugins(newPlugins);
-    }
-    getBuiltInPlugins() {
-        return builtinPlugins;
-    }
-    addContent(plugin) {
-        const tag = this.pluginTag(plugin.src);
-        if (!this.loadedPlugins.has(tag)) {
-            this.loadedPlugins.add(tag);
-            import(plugin.src).then((mod) => {
-                customElements.define(tag, mod.default);
-            });
-        }
-        return {
-            ...plugin,
-            content: () => {
+    </oscd-waiter>`;
+    }
+    /** The current file's URL. `blob:` URLs are *revoked after parsing*! */
+    get src() {
+        return this.currentSrc;
+    }
+    set src(value) {
+        this.currentSrc = value;
+        this.dispatchEvent(newPendingStateEvent(this.loadDoc(value)));
+    }
+    /** Loads and parses an `XMLDocument` after [[`src`]] has changed. */
+    async loadDoc(src) {
+        const response = await fetch(src);
+        const text = await response.text();
+        if (!text)
+            return;
+        const doc = new DOMParser().parseFromString(text, 'application/xml');
+        const docName = src;
+        this.dispatchEvent(newOpenDocEvent(doc, docName));
+        if (src.startsWith('blob:'))
+            URL.revokeObjectURL(src);
+    }
+    /**
+     *
+     * @deprecated Use `handleConfigurationPluginEvent` instead
+     */
+    handleAddExternalPlugin(e) {
+        this.addExternalPlugin(e.detail.plugin);
+        const { name, kind } = e.detail.plugin;
+        const event = newConfigurePluginEvent(name, kind, e.detail.plugin);
+        this.handleConfigurationPluginEvent(event);
+    }
+    handleConfigurationPluginEvent(e) {
+        const { name, kind, config } = e.detail;
+        const hasPlugin = this.hasPlugin(name, kind);
+        const hasConfig = config !== null;
+        const isChangeEvent = hasPlugin && hasConfig;
+        const isRemoveEvent = hasPlugin && !hasConfig;
+        const isAddEvent = !hasPlugin && hasConfig;
+        // the `&& config`is only because typescript
+        // cannot infer that `isChangeEvent` and `isAddEvent` implies `config !== null`
+        if (isChangeEvent && config) {
+            this.changePlugin(config);
+        }
+        else if (isRemoveEvent) {
+            this.removePlugin(name, kind);
+        }
+        else if (isAddEvent && config) {
+            this.addPlugin(config);
+        }
+        else {
+            const event = newLogEvent({
+                kind: "error",
+                title: "Invalid plugin configuration event",
+                message: JSON.stringify({ name, kind, config }),
+            });
+            this.dispatchEvent(event);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.loadPlugins();
+        this.unsubscribers.push(this.editor.subscribe(e => this.editCount++), this.editor.subscribeUndoRedo(e => this.editCount++));
+        // TODO: let Lit handle the event listeners, move to render()
+        this.addEventListener('reset-plugins', this.resetPlugins);
+    }
+    disconnectedCallback() {
+        this.unsubscribers.forEach(u => u());
+    }
+    /**
+     *
+     * @param name
+     * @param kind
+     * @returns the index of the plugin in the stored plugin list
+     */
+    findPluginIndex(name, kind) {
+        return this.storedPlugins.findIndex(p => p.name === name && p.kind === kind);
+    }
+    hasPlugin(name, kind) {
+        return this.findPluginIndex(name, kind) > -1;
+    }
+    removePlugin(name, kind) {
+        const newPlugins = this.storedPlugins.filter(p => p.name !== name || p.kind !== kind);
+        this.updateStoredPlugins(newPlugins);
+    }
+    addPlugin(plugin) {
+        const newPlugins = [...this.storedPlugins, plugin];
+        this.updateStoredPlugins(newPlugins);
+    }
+    /**
+     *
+     * @param plugin
+     * @throws if the plugin is not found
+     */
+    changePlugin(plugin) {
+        const storedPlugins = this.storedPlugins;
+        const { name, kind } = plugin;
+        const pluginIndex = this.findPluginIndex(name, kind);
+        if (pluginIndex < 0) {
+            const event = newLogEvent({
+                kind: "error",
+                title: "Plugin not found, stopping change process",
+                message: JSON.stringify({ name, kind }),
+            });
+            this.dispatchEvent(event);
+            return;
+        }
+        const pluginToChange = storedPlugins[pluginIndex];
+        const changedPlugin = { ...pluginToChange, ...plugin };
+        const newPlugins = [...storedPlugins];
+        newPlugins.splice(pluginIndex, 1, changedPlugin);
+        // this.storePlugins(newPlugins);
+        this.updateStoredPlugins(newPlugins);
+    }
+    resetPlugins() {
+        const builtInPlugins = this.getBuiltInPlugins();
+        const allPlugins = [...builtInPlugins, ...this.parsedPlugins];
+        const newPluginConfigs = allPlugins.map(plugin => {
+            return {
+                ...plugin,
+                active: plugin.activeByDefault ?? false,
+            };
+        });
+        this.storePlugins(newPluginConfigs);
+    }
+    get parsedPlugins() {
+        const menuPlugins = this.plugins.menu.map((plugin) => {
+            let newPosition = plugin.position;
+            if (typeof plugin.position === 'number') {
+                newPosition = undefined;
+            }
+            return {
+                ...plugin,
+                position: newPosition,
+                kind: 'menu',
+                active: plugin.active ?? false,
+            };
+        });
+        const editorPlugins = this.plugins.editor.map((plugin) => {
+            const editorPlugin = {
+                ...plugin,
+                position: undefined,
+                kind: 'editor',
+                active: plugin.active ?? false,
+            };
+            return editorPlugin;
+        });
+        const allPlugnis = [...menuPlugins, ...editorPlugins];
+        return allPlugnis;
+    }
+    updateStoredPlugins(newPlugins) {
+        //
+        // Generate content of each plugin
+        //
+        const plugins = newPlugins.map(plugin => {
+            const isInstalled = plugin.src && plugin.active;
+            if (!isInstalled) {
+                return plugin;
+            }
+            return this.addContent(plugin);
+        });
+        //
+        // Merge built-in plugins
+        //
+        const mergedPlugins = plugins.map(plugin => {
+            const isBuiltIn = !plugin?.official;
+            if (!isBuiltIn) {
+                return plugin;
+            }
+            ;
+            const builtInPlugin = [...this.getBuiltInPlugins(), ...this.parsedPlugins]
+                .find(p => p.src === plugin.src);
+            return {
+                ...builtInPlugin,
+                ...plugin,
+            };
+        });
+        this.storePlugins(mergedPlugins);
+    }
+    storePlugins(plugins) {
+        this.storedPlugins = plugins;
+        const pluginConfigs = JSON.stringify(plugins.map(withoutContent));
+        localStorage.setItem('plugins', pluginConfigs);
+    }
+    getPluginConfigsFromLocalStorage() {
+        const pluginsConfigStr = localStorage.getItem('plugins') ?? '[]';
+        return JSON.parse(pluginsConfigStr);
+    }
+    get locale() {
+        return navigator.language || 'en-US';
+    }
+    get docs() {
+        const docs = {};
+        if (this.doc) {
+            docs[this.docName] = this.doc;
+        }
+        return docs;
+    }
+    setPlugins(selectedPlugins) {
+        const newPlugins = this.storedPlugins.map((storedPlugin) => {
+            const isSelected = selectedPlugins.some((selectedPlugin) => {
+                return selectedPlugin.name === storedPlugin.name
+                    && selectedPlugin.src === storedPlugin.src;
+            });
+            return {
+                ...storedPlugin,
+                active: isSelected
+            };
+        });
+        this.updateStoredPlugins(newPlugins);
+    }
+    loadPlugins() {
+        const localPluginConfigs = this.getPluginConfigsFromLocalStorage();
+        const overwritesOfBultInPlugins = localPluginConfigs.filter((p) => {
+            return this.getBuiltInPlugins().some(b => b.src === p.src);
+        });
+        const userInstalledPlugins = localPluginConfigs.filter((p) => {
+            return !this.getBuiltInPlugins().some(b => b.src === p.src);
+        });
+        const mergedBuiltInPlugins = this.getBuiltInPlugins().map((builtInPlugin) => {
+            let overwrite = overwritesOfBultInPlugins.find(p => p.src === builtInPlugin.src);
+            const mergedPlugin = {
+                ...builtInPlugin,
+                ...overwrite,
+                active: overwrite?.active ?? builtInPlugin.activeByDefault,
+            };
+            return mergedPlugin;
+        });
+        const mergedPlugins = [...mergedBuiltInPlugins, ...userInstalledPlugins];
+        this.updateStoredPlugins(mergedPlugins);
+    }
+    async addExternalPlugin(plugin) {
+        if (this.storedPlugins.some(p => p.src === plugin.src))
+            return;
+        const newPlugins = this.storedPlugins;
+        newPlugins.push(plugin);
+        this.storePlugins(newPlugins);
+    }
+    getBuiltInPlugins() {
+        return builtinPlugins;
+    }
+    addContent(plugin) {
+        const tag = this.pluginTag(plugin.src);
+        if (!this.loadedPlugins.has(tag)) {
+            this.loadedPlugins.add(tag);
+            import(plugin.src).then((mod) => {
+                customElements.define(tag, mod.default);
+            });
+        }
+        return {
+            ...plugin,
+            content: () => {
                 return staticTagHtml `<${tag}
             .doc=${this.doc}
             .docName=${this.docName}
@@ -353,131 +353,131 @@ let OpenSCD = class OpenSCD extends LitElement {
             .locale=${this.locale}
             .oscdApi=${new OscdApi(tag)}
             .editor=${this.editor}
-            class="${classMap({
-                    plugin: true,
-                    menu: plugin.kind === 'menu',
-                    validator: plugin.kind === 'validator',
-                    editor: plugin.kind === 'editor',
+            class="${classMap({
+                    plugin: true,
+                    menu: plugin.kind === 'menu',
+                    validator: plugin.kind === 'validator',
+                    editor: plugin.kind === 'editor',
                 })}"
-          ></${tag}>`;
-            },
-        };
-    }
-    pluginTag(uri) {
-        if (!this.pluginTags.has(uri)) {
-            const tag = pluginTag(uri);
-            this.pluginTags.set(uri, tag);
-        }
-        return this.pluginTags.get(uri);
-    }
-};
-__decorate([
-    property({ attribute: false })
-], OpenSCD.prototype, "doc", void 0);
-__decorate([
-    property({ type: String })
-], OpenSCD.prototype, "docName", void 0);
-__decorate([
-    property({ type: String })
-], OpenSCD.prototype, "docId", void 0);
-__decorate([
-    property({ attribute: false })
-], OpenSCD.prototype, "nsdoc", void 0);
-__decorate([
-    property({ type: String })
-], OpenSCD.prototype, "src", null);
-__decorate([
-    state()
-], OpenSCD.prototype, "storedPlugins", void 0);
-__decorate([
-    state()
-], OpenSCD.prototype, "editCount", void 0);
-__decorate([
-    property({ type: Object })
-], OpenSCD.prototype, "plugins", void 0);
-__decorate([
-    state()
-], OpenSCD.prototype, "loadedPlugins", void 0);
-__decorate([
-    state()
-], OpenSCD.prototype, "pluginTags", void 0);
-OpenSCD = __decorate([
-    customElement('open-scd')
-], OpenSCD);
-export { OpenSCD };
-export function newResetPluginsEvent() {
-    return new CustomEvent('reset-plugins', { bubbles: true, composed: true });
-}
-export function newAddExternalPluginEvent(plugin) {
-    return new CustomEvent('add-external-plugin', {
-        bubbles: true,
-        composed: true,
-        detail: { plugin },
-    });
-}
-export function newSetPluginsEvent(selectedPlugins) {
-    return new CustomEvent('set-plugins', {
-        bubbles: true,
-        composed: true,
-        detail: { selectedPlugins },
-    });
-}
-/**
- * This is a template literal tag function. See:
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates
- *
- * Passes its arguments to LitElement's `html` tag after combining the first and
- * last expressions with the first two and last two static strings.
- * Throws unless the first and last expressions are identical strings.
- *
- * We need this to get around the expression location limitations documented in
- * https://lit.dev/docs/templates/expressions/#expression-locations
- *
- * After upgrading to Lit 2 we can use their static HTML functions instead:
- * https://lit.dev/docs/api/static-html/
- */
-function staticTagHtml(oldStrings, ...oldArgs) {
-    const args = [...oldArgs];
-    const firstArg = args.shift();
-    const lastArg = args.pop();
-    if (firstArg !== lastArg)
-        throw new Error(`Opening tag <${firstArg}> does not match closing tag </${lastArg}>.`);
-    const strings = [...oldStrings];
-    const firstString = strings.shift();
-    const secondString = strings.shift();
-    const lastString = strings.pop();
-    const penultimateString = strings.pop();
-    strings.unshift(`${firstString}${firstArg}${secondString}`);
-    strings.push(`${penultimateString}${lastArg}${lastString}`);
-    return html(strings, ...args);
-}
-function withoutContent(plugin) {
-    return { ...plugin, content: undefined };
-}
-export const pluginIcons = {
-    editor: 'tab',
-    menu: 'play_circle',
-    validator: 'rule_folder',
-    top: 'play_circle',
-    middle: 'play_circle',
-    bottom: 'play_circle',
-};
-const menuOrder = [
-    'editor',
-    'top',
-    'validator',
-    'middle',
-    'bottom',
-];
-function menuCompare(a, b) {
-    if (a.kind === b.kind && a.position === b.position)
-        return 0;
-    const earlier = menuOrder.find(kind => [a.kind, b.kind, a.position, b.position].includes(kind));
-    return [a.kind, a.position].includes(earlier) ? -1 : 1;
-}
-function compareNeedsDoc(a, b) {
-    if (a.requireDoc === b.requireDoc)
-        return 0;
-    return a.requireDoc ? 1 : -1;
-}
+          ></${tag}>`;
+            },
+        };
+    }
+    pluginTag(uri) {
+        if (!this.pluginTags.has(uri)) {
+            const tag = pluginTag(uri);
+            this.pluginTags.set(uri, tag);
+        }
+        return this.pluginTags.get(uri);
+    }
+};
+__decorate([
+    property({ attribute: false })
+], OpenSCD.prototype, "doc", void 0);
+__decorate([
+    property({ type: String })
+], OpenSCD.prototype, "docName", void 0);
+__decorate([
+    property({ type: String })
+], OpenSCD.prototype, "docId", void 0);
+__decorate([
+    property({ attribute: false })
+], OpenSCD.prototype, "nsdoc", void 0);
+__decorate([
+    property({ type: String })
+], OpenSCD.prototype, "src", null);
+__decorate([
+    state()
+], OpenSCD.prototype, "storedPlugins", void 0);
+__decorate([
+    state()
+], OpenSCD.prototype, "editCount", void 0);
+__decorate([
+    property({ type: Object })
+], OpenSCD.prototype, "plugins", void 0);
+__decorate([
+    state()
+], OpenSCD.prototype, "loadedPlugins", void 0);
+__decorate([
+    state()
+], OpenSCD.prototype, "pluginTags", void 0);
+OpenSCD = __decorate([
+    customElement('open-scd')
+], OpenSCD);
+export { OpenSCD };
+export function newResetPluginsEvent() {
+    return new CustomEvent('reset-plugins', { bubbles: true, composed: true });
+}
+export function newAddExternalPluginEvent(plugin) {
+    return new CustomEvent('add-external-plugin', {
+        bubbles: true,
+        composed: true,
+        detail: { plugin },
+    });
+}
+export function newSetPluginsEvent(selectedPlugins) {
+    return new CustomEvent('set-plugins', {
+        bubbles: true,
+        composed: true,
+        detail: { selectedPlugins },
+    });
+}
+/**
+ * This is a template literal tag function. See:
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates
+ *
+ * Passes its arguments to LitElement's `html` tag after combining the first and
+ * last expressions with the first two and last two static strings.
+ * Throws unless the first and last expressions are identical strings.
+ *
+ * We need this to get around the expression location limitations documented in
+ * https://lit.dev/docs/templates/expressions/#expression-locations
+ *
+ * After upgrading to Lit 2 we can use their static HTML functions instead:
+ * https://lit.dev/docs/api/static-html/
+ */
+function staticTagHtml(oldStrings, ...oldArgs) {
+    const args = [...oldArgs];
+    const firstArg = args.shift();
+    const lastArg = args.pop();
+    if (firstArg !== lastArg)
+        throw new Error(`Opening tag <${firstArg}> does not match closing tag </${lastArg}>.`);
+    const strings = [...oldStrings];
+    const firstString = strings.shift();
+    const secondString = strings.shift();
+    const lastString = strings.pop();
+    const penultimateString = strings.pop();
+    strings.unshift(`${firstString}${firstArg}${secondString}`);
+    strings.push(`${penultimateString}${lastArg}${lastString}`);
+    return html(strings, ...args);
+}
+function withoutContent(plugin) {
+    return { ...plugin, content: undefined };
+}
+export const pluginIcons = {
+    editor: 'tab',
+    menu: 'play_circle',
+    validator: 'rule_folder',
+    top: 'play_circle',
+    middle: 'play_circle',
+    bottom: 'play_circle',
+};
+const menuOrder = [
+    'editor',
+    'top',
+    'validator',
+    'middle',
+    'bottom',
+];
+function menuCompare(a, b) {
+    if (a.kind === b.kind && a.position === b.position)
+        return 0;
+    const earlier = menuOrder.find(kind => [a.kind, b.kind, a.position, b.position].includes(kind));
+    return [a.kind, a.position].includes(earlier) ? -1 : 1;
+}
+function compareNeedsDoc(a, b) {
+    if (a.requireDoc === b.requireDoc)
+        return 0;
+    return a.requireDoc ? 1 : -1;
+}
 //# sourceMappingURL=open-scd.js.map