@compas-oscd/open-scd 0.34.0 → 0.34.1

package/dist/openscd/src/addons/Wizards.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { html, state, query, customElement, LitElement, property, } from 'lit-element';
+import '../wizard-dialog.js';
+/** `LitElement` mixin that adds a `workflow` property which [[`Wizard`]]s are
+ * queued onto on incoming [[`WizardEvent`]]s, first come first displayed. */
+let OscdWizards = class OscdWizards extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** FIFO queue of [[`Wizard`]]s to display. */
+        this.workflow = [];
+    }
+    onWizard(we) {
+        const wizard = we.detail.wizard;
+        if (wizard === null)
+            this.workflow.shift();
+        else if (we.detail.subwizard)
+            this.workflow.unshift(wizard);
+        else
+            this.workflow.push(wizard);
+        this.requestUpdate('workflow');
+        this.updateComplete.then(() => this.wizardUI.updateComplete.then(() => this.wizardUI.dialog?.updateComplete.then(() => this.wizardUI.dialog?.focus())));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.host.addEventListener('wizard', this.onWizard.bind(this));
+        this.host.addEventListener('editor-action', () => this.wizardUI.requestUpdate());
+    }
+    render() {
+        return html `<slot></slot>
+      <wizard-dialog .wizard=${this.workflow[0]?.() ?? []}></wizard-dialog>`;
+    }
+};
+__decorate([
+    property({
+        type: Object,
+    })
+], OscdWizards.prototype, "host", void 0);
+__decorate([
+    state()
+], OscdWizards.prototype, "workflow", void 0);
+__decorate([
+    query('wizard-dialog')
+], OscdWizards.prototype, "wizardUI", void 0);
+OscdWizards = __decorate([
+    customElement('oscd-wizards')
+], OscdWizards);
+export { OscdWizards };
+//# sourceMappingURL=Wizards.js.map

package/dist/openscd/src/addons/Wizards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizards.js","sourceRoot":"","sources":["../../../../src/addons/Wizards.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EACJ,KAAK,EAEL,KAAK,EACL,aAAa,EACb,UAAU,EACV,QAAQ,GACT,MAAM,aAAa,CAAC;AAGrB,OAAO,qBAAqB,CAAC;AAG7B;6EAC6E;AAEtE,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAML,8CAA8C;QAE9C,aAAQ,GAAoB,EAAE,CAAC;IAgCjC,CAAC;IA5BS,QAAQ,CAAC,EAAe;QAC9B,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;QAChC,IAAI,MAAM,KAAK,IAAI;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;aACtC,IAAI,EAAE,CAAC,MAAM,CAAC,SAAS;YAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;YACvD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAC5B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CACrC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAC7C,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAC9B,CACF,CACF,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE,CAC/C,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAC9B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;+BACgB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,mBAAmB,CAAC;IAC3E,CAAC;CACF,CAAA;AApCC;IAHC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;KACb,CAAC;yCACiB;AAInB;IADC,KAAK,EAAE;6CACuB;AAEP;IAAvB,KAAK,CAAC,eAAe,CAAC;6CAAyB;AAVrC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAwCvB;SAxCY,WAAW","sourcesContent":["import {\n  html,\n  state,\n  TemplateResult,\n  query,\n  customElement,\n  LitElement,\n  property,\n} from 'lit-element';\nimport { WizardEvent, WizardFactory } from '../foundation.js';\n\nimport '../wizard-dialog.js';\nimport { WizardDialog } from '../wizard-dialog.js';\n\n/** `LitElement` mixin that adds a `workflow` property which [[`Wizard`]]s are\n * queued onto on incoming [[`WizardEvent`]]s, first come first displayed. */\n@customElement('oscd-wizards')\nexport class OscdWizards extends LitElement {\n  @property({\n    type: Object,\n  })\n  host!: HTMLElement;\n\n  /** FIFO queue of [[`Wizard`]]s to display. */\n  @state()\n  workflow: WizardFactory[] = [];\n\n  @query('wizard-dialog') wizardUI!: WizardDialog;\n\n  private onWizard(we: WizardEvent) {\n    const wizard = we.detail.wizard;\n    if (wizard === null) this.workflow.shift();\n    else if (we.detail.subwizard) this.workflow.unshift(wizard);\n    else this.workflow.push(wizard);\n    this.requestUpdate('workflow');\n    this.updateComplete.then(() =>\n      this.wizardUI.updateComplete.then(() =>\n        this.wizardUI.dialog?.updateComplete.then(() =>\n          this.wizardUI.dialog?.focus()\n        )\n      )\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.host.addEventListener('wizard', this.onWizard.bind(this));\n    this.host.addEventListener('editor-action', () =>\n      this.wizardUI.requestUpdate()\n    );\n  }\n\n  render(): TemplateResult {\n    return html`<slot></slot>\n      <wizard-dialog .wizard=${this.workflow[0]?.() ?? []}></wizard-dialog>`;\n  }\n}\n"]}

package/dist/openscd/src/addons/editor/edit-action-to-v1-converter.js

@@ -0,0 +1,96 @@
+import { isCreate, isDelete, isMove, isReplace, isSimple, isUpdate } from '@openscd/core/foundation/deprecated/editor.js';
+import { getReference } from '../../foundation.js';
+export function convertEditActiontoV1(action) {
+    if (isSimple(action)) {
+        return convertSimpleAction(action);
+    }
+    else {
+        return action.actions.map(convertSimpleAction);
+    }
+}
+function convertSimpleAction(action) {
+    if (isCreate(action)) {
+        return convertCreate(action);
+    }
+    else if (isDelete(action)) {
+        return convertDelete(action);
+    }
+    else if (isUpdate(action)) {
+        return convertUpdate(action);
+    }
+    else if (isMove(action)) {
+        return convertMove(action);
+    }
+    else if (isReplace(action)) {
+        return convertReplace(action);
+    }
+    throw new Error('Unknown action type');
+}
+function convertCreate(action) {
+    let reference = null;
+    if (action.new.reference === undefined &&
+        action.new.element instanceof Element &&
+        action.new.parent instanceof Element) {
+        reference = getReference(action.new.parent, action.new.element.tagName);
+    }
+    else {
+        reference = action.new.reference ?? null;
+    }
+    return {
+        parent: action.new.parent,
+        node: action.new.element,
+        reference
+    };
+}
+function convertDelete(action) {
+    return {
+        node: action.old.element
+    };
+}
+function convertUpdate(action) {
+    const oldAttributesToRemove = {};
+    Array.from(action.element.attributes).forEach(attr => {
+        oldAttributesToRemove[attr.name] = null;
+    });
+    const attributes = {
+        ...oldAttributesToRemove,
+        ...action.newAttributes
+    };
+    return {
+        element: action.element,
+        attributes
+    };
+}
+function convertMove(action) {
+    if (action.new.reference === undefined) {
+        action.new.reference = getReference(action.new.parent, action.old.element.tagName);
+    }
+    return {
+        parent: action.new.parent,
+        node: action.old.element,
+        reference: action.new.reference ?? null
+    };
+}
+function convertReplace(action) {
+    const oldChildren = action.old.element.children;
+    // We have to clone the children, because otherwise undoing the action would remove the children from the old element, because append removes the old parent
+    const copiedChildren = Array.from(oldChildren).map(e => e.cloneNode(true));
+    const newNode = action.new.element.cloneNode(true);
+    newNode.append(...Array.from(copiedChildren));
+    const parent = action.old.element.parentElement;
+    if (!parent) {
+        throw new Error('Replace action called without parent in old element');
+    }
+    const reference = action.old.element.nextSibling;
+    const remove = { node: action.old.element };
+    const insert = {
+        parent,
+        node: newNode,
+        reference
+    };
+    return [
+        remove,
+        insert
+    ];
+}
+//# sourceMappingURL=edit-action-to-v1-converter.js.map

package/dist/openscd/src/addons/editor/edit-action-to-v1-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-action-to-v1-converter.js","sourceRoot":"","sources":["../../../../../src/addons/editor/edit-action-to-v1-converter.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Create,\n  Delete,\n  EditorAction,\n  isCreate,\n  isDelete,\n  isMove,\n  isReplace,\n  isSimple,\n  isUpdate,\n  Move,\n  Replace,\n  SimpleAction,\n  Update\n} from '@openscd/core/foundation/deprecated/editor.js';\nimport { Edit, Insert, Remove, Update as UpdateV2 } from '@openscd/core';\nimport { getReference, SCLTag } from '../../foundation.js';\n\n\nexport function convertEditActiontoV1(action: EditorAction): Edit {\n  if (isSimple(action)) {\n    return convertSimpleAction(action);\n  } else {\n    return action.actions.map(convertSimpleAction);\n  }\n}\n\nfunction convertSimpleAction(action: SimpleAction): Edit {\n  if (isCreate(action)) {\n    return convertCreate(action);\n  } else if (isDelete(action)) {\n    return convertDelete(action);\n  } else if (isUpdate(action)) {\n    return convertUpdate(action);\n  } else if (isMove(action)) {\n    return convertMove(action);\n  } else if (isReplace(action)) {\n    return convertReplace(action);\n  }\n\n  throw new Error('Unknown action type');\n}\n\nfunction convertCreate(action: Create): Insert {\n  let reference: Node | null = null;\n  if (\n    action.new.reference === undefined &&\n    action.new.element instanceof Element &&\n    action.new.parent instanceof Element\n  ) {\n    reference = getReference(\n      action.new.parent,\n      <SCLTag>action.new.element.tagName\n    );\n  } else {\n    reference = action.new.reference ?? null; \n  }\n\n  return {\n    parent: action.new.parent,\n    node: action.new.element,\n    reference\n  };\n}\n\nfunction convertDelete(action: Delete): Remove {\n  return {\n    node: action.old.element\n  };\n}\n\nfunction convertUpdate(action: Update): UpdateV2 {\n  const oldAttributesToRemove: Record<string, string | null> = {};\n  Array.from(action.element.attributes).forEach(attr => {\n    oldAttributesToRemove[attr.name] = null;\n  });\n\n  const attributes = {\n    ...oldAttributesToRemove,\n    ...action.newAttributes\n  };\n\n  return {\n    element: action.element,\n    attributes\n  };\n}\n\nfunction convertMove(action: Move): Insert {\n  if (action.new.reference === undefined) {\n    action.new.reference = getReference(\n      action.new.parent,\n      <SCLTag>action.old.element.tagName\n    );\n  }\n\n  return {\n    parent: action.new.parent,\n    node: action.old.element,\n    reference: action.new.reference ?? null\n  }\n}\n\nfunction convertReplace(action: Replace): Edit {\n  const oldChildren = action.old.element.children;\n  // We have to clone the children, because otherwise undoing the action would remove the children from the old element, because append removes the old parent\n  const copiedChildren = Array.from(oldChildren).map(e => e.cloneNode(true));\n\n  const newNode = action.new.element.cloneNode(true) as Element;\n  newNode.append(...Array.from(copiedChildren));\n  const parent = action.old.element.parentElement;\n\n  if (!parent) {\n    throw new Error('Replace action called without parent in old element');\n  }\n\n  const reference = action.old.element.nextSibling;\n\n  const remove: Remove = { node: action.old.element };\n  const insert: Insert = {\n    parent,\n    node: newNode,\n    reference\n  };\n\n  return [\n    remove,\n    insert\n  ];\n}\n"]}

package/dist/openscd/src/addons/editor/edit-v1-to-v2-converter.js

@@ -0,0 +1,37 @@
+import { isComplex, isInsert, isNamespaced, isRemove, isUpdate } from '@openscd/core';
+export function convertEditV1toV2(edit) {
+    if (isComplex(edit)) {
+        return edit.map(convertEditV1toV2);
+    }
+    else if (isRemove(edit)) {
+        return edit;
+    }
+    else if (isInsert(edit)) {
+        return edit;
+    }
+    else if (isUpdate(edit)) {
+        return convertUpdate(edit);
+    }
+    else {
+        throw new Error('Unknown edit type');
+    }
+}
+function convertUpdate(edit) {
+    const attributes = {};
+    const attributesNS = {};
+    Object.entries(edit.attributes).forEach(([key, value]) => {
+        if (isNamespaced(value)) {
+            const ns = value.namespaceURI;
+            if (!ns)
+                return;
+            if (!attributesNS[ns]) {
+                attributesNS[ns] = {};
+            }
+            attributesNS[ns][key] = value.value;
+        }
+        else
+            attributes[key] = value;
+    });
+    return { element: edit.element, attributes, attributesNS };
+}
+//# sourceMappingURL=edit-v1-to-v2-converter.js.map

package/dist/openscd/src/addons/editor/edit-v1-to-v2-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-v1-to-v2-converter.js","sourceRoot":"","sources":["../../../../../src/addons/editor/edit-v1-to-v2-converter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAC;AAE5G,MAAM,UAAU,iBAAiB,CAAC,IAAU;IAC1C,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;KACpC;SAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,IAAc,CAAC;KACvB;SAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,IAAc,CAAC;KACvB;SAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;KAC5B;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;KACtC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IACjC,MAAM,UAAU,GAA2C,EAAE,CAAC;IAC9D,MAAM,YAAY,GAEd,EAAE,CAAC;IAEP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACvD,IAAI,YAAY,CAAC,KAAM,CAAC,EAAE;YACxB,MAAM,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YAC9B,IAAI,CAAC,EAAE;gBAAE,OAAO;YAEhB,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE;gBACrB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;aACvB;YACD,YAAY,CAAC,EAAE,CAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;SACtC;;YAAM,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AAC7D,CAAC","sourcesContent":["import { Edit, EditV2, isComplex, isInsert, isNamespaced, isRemove, isUpdate, Update } from '@openscd/core';\n\nexport function convertEditV1toV2(edit: Edit): EditV2 {\n  if (isComplex(edit)) {\n    return edit.map(convertEditV1toV2);\n  } else if (isRemove(edit)) {\n    return edit as EditV2;\n  } else if (isInsert(edit)) {\n    return edit as EditV2;\n  } else if (isUpdate(edit)) {\n    return convertUpdate(edit);\n  } else {\n    throw new Error('Unknown edit type');\n  }\n}\n\nfunction convertUpdate(edit: Update): EditV2 {\n  const attributes: Partial<Record<string, string | null>> = {};\n  const attributesNS: Partial<\n    Record<string, Partial<Record<string, string | null>>>\n  > = {};\n\n  Object.entries(edit.attributes).forEach(([key, value]) => {\n    if (isNamespaced(value!)) {\n      const ns = value.namespaceURI;\n      if (!ns) return;\n\n      if (!attributesNS[ns]) {\n        attributesNS[ns] = {};\n      }\n      attributesNS[ns]![key] = value.value;\n    } else attributes[key] = value;\n  });\n\n  return { element: edit.element, attributes, attributesNS };\n}\n"]}

package/dist/openscd/src/addons/history/get-log-text.js

@@ -0,0 +1,26 @@
+import { isInsertV2, isRemoveV2, isSetAttributesV2, isSetTextContentV2, isComplexV2 } from '@openscd/core';
+import { get } from 'lit-translate';
+export const getLogText = (edit) => {
+    if (isInsertV2(edit)) {
+        const name = edit.node instanceof Element ?
+            edit.node.tagName :
+            get('editing.node');
+        return { title: get('editing.created', { name }) };
+    }
+    else if (isSetAttributesV2(edit) || isSetTextContentV2(edit)) {
+        const name = edit.element.tagName;
+        return { title: get('editing.updated', { name }) };
+    }
+    else if (isRemoveV2(edit)) {
+        const name = edit.node instanceof Element ?
+            edit.node.tagName :
+            get('editing.node');
+        return { title: get('editing.deleted', { name }) };
+    }
+    else if (isComplexV2(edit)) {
+        const message = edit.map(e => getLogText(e)).map(({ title }) => title).join(', ');
+        return { title: get('editing.complex'), message };
+    }
+    return { title: '' };
+};
+//# sourceMappingURL=get-log-text.js.map

package/dist/openscd/src/addons/history/get-log-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-log-text.js","sourceRoot":"","sources":["../../../../../src/addons/history/get-log-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAuC,EAAE;IAC9E,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnB,GAAG,CAAC,cAAc,CAAC,CAAC;QACpB,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;KACpD;SAAM,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE;QAC9D,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QAClC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;KACpD;SAAM,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnB,GAAG,CAAC,cAAc,CAAC,CAAC;QACpB,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;KACpD;SAAM,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClF,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC;KACnD;IAED,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AACvB,CAAC,CAAA","sourcesContent":["import {\n  EditV2,\n  isInsertV2,\n  isRemoveV2,\n  isSetAttributesV2,\n  isSetTextContentV2,\n  isComplexV2\n} from '@openscd/core';\nimport { get } from 'lit-translate';\n\nexport const getLogText = (edit: EditV2): { title: string, message?: string } => {\n  if (isInsertV2(edit)) {\n    const name = edit.node instanceof Element ?\n    edit.node.tagName :\n    get('editing.node');\n    return { title: get('editing.created', { name }) };\n  } else if (isSetAttributesV2(edit) || isSetTextContentV2(edit)) {\n    const name = edit.element.tagName;\n    return { title: get('editing.updated', { name }) };\n  } else if (isRemoveV2(edit)) {\n    const name = edit.node instanceof Element ?\n    edit.node.tagName :\n    get('editing.node');\n    return { title: get('editing.deleted', { name }) };\n  } else if (isComplexV2(edit)) {\n    const message = edit.map(e => getLogText(e)).map(({ title }) => title).join(', ');\n    return { title: get('editing.complex'), message };\n  }\n  \n  return { title: '' };\n}\n"]}

package/dist/openscd/src/addons/menu-tabs/menu-tabs.js

@@ -0,0 +1,74 @@
+import { __decorate } from "tslib";
+import { customElement, html, LitElement, property, state, css } from 'lit-element';
+import '@material/mwc-list';
+import '@material/mwc-tab';
+import '@material/mwc-tab-bar';
+import '@material/mwc-button';
+let OscdMenuTabs = class OscdMenuTabs extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.editors = [];
+        this.activeTabIndex = 0;
+    }
+    get activeEditor() { return this._activeEditor; }
+    set activeEditor(editor) {
+        this._activeEditor = editor;
+        const editorIndex = this.editors.findIndex(e => e.name === editor?.name && e.src === editor?.src);
+        this.activeTabIndex = editorIndex > -1 ? editorIndex : 0;
+        this.requestUpdate();
+    }
+    ;
+    render() {
+        if (this.editors.length === 0) {
+            return html ``;
+        }
+        return html `
+      <mwc-tab-bar
+        @MDCTabBar:activated=${this.handleActivatedEditorTab}
+        activeIndex=${this.activeTabIndex}
+      >
+        ${this.editors.map(EditorTab)}
+      </mwc-tab-bar>
+    `;
+    }
+    handleActivatedEditorTab(e) {
+        const tabIndex = e.detail.index;
+        const editor = this.editors[tabIndex];
+        this.activeTabIndex = tabIndex;
+        this.dispatchActivateEditor(editor);
+    }
+    dispatchActivateEditor(editor) {
+        const newEvent = new CustomEvent(TabActivatedEventKey, {
+            detail: { editor },
+            composed: true,
+            bubbles: true
+        });
+        this.dispatchEvent(newEvent);
+    }
+};
+OscdMenuTabs.styles = css `
+    mwc-tab {
+      background-color: var(--primary);
+      --mdc-theme-primary: var(--mdc-theme-on-primary);
+    }
+  `;
+__decorate([
+    property({ type: Array })
+], OscdMenuTabs.prototype, "editors", void 0);
+__decorate([
+    property({ type: Object })
+], OscdMenuTabs.prototype, "activeEditor", null);
+__decorate([
+    state()
+], OscdMenuTabs.prototype, "activeTabIndex", void 0);
+OscdMenuTabs = __decorate([
+    customElement('oscd-menu-tabs')
+], OscdMenuTabs);
+export { OscdMenuTabs };
+function EditorTab({ name, icon }) {
+    return html `
+    <mwc-tab label=${name} icon=${icon || 'edit'}> </mwc-tab>
+  `;
+}
+export const TabActivatedEventKey = 'oscd-editor-tab-activated';
+//# sourceMappingURL=menu-tabs.js.map

package/dist/openscd/src/addons/menu-tabs/menu-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-tabs.js","sourceRoot":"","sources":["../../../../../src/addons/menu-tabs/menu-tabs.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,IAAI,EACJ,UAAU,EACV,QAAQ,EAER,KAAK,EAEL,GAAG,EACJ,MAAM,aAAa,CAAC;AAErB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,sBAAsB,CAAC;AAQvB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAEsB,YAAO,GAAa,EAAE,CAAC;QAUjC,mBAAc,GAAG,CAAC,CAAC;IAqCtC,CAAC;IA7C6B,IAAI,YAAY,KAAK,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAC7E,IAAI,YAAY,CAAC,MAA0B;QACzC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,EAAE,GAAG,CAAC,CAAC;QAClG,IAAI,CAAC,cAAc,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAAA,CAAC;IAIF,MAAM;QACJ,IAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAC;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;SAAE;QAE/C,OAAO,IAAI,CAAA;;+BAEgB,IAAI,CAAC,wBAAwB;sBACtC,IAAI,CAAC,cAAc;;UAE9B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAE,SAAS,CAAG;;KAEpC,CAAA;IACH,CAAC;IASO,wBAAwB,CAAC,CAAc;QAC7C,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;QAC/B,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEO,sBAAsB,CAAE,MAAc;QAC5C,MAAM,QAAQ,GAAG,IAAI,WAAW,CAAC,oBAAoB,EAAE;YACrD,MAAM,EAAE,EAAE,MAAM,EAAE;YAClB,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,IAAI;SACd,CAAC,CAAA;QACF,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC9B,CAAC;;AArBM,mBAAM,GAAG,GAAG,CAAA;;;;;GAKlB,CAAA;AA9B0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;6CAAwB;AAEtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAkD;AAQpE;IAAR,KAAK,EAAE;oDAA4B;AAZzB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAiDxB;SAjDY,YAAY;AAmDzB,SAAS,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAU;IACvC,OAAO,IAAI,CAAA;qBACQ,IAAI,SAAS,IAAI,IAAI,MAAM;GAC7C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAA2B,CAAA","sourcesContent":["import {\n  customElement,\n  html,\n  LitElement,\n  property,\n  query,\n  state,\n  TemplateResult,\n  css\n} from 'lit-element';\n\nimport '@material/mwc-list';\nimport '@material/mwc-tab';\nimport '@material/mwc-tab-bar';\nimport '@material/mwc-button';\n\nimport {\n  Plugin,\n} from \"../../plugin.js\"\n\n\n@customElement('oscd-menu-tabs')\nexport class OscdMenuTabs extends LitElement {\n\n  @property({ type: Array }) editors: Plugin[] = [];\n  _activeEditor: Plugin | undefined;\n  @property({ type: Object }) get activeEditor() { return this._activeEditor; }\n  set activeEditor(editor: Plugin | undefined) {\n    this._activeEditor = editor;\n    const editorIndex = this.editors.findIndex(e => e.name === editor?.name && e.src === editor?.src);\n    this.activeTabIndex = editorIndex > -1 ? editorIndex : 0;\n    this.requestUpdate();\n  };\n\n  @state() private activeTabIndex = 0;\n\n  render(){\n    if(this.editors.length === 0){ return html``; }\n\n    return html`\n      <mwc-tab-bar\n        @MDCTabBar:activated=${this.handleActivatedEditorTab}\n        activeIndex=${this.activeTabIndex}\n      >\n        ${ this.editors.map( EditorTab ) }\n      </mwc-tab-bar>\n    `\n  }\n\n  static styles = css`\n    mwc-tab {\n      background-color: var(--primary);\n      --mdc-theme-primary: var(--mdc-theme-on-primary);\n    }\n  `\n\n  private handleActivatedEditorTab(e: CustomEvent): void {\n    const tabIndex = e.detail.index;\n    const editor = this.editors[tabIndex];\n    this.activeTabIndex = tabIndex;\n    this.dispatchActivateEditor(editor);\n  }\n\n  private dispatchActivateEditor( editor: Plugin ){\n    const newEvent = new CustomEvent(TabActivatedEventKey, {\n      detail: { editor },\n      composed: true,\n      bubbles: true\n    })\n    this.dispatchEvent(newEvent)\n  }\n}\n\nfunction EditorTab({ name, icon }: Plugin): TemplateResult {\n  return html`\n    <mwc-tab label=${name} icon=${icon || 'edit'}> </mwc-tab>\n  `;\n}\n\nexport const TabActivatedEventKey = 'oscd-editor-tab-activated'\nexport type TabActivatedEvent = CustomEvent<TabActivatedEventDetail>;\nexport type TabActivatedEventDetail = { editor: Plugin }\n"]}

package/dist/openscd/src/addons/plugin-manager/custom-plugin-dialog.js

@@ -0,0 +1,177 @@
+import { __decorate } from "tslib";
+import { customElement, html, LitElement, query, css, } from 'lit-element';
+import { get } from 'lit-translate';
+import { newAddExternalPluginEvent, pluginIcons } from '../../open-scd.js';
+import { menuPosition } from "../../plugin.js";
+import '@material/mwc-dialog';
+import '@material/mwc-drawer';
+import '@material/mwc-list';
+import '@material/mwc-select';
+import '@material/mwc-switch';
+import '@material/mwc-textfield';
+let OscdCustomPluginDialog = class OscdCustomPluginDialog extends LitElement {
+    render() {
+        return html `
+      <mwc-dialog id="dialog" heading="${get('plugins.add.heading')}">
+        <div style="display: flex; flex-direction: column; row-gap: 8px;">
+          <p style="color:var(--mdc-theme-error);">
+            ${get('plugins.add.warning')}
+          </p>
+          <mwc-textfield
+            label="${get('plugins.add.name')}"
+            helper="${get('plugins.add.nameHelper')}"
+            required
+            id="pluginNameInput"
+          ></mwc-textfield>
+          <mwc-list id="pluginKindList">
+            <mwc-radio-list-item
+              id="editor"
+              value="editor"
+              hasMeta
+              selected
+              left
+            >
+              ${get('plugins.editor')}
+              <mwc-icon slot="meta">
+                ${pluginIcons['editor']}
+              </mwc-icon>
+            </mwc-radio-list-item>
+            <mwc-radio-list-item value="menu" hasMeta left>
+              ${get('plugins.menu')}
+            <mwc-icon slot="meta">
+              ${pluginIcons['menu']}
+            </mwc-icon>
+            </mwc-radio-list-item>
+            <div id="menudetails">
+              <mwc-formfield
+                id="enabledefault"
+                label="${get('plugins.requireDoc')}"
+              >
+                <mwc-switch id="requireDoc" checked></mwc-switch>
+              </mwc-formfield>
+              <mwc-select id="positionList" value="middle" fixedpositionList>
+                ${Object.values(menuPosition).map(menutype => html `<mwc-list-item value="${menutype}"
+                      >${get('plugins.' + menutype)}</mwc-list-item
+                    >`)}
+              </mwc-select>
+            </div>
+            <style>
+              #menudetails {
+                display: none;
+                padding: 20px;
+                padding-left: 50px;
+              }
+              #pluginKindList [value="menu"][selected] ~ #menudetails {
+                display: grid;
+              }
+              #enabledefault {
+                padding-bottom: 20px;
+              }
+              #positionList {
+                max-width: 250px;
+              }
+            </style>
+            <mwc-radio-list-item id="validator" value="validator" hasMeta left>
+              ${get('plugins.validator')}
+              <mwc-icon slot="meta">
+                ${pluginIcons['validator']}
+              </mwc-icon>
+            </mwc-radio-list-item>
+          </mwc-list>
+          <mwc-textfield
+            label="${get('plugins.add.src')}"
+            helper="${get('plugins.add.srcHelper')}"
+            placeholder="http://example.com/plugin.js"
+            type="url"
+            required
+            id="pluginSrcInput">
+          </mwc-textfield>
+        </div>
+        <mwc-button
+          slot="secondaryAction"
+          dialogAction="close"
+          label="${get('cancel')}">
+        </mwc-button>
+        <mwc-button
+          id="addButton"
+          slot="primaryAction"
+          icon="add"
+          label="${get('add')}"
+          trailingIcon
+          @click=${() => this.handleAddPlugin()}>
+        </mwc-button>
+      </mwc-dialog>
+    `;
+    }
+    close() {
+        this.dialog.close();
+    }
+    show() {
+        this.dialog.show();
+    }
+    get open() {
+        return this.dialog.open;
+    }
+    handleAddPlugin() {
+        if (!(this.pluginSrcInput.checkValidity() &&
+            this.pluginNameInput.checkValidity() &&
+            this.pluginKindList.selected &&
+            this.requireDoc &&
+            this.positionList.selected))
+            return;
+        this.dispatchEvent(newAddExternalPluginEvent({
+            src: this.pluginSrcInput.value,
+            name: this.pluginNameInput.value,
+            kind: this.pluginKindList.selected.value,
+            requireDoc: this.requireDoc.checked,
+            position: this.positionList.value,
+            active: true,
+            // this is an added plugin and will be remove by reset either way
+            activeByDefault: false,
+        }));
+        this.requestUpdate();
+        this.dialog.close();
+    }
+};
+OscdCustomPluginDialog.styles = css `
+
+    mwc-dialog {
+      --mdc-dialog-max-width: 98vw;
+    }
+
+    mwc-dialog > form {
+      display: flex;
+      flex-direction: column;
+    }
+
+    mwc-dialog > form > * {
+      display: block;
+      margin-top: 16px;
+    }
+  `;
+__decorate([
+    query('#dialog')
+], OscdCustomPluginDialog.prototype, "dialog", void 0);
+__decorate([
+    query('#pluginSrcInput')
+], OscdCustomPluginDialog.prototype, "pluginSrcInput", void 0);
+__decorate([
+    query('#pluginNameInput')
+], OscdCustomPluginDialog.prototype, "pluginNameInput", void 0);
+__decorate([
+    query('#pluginKindList')
+], OscdCustomPluginDialog.prototype, "pluginKindList", void 0);
+__decorate([
+    query('#requireDoc')
+], OscdCustomPluginDialog.prototype, "requireDoc", void 0);
+__decorate([
+    query('#positionList')
+], OscdCustomPluginDialog.prototype, "positionList", void 0);
+__decorate([
+    query('#addButton')
+], OscdCustomPluginDialog.prototype, "addButton", void 0);
+OscdCustomPluginDialog = __decorate([
+    customElement('oscd-custom-plugin-dialog')
+], OscdCustomPluginDialog);
+export { OscdCustomPluginDialog };
+//# sourceMappingURL=custom-plugin-dialog.js.map

package/dist/openscd/src/addons/plugin-manager/custom-plugin-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-plugin-dialog.js","sourceRoot":"","sources":["../../../../../src/addons/plugin-manager/custom-plugin-dialog.ts"],"names":[],"mappings":";AACA,OAAO,EACL,aAAa,EACb,IAAI,EACJ,UAAU,EACV,KAAK,EAEL,GAAG,GACJ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EACL,yBAAyB,EACzB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAEL,YAAY,EAEb,MAAM,iBAAiB,CAAC;AAUzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yBAAyB,CAAC;AAI1B,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAUpD,MAAM;QACJ,OAAO,IAAI,CAAA;yCAC0B,GAAG,CAAC,qBAAqB,CAAC;;;cAGrD,GAAG,CAAC,qBAAqB,CAAC;;;qBAGnB,GAAG,CAAC,kBAAkB,CAAC;sBACtB,GAAG,CAAC,wBAAwB,CAAC;;;;;;;;;;;;gBAYnC,GAAG,CAAC,gBAAgB,CAAC;;kBAEnB,WAAW,CAAC,QAAQ,CAAC;;;;gBAIvB,GAAG,CAAC,cAAc,CAAC;;gBAEnB,WAAW,CAAC,MAAM,CAAC;;;;;;yBAMV,GAAG,CAAC,oBAAoB,CAAC;;;;;kBAKhC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAC/B,QAAQ,CAAC,EAAE,CACT,IAAI,CAAA,yBAAyB,QAAQ;yBAChC,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC;sBAC7B,CACL;;;;;;;;;;;;;;;;;;;;gBAoBD,GAAG,CAAC,mBAAmB,CAAC;;kBAEtB,WAAW,CAAC,WAAW,CAAC;;;;;qBAKrB,GAAG,CAAC,iBAAiB,CAAC;sBACrB,GAAG,CAAC,uBAAuB,CAAC;;;;;;;;;;mBAU/B,GAAG,CAAC,QAAQ,CAAC;;;;;;mBAMb,GAAG,CAAC,KAAK,CAAC;;mBAEV,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;;;KAG1C,CAAC;IACJ,CAAC;IAmBM,KAAK;QACV,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;IACpB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAA;IACzB,CAAC;IAEO,eAAe;QAErB,IACE,CAAC,CACC,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE;YACpC,IAAI,CAAC,cAAc,CAAC,QAAQ;YAC5B,IAAI,CAAC,UAAU;YACf,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B;YAED,OAAO;QAET,IAAI,CAAC,aAAa,CAChB,yBAAyB,CAAC;YACxB,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK;YAC9B,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK;YAChC,IAAI,EAAyB,IAAI,CAAC,cAAc,CAAC,QAAS,CAAC,KAAK;YAChE,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO;YACnC,QAAQ,EAAgB,IAAI,CAAC,YAAY,CAAC,KAAK;YAC/C,MAAM,EAAE,IAAI;YACZ,iEAAiE;YACjE,eAAe,EAAE,KAAK;SACvB,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;;AAzDM,6BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;GAelB,CAAA;AAxHiB;IAAjB,KAAK,CAAC,SAAS,CAAC;sDAAgB;AACP;IAAzB,KAAK,CAAC,iBAAiB,CAAC;8DAA2B;AACzB;IAA1B,KAAK,CAAC,kBAAkB,CAAC;+DAA4B;AAC5B;IAAzB,KAAK,CAAC,iBAAiB,CAAC;8DAAsB;AACzB;IAArB,KAAK,CAAC,aAAa,CAAC;0DAAoB;AACjB;IAAvB,KAAK,CAAC,eAAe,CAAC;4DAAsB;AACxB;IAApB,KAAK,CAAC,YAAY,CAAC;yDAAmB;AAR5B,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAsKlC;SAtKY,sBAAsB","sourcesContent":["\nimport {\n  customElement,\n  html,\n  LitElement,\n  query,\n  TemplateResult,\n  css,\n} from 'lit-element';\nimport { get } from 'lit-translate';\nimport {\n  newAddExternalPluginEvent,\n  pluginIcons\n} from '../../open-scd.js';\n\nimport {\n  MenuPosition,\n  menuPosition,\n  PluginKind\n} from \"../../plugin.js\";\n\nimport type { Button } from '@material/mwc-button';\nimport type { Dialog } from '@material/mwc-dialog';\nimport { List } from '@material/mwc-list';\nimport type { ListItem } from '@material/mwc-list/mwc-list-item';\nimport type { Select } from '@material/mwc-select';\nimport type { Switch } from '@material/mwc-switch';\nimport type { TextField } from '@material/mwc-textfield';\n\nimport '@material/mwc-dialog';\nimport '@material/mwc-drawer';\nimport '@material/mwc-list';\nimport '@material/mwc-select';\nimport '@material/mwc-switch';\nimport '@material/mwc-textfield';\n\n\n@customElement('oscd-custom-plugin-dialog')\nexport class OscdCustomPluginDialog extends LitElement {\n\n  @query('#dialog') dialog!: Dialog\n  @query('#pluginSrcInput') pluginSrcInput!: TextField\n  @query('#pluginNameInput') pluginNameInput!: TextField\n  @query('#pluginKindList') pluginKindList!: List\n  @query('#requireDoc') requireDoc!: Switch\n  @query('#positionList') positionList!: Select\n  @query('#addButton') addButton!: Button\n\n  render(): TemplateResult {\n    return html`\n      <mwc-dialog id=\"dialog\" heading=\"${get('plugins.add.heading')}\">\n        <div style=\"display: flex; flex-direction: column; row-gap: 8px;\">\n          <p style=\"color:var(--mdc-theme-error);\">\n            ${get('plugins.add.warning')}\n          </p>\n          <mwc-textfield\n            label=\"${get('plugins.add.name')}\"\n            helper=\"${get('plugins.add.nameHelper')}\"\n            required\n            id=\"pluginNameInput\"\n          ></mwc-textfield>\n          <mwc-list id=\"pluginKindList\">\n            <mwc-radio-list-item\n              id=\"editor\"\n              value=\"editor\"\n              hasMeta\n              selected\n              left\n            >\n              ${get('plugins.editor')}\n              <mwc-icon slot=\"meta\">\n                ${pluginIcons['editor']}\n              </mwc-icon>\n            </mwc-radio-list-item>\n            <mwc-radio-list-item value=\"menu\" hasMeta left>\n              ${get('plugins.menu')}\n            <mwc-icon slot=\"meta\">\n              ${pluginIcons['menu']}\n            </mwc-icon>\n            </mwc-radio-list-item>\n            <div id=\"menudetails\">\n              <mwc-formfield\n                id=\"enabledefault\"\n                label=\"${get('plugins.requireDoc')}\"\n              >\n                <mwc-switch id=\"requireDoc\" checked></mwc-switch>\n              </mwc-formfield>\n              <mwc-select id=\"positionList\" value=\"middle\" fixedpositionList>\n                ${Object.values(menuPosition).map(\n                  menutype =>\n                    html`<mwc-list-item value=\"${menutype}\"\n                      >${get('plugins.' + menutype)}</mwc-list-item\n                    >`\n                )}\n              </mwc-select>\n            </div>\n            <style>\n              #menudetails {\n                display: none;\n                padding: 20px;\n                padding-left: 50px;\n              }\n              #pluginKindList [value=\"menu\"][selected] ~ #menudetails {\n                display: grid;\n              }\n              #enabledefault {\n                padding-bottom: 20px;\n              }\n              #positionList {\n                max-width: 250px;\n              }\n            </style>\n            <mwc-radio-list-item id=\"validator\" value=\"validator\" hasMeta left>\n              ${get('plugins.validator')}\n              <mwc-icon slot=\"meta\">\n                ${pluginIcons['validator']}\n              </mwc-icon>\n            </mwc-radio-list-item>\n          </mwc-list>\n          <mwc-textfield\n            label=\"${get('plugins.add.src')}\"\n            helper=\"${get('plugins.add.srcHelper')}\"\n            placeholder=\"http://example.com/plugin.js\"\n            type=\"url\"\n            required\n            id=\"pluginSrcInput\">\n          </mwc-textfield>\n        </div>\n        <mwc-button\n          slot=\"secondaryAction\"\n          dialogAction=\"close\"\n          label=\"${get('cancel')}\">\n        </mwc-button>\n        <mwc-button\n          id=\"addButton\"\n          slot=\"primaryAction\"\n          icon=\"add\"\n          label=\"${get('add')}\"\n          trailingIcon\n          @click=${() => this.handleAddPlugin()}>\n        </mwc-button>\n      </mwc-dialog>\n    `;\n  }\n\n  static styles = css`\n\n    mwc-dialog {\n      --mdc-dialog-max-width: 98vw;\n    }\n\n    mwc-dialog > form {\n      display: flex;\n      flex-direction: column;\n    }\n\n    mwc-dialog > form > * {\n      display: block;\n      margin-top: 16px;\n    }\n  `\n\n  public close(){\n    this.dialog.close()\n  }\n\n  public show(){\n    this.dialog.show()\n  }\n\n  get open(){\n    return this.dialog.open\n  }\n\n  private handleAddPlugin() {\n\n    if (\n      !(\n        this.pluginSrcInput.checkValidity() &&\n        this.pluginNameInput.checkValidity() &&\n        this.pluginKindList.selected &&\n        this.requireDoc &&\n        this.positionList.selected\n      )\n    )\n      return;\n\n    this.dispatchEvent(\n      newAddExternalPluginEvent({\n        src: this.pluginSrcInput.value,\n        name: this.pluginNameInput.value,\n        kind: <PluginKind>(<ListItem>this.pluginKindList.selected).value,\n        requireDoc: this.requireDoc.checked,\n        position: <MenuPosition>this.positionList.value,\n        active: true,\n        // this is an added plugin and will be remove by reset either way\n        activeByDefault: false,\n      })\n    );\n\n    this.requestUpdate();\n    this.dialog.close();\n  }\n\n}\n\n\n"]}