@compas-oscd/scl-template-update 0.0.1

package/dist/components/add-data-object-dialog.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { TreeNode } from '@openenergytools/tree-grid';
+import { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';
+import { OscdOutlinedTextField } from '@omicronenergy/oscd-ui/textfield/OscdOutlinedTextField.js';
+import { OscdFilledSelect } from '@omicronenergy/oscd-ui/select/OscdFilledSelect.js';
+import { OscdSelectOption } from '@omicronenergy/oscd-ui/select/OscdSelectOption.js';
+import { OscdTextButton } from '@omicronenergy/oscd-ui/button/OscdTextButton.js';
+declare const AddDataObjectDialog_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
+export declare class AddDataObjectDialog extends AddDataObjectDialog_base {
+    static scopedElements: {
+        'oscd-dialog': typeof OscdDialog;
+        'oscd-outlined-text-field': typeof OscdOutlinedTextField;
+        'oscd-text-button': typeof OscdTextButton;
+        'oscd-select-option': typeof OscdSelectOption;
+        'oscd-filled-select': typeof OscdFilledSelect;
+    };
+    static styles: import("lit").CSSResult;
+    tree: Partial<Record<string, TreeNode>>;
+    cdClasses: string[];
+    onConfirm?: (cdcType: string, doName: string, namespace: string | null) => void;
+    open: boolean;
+    errorText: string;
+    createDOdialog: OscdDialog;
+    cdcType: OscdFilledSelect;
+    doName: OscdOutlinedTextField;
+    namespace: OscdOutlinedTextField;
+    private namespaceDefaultValue;
+    private validationDebounceDelay;
+    private isCustomNamespaceDisabled;
+    show(): void;
+    close(): void;
+    private getMultiTree;
+    private findMatchingTreeNode;
+    private getDONameStatus;
+    private onValueChange;
+    private setDONameStatusError;
+    private validateForm;
+    private onAddDataObjectSubmit;
+    private resetErrorText;
+    render(): import("lit").TemplateResult<1>;
+}
+export default AddDataObjectDialog;

package/dist/components/add-data-object-dialog.js

@@ -0,0 +1,288 @@
+import { __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { LitElement, html, css } from 'lit';
+import { property, state, query } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
+import { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';
+import { OscdOutlinedTextField } from '@omicronenergy/oscd-ui/textfield/OscdOutlinedTextField.js';
+import { OscdFilledSelect } from '@omicronenergy/oscd-ui/select/OscdFilledSelect.js';
+import { OscdSelectOption } from '@omicronenergy/oscd-ui/select/OscdSelectOption.js';
+import { OscdTextButton } from '@omicronenergy/oscd-ui/button/OscdTextButton.js';
+import { debounce } from '../utils/debounce.js';
+// eslint-disable-next-line no-shadow
+var DONameStatus;
+(function (DONameStatus) {
+    DONameStatus["Ok"] = "Ok";
+    DONameStatus["Taken"] = "Taken";
+    DONameStatus["InvalidCDC"] = "InvalidCDC";
+    DONameStatus["CustomNamespaceNeeded"] = "CustomNamespaceNeeded";
+})(DONameStatus || (DONameStatus = {}));
+const firstTextBlockRegExp = /[A-Za-z]+/;
+export class AddDataObjectDialog extends ScopedElementsMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.tree = {};
+        this.cdClasses = [];
+        this.open = false;
+        this.errorText = '';
+        this.namespaceDefaultValue = 'User-Defined';
+        this.validationDebounceDelay = 300;
+        this.isCustomNamespaceDisabled = true;
+        this.onValueChange = debounce(() => {
+            if (!this.cdcType.value || !this.doName.value) {
+                this.isCustomNamespaceDisabled = true;
+                return;
+            }
+            const status = this.getDONameStatus();
+            this.setDONameStatusError(status);
+            this.isCustomNamespaceDisabled =
+                status !== DONameStatus.CustomNamespaceNeeded;
+        }, this.validationDebounceDelay);
+    }
+    static { this.scopedElements = {
+        'oscd-dialog': OscdDialog,
+        'oscd-outlined-text-field': OscdOutlinedTextField,
+        'oscd-text-button': OscdTextButton,
+        'oscd-select-option': OscdSelectOption,
+        'oscd-filled-select': OscdFilledSelect,
+    }; }
+    static { this.styles = css `
+    oscd-dialog {
+      min-width: 350px;
+    }
+    .dialog-content {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      margin-top: 8px;
+    }
+    oscd-filled-select,
+    oscd-outlined-text-field {
+      width: 100%;
+    }
+    oscd-text-button {
+      text-transform: uppercase;
+    }
+  `; }
+    show() {
+        this.createDOdialog.show();
+    }
+    close() {
+        if (this.cdcType) {
+            this.cdcType.errorText = '';
+            this.cdcType.error = false;
+            this.cdcType.reset();
+        }
+        if (this.doName) {
+            this.doName.errorText = '';
+            this.doName.error = false;
+            this.doName.value = '';
+        }
+        if (this.namespace) {
+            this.namespace.errorText = '';
+            this.namespace.error = false;
+            this.namespace.value = '';
+            this.isCustomNamespaceDisabled = true;
+        }
+        this.createDOdialog.close();
+    }
+    getMultiTree() {
+        return Object.keys(this.tree)
+            .filter(key => this.tree[key].presCond === 'Omulti')
+            .reduce((acc, key) => {
+            acc[key] = this.tree[key];
+            return acc;
+        }, {});
+    }
+    // eslint-disable-next-line class-methods-use-this
+    findMatchingTreeNode(doName, multiTree) {
+        const firstTextBlockMatch = doName.match(firstTextBlockRegExp);
+        if (!firstTextBlockMatch) {
+            return null;
+        }
+        const firstTextBlock = firstTextBlockMatch[0];
+        const matchingNode = multiTree[`${firstTextBlock}1`];
+        return matchingNode || null;
+    }
+    getDONameStatus() {
+        const doNameValue = this.doName.value;
+        const cdcValue = this.cdcType.value;
+        const isTaken = doNameValue in this.tree;
+        if (isTaken) {
+            return DONameStatus.Taken;
+        }
+        const multiTree = this.getMultiTree();
+        const matchingTreeNode = this.findMatchingTreeNode(doNameValue, multiTree);
+        if (matchingTreeNode) {
+            const doCDCsMatch = cdcValue === matchingTreeNode.type;
+            if (!doCDCsMatch) {
+                return DONameStatus.InvalidCDC;
+            }
+            return DONameStatus.Ok;
+        }
+        return DONameStatus.CustomNamespaceNeeded;
+    }
+    setDONameStatusError(status) {
+        if (status === DONameStatus.Taken) {
+            this.doName.errorText = 'DO name already in use';
+            this.doName.error = true;
+        }
+        else {
+            this.doName.errorText = '';
+            this.doName.error = false;
+        }
+        if (status === DONameStatus.InvalidCDC) {
+            this.cdcType.errorText = 'CDC type invalid for this DO';
+            this.cdcType.error = true;
+        }
+        else {
+            this.cdcType.errorText = '';
+            this.cdcType.error = false;
+        }
+    }
+    validateForm() {
+        let isValid = true;
+        if (!this.cdcType?.value) {
+            this.cdcType.errorText = 'Please select a common data class.';
+            this.cdcType.error = true;
+            isValid = false;
+        }
+        else {
+            this.cdcType.errorText = '';
+            this.cdcType.error = false;
+        }
+        if (!this.doName?.checkValidity()) {
+            this.doName.errorText = 'Not a valid DO name.';
+            this.doName.error = true;
+            isValid = false;
+        }
+        else {
+            this.doName.errorText = '';
+            this.doName.error = false;
+        }
+        const status = this.getDONameStatus();
+        if (status === DONameStatus.CustomNamespaceNeeded) {
+            if (!this.namespace.value) {
+                this.namespace.errorText = 'Custom namespace required.';
+                this.namespace.error = true;
+                isValid = false;
+            }
+        }
+        else if (status === DONameStatus.Taken ||
+            status === DONameStatus.InvalidCDC) {
+            this.setDONameStatusError(status);
+            isValid = false;
+        }
+        return isValid;
+    }
+    onAddDataObjectSubmit(e) {
+        e.preventDefault();
+        if (!this.validateForm())
+            return;
+        const status = this.getDONameStatus();
+        const cdcType = this.cdcType.value;
+        const doName = this.doName.value;
+        const namespace = status === DONameStatus.CustomNamespaceNeeded
+            ? this.namespace.value
+            : null;
+        this.onConfirm?.(cdcType, doName, namespace);
+        this.close();
+    }
+    /* eslint-disable class-methods-use-this */
+    resetErrorText(e) {
+        const target = e.target;
+        if (target.errorText && target.checkValidity()) {
+            target.errorText = '';
+            target.error = false;
+        }
+    }
+    render() {
+        return html `
+      <oscd-dialog @closed=${this.close}>
+        <div slot="headline">Add Data Object</div>
+        <form
+          slot="content"
+          id="add-data-object"
+          class="dialog-content"
+          novalidate
+          @submit=${this.onAddDataObjectSubmit}
+          @reset=${this.close}
+        >
+          <oscd-filled-select
+            class="cdc-type"
+            label="Common Data Class"
+            required
+            id="cdc-type"
+            @input=${(e) => {
+            this.resetErrorText(e);
+            this.onValueChange();
+        }}
+          >
+            ${this.cdClasses.map(cdClass => html `<oscd-select-option value=${cdClass}
+                  >${cdClass}</oscd-select-option
+                >`)}
+          </oscd-filled-select>
+          <oscd-outlined-text-field
+            label="Data Object Name"
+            id="do-name"
+            required
+            maxlength="12"
+            pattern="[A-Z][0-9A-Za-z]*"
+            @input=${(e) => {
+            this.resetErrorText(e);
+            this.onValueChange();
+        }}
+          ></oscd-outlined-text-field>
+          <oscd-outlined-text-field
+            id="namespace"
+            label="Namespace"
+            placeholder=${this.namespaceDefaultValue}
+            required
+            .disabled=${this.isCustomNamespaceDisabled}
+            @input=${this.resetErrorText}
+          ></oscd-outlined-text-field>
+        </form>
+        <div slot="actions">
+          <oscd-text-button form="add-data-object" type="reset"
+            >Close</oscd-text-button
+          >
+          <oscd-text-button form="add-data-object" type="submit"
+            >Add</oscd-text-button
+          >
+        </div>
+      </oscd-dialog>
+    `;
+    }
+}
+__decorate([
+    property()
+], AddDataObjectDialog.prototype, "tree", void 0);
+__decorate([
+    property({ type: Array })
+], AddDataObjectDialog.prototype, "cdClasses", void 0);
+__decorate([
+    property({ type: Function })
+], AddDataObjectDialog.prototype, "onConfirm", void 0);
+__decorate([
+    state()
+], AddDataObjectDialog.prototype, "open", void 0);
+__decorate([
+    state()
+], AddDataObjectDialog.prototype, "errorText", void 0);
+__decorate([
+    query('oscd-dialog')
+], AddDataObjectDialog.prototype, "createDOdialog", void 0);
+__decorate([
+    query('#cdc-type')
+], AddDataObjectDialog.prototype, "cdcType", void 0);
+__decorate([
+    query('#do-name')
+], AddDataObjectDialog.prototype, "doName", void 0);
+__decorate([
+    query('#namespace')
+], AddDataObjectDialog.prototype, "namespace", void 0);
+__decorate([
+    state()
+], AddDataObjectDialog.prototype, "isCustomNamespaceDisabled", void 0);
+export default AddDataObjectDialog;
+//# sourceMappingURL=add-data-object-dialog.js.map

package/dist/components/add-data-object-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-data-object-dialog.js","sourceRoot":"","sources":["../../components/add-data-object-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { LitElement, html, css } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { Tree, TreeNode } from '@openenergytools/tree-grid';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';\nimport { OscdOutlinedTextField } from '@omicronenergy/oscd-ui/textfield/OscdOutlinedTextField.js';\nimport { OscdFilledSelect } from '@omicronenergy/oscd-ui/select/OscdFilledSelect.js';\nimport { OscdSelectOption } from '@omicronenergy/oscd-ui/select/OscdSelectOption.js';\nimport { OscdTextButton } from '@omicronenergy/oscd-ui/button/OscdTextButton.js';\nimport { debounce } from '../utils/debounce.js';\n\n// eslint-disable-next-line no-shadow\nenum DONameStatus {\n  Ok = 'Ok',\n  Taken = 'Taken',\n  InvalidCDC = 'InvalidCDC',\n  CustomNamespaceNeeded = 'CustomNamespaceNeeded',\n}\n\nconst firstTextBlockRegExp = /[A-Za-z]+/;\n\nexport class AddDataObjectDialog extends ScopedElementsMixin(LitElement) {\n  static scopedElements = {\n    'oscd-dialog': OscdDialog,\n    'oscd-outlined-text-field': OscdOutlinedTextField,\n    'oscd-text-button': OscdTextButton,\n    'oscd-select-option': OscdSelectOption,\n    'oscd-filled-select': OscdFilledSelect,\n  };\n\n  static styles = css`\n    oscd-dialog {\n      min-width: 350px;\n    }\n    .dialog-content {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 8px;\n    }\n    oscd-filled-select,\n    oscd-outlined-text-field {\n      width: 100%;\n    }\n    oscd-text-button {\n      text-transform: uppercase;\n    }\n  `;\n\n  @property()\n  tree: Partial<Record<string, TreeNode>> = {};\n\n  @property({ type: Array })\n  cdClasses: string[] = [];\n\n  @property({ type: Function })\n  onConfirm?: (\n    cdcType: string,\n    doName: string,\n    namespace: string | null\n  ) => void;\n\n  @state()\n  open = false;\n\n  @state()\n  errorText = '';\n\n  @query('oscd-dialog')\n  createDOdialog!: OscdDialog;\n\n  @query('#cdc-type')\n  cdcType!: OscdFilledSelect;\n\n  @query('#do-name')\n  doName!: OscdOutlinedTextField;\n\n  @query('#namespace')\n  namespace!: OscdOutlinedTextField;\n\n  private namespaceDefaultValue = 'User-Defined';\n\n  private validationDebounceDelay = 300;\n\n  @state()\n  private isCustomNamespaceDisabled = true;\n\n  show() {\n    this.createDOdialog.show();\n  }\n\n  close() {\n    if (this.cdcType) {\n      this.cdcType.errorText = '';\n      this.cdcType.error = false;\n      this.cdcType.reset();\n    }\n\n    if (this.doName) {\n      this.doName.errorText = '';\n      this.doName.error = false;\n      this.doName.value = '';\n    }\n\n    if (this.namespace) {\n      this.namespace.errorText = '';\n      this.namespace.error = false;\n      this.namespace.value = '';\n      this.isCustomNamespaceDisabled = true;\n    }\n\n    this.createDOdialog.close();\n  }\n\n  private getMultiTree() {\n    return Object.keys(this.tree)\n      .filter(key => (this.tree[key] as any).presCond === 'Omulti')\n      .reduce((acc, key) => {\n        acc[key] = this.tree[key];\n        return acc;\n      }, {} as any);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private findMatchingTreeNode(doName: string, multiTree: any) {\n    const firstTextBlockMatch = doName.match(firstTextBlockRegExp);\n\n    if (!firstTextBlockMatch) {\n      return null;\n    }\n\n    const firstTextBlock = firstTextBlockMatch[0];\n    const matchingNode = multiTree[`${firstTextBlock}1`];\n\n    return matchingNode || null;\n  }\n\n  private getDONameStatus(): DONameStatus {\n    const doNameValue = this.doName.value;\n    const cdcValue = this.cdcType.value;\n    const isTaken = doNameValue in this.tree;\n\n    if (isTaken) {\n      return DONameStatus.Taken;\n    }\n\n    const multiTree = this.getMultiTree();\n    const matchingTreeNode = this.findMatchingTreeNode(doNameValue, multiTree);\n\n    if (matchingTreeNode) {\n      const doCDCsMatch = cdcValue === matchingTreeNode.type;\n\n      if (!doCDCsMatch) {\n        return DONameStatus.InvalidCDC;\n      }\n      return DONameStatus.Ok;\n    }\n\n    return DONameStatus.CustomNamespaceNeeded;\n  }\n\n  private onValueChange = debounce(() => {\n    if (!this.cdcType.value || !this.doName.value) {\n      this.isCustomNamespaceDisabled = true;\n      return;\n    }\n\n    const status = this.getDONameStatus();\n    this.setDONameStatusError(status);\n\n    this.isCustomNamespaceDisabled =\n      status !== DONameStatus.CustomNamespaceNeeded;\n  }, this.validationDebounceDelay);\n\n  private setDONameStatusError(status: DONameStatus): void {\n    if (status === DONameStatus.Taken) {\n      this.doName.errorText = 'DO name already in use';\n      this.doName.error = true;\n    } else {\n      this.doName.errorText = '';\n      this.doName.error = false;\n    }\n\n    if (status === DONameStatus.InvalidCDC) {\n      this.cdcType.errorText = 'CDC type invalid for this DO';\n      this.cdcType.error = true;\n    } else {\n      this.cdcType.errorText = '';\n      this.cdcType.error = false;\n    }\n  }\n\n  private validateForm(): boolean {\n    let isValid = true;\n\n    if (!this.cdcType?.value) {\n      this.cdcType.errorText = 'Please select a common data class.';\n      this.cdcType.error = true;\n      isValid = false;\n    } else {\n      this.cdcType.errorText = '';\n      this.cdcType.error = false;\n    }\n\n    if (!this.doName?.checkValidity()) {\n      this.doName.errorText = 'Not a valid DO name.';\n      this.doName.error = true;\n      isValid = false;\n    } else {\n      this.doName.errorText = '';\n      this.doName.error = false;\n    }\n\n    const status = this.getDONameStatus();\n\n    if (status === DONameStatus.CustomNamespaceNeeded) {\n      if (!this.namespace.value) {\n        this.namespace.errorText = 'Custom namespace required.';\n        this.namespace.error = true;\n        isValid = false;\n      }\n    } else if (\n      status === DONameStatus.Taken ||\n      status === DONameStatus.InvalidCDC\n    ) {\n      this.setDONameStatusError(status);\n      isValid = false;\n    }\n\n    return isValid;\n  }\n\n  private onAddDataObjectSubmit(e: Event) {\n    e.preventDefault();\n    if (!this.validateForm()) return;\n    const status = this.getDONameStatus();\n\n    const cdcType = this.cdcType.value;\n    const doName = this.doName.value;\n    const namespace =\n      status === DONameStatus.CustomNamespaceNeeded\n        ? this.namespace.value\n        : null;\n\n    this.onConfirm?.(cdcType, doName, namespace);\n    this.close();\n  }\n\n  /* eslint-disable class-methods-use-this */\n  private resetErrorText(e: Event): void {\n    const target = e.target as OscdOutlinedTextField;\n    if (target.errorText && target.checkValidity()) {\n      target.errorText = '';\n      target.error = false;\n    }\n  }\n\n  render() {\n    return html`\n      <oscd-dialog @closed=${this.close}>\n        <div slot=\"headline\">Add Data Object</div>\n        <form\n          slot=\"content\"\n          id=\"add-data-object\"\n          class=\"dialog-content\"\n          novalidate\n          @submit=${this.onAddDataObjectSubmit}\n          @reset=${this.close}\n        >\n          <oscd-filled-select\n            class=\"cdc-type\"\n            label=\"Common Data Class\"\n            required\n            id=\"cdc-type\"\n            @input=${(e: Event) => {\n              this.resetErrorText(e);\n              this.onValueChange();\n            }}\n          >\n            ${this.cdClasses.map(\n              cdClass =>\n                html`<oscd-select-option value=${cdClass}\n                  >${cdClass}</oscd-select-option\n                >`\n            )}\n          </oscd-filled-select>\n          <oscd-outlined-text-field\n            label=\"Data Object Name\"\n            id=\"do-name\"\n            required\n            maxlength=\"12\"\n            pattern=\"[A-Z][0-9A-Za-z]*\"\n            @input=${(e: Event) => {\n              this.resetErrorText(e);\n              this.onValueChange();\n            }}\n          ></oscd-outlined-text-field>\n          <oscd-outlined-text-field\n            id=\"namespace\"\n            label=\"Namespace\"\n            placeholder=${this.namespaceDefaultValue}\n            required\n            .disabled=${this.isCustomNamespaceDisabled}\n            @input=${this.resetErrorText}\n          ></oscd-outlined-text-field>\n        </form>\n        <div slot=\"actions\">\n          <oscd-text-button form=\"add-data-object\" type=\"reset\"\n            >Close</oscd-text-button\n          >\n          <oscd-text-button form=\"add-data-object\" type=\"submit\"\n            >Add</oscd-text-button\n          >\n        </div>\n      </oscd-dialog>\n    `;\n  }\n}\n\nexport default AddDataObjectDialog;\n"]}

package/dist/components/delete-lnodetype-dialog.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';
+import { OscdOutlinedButton } from '@omicronenergy/oscd-ui/button/OscdOutlinedButton.js';
+declare const DeleteDialog_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
+export declare class DeleteDialog extends DeleteDialog_base {
+    static scopedElements: {
+        'oscd-dialog': typeof OscdDialog;
+        'oscd-outlined-button': typeof OscdOutlinedButton;
+    };
+    onConfirm: () => void;
+    lnodeTypeId: string;
+    dialog: OscdDialog;
+    get open(): boolean;
+    show(): void;
+    close(): void;
+    private handleCancel;
+    private handleConfirm;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export {};

package/dist/components/delete-lnodetype-dialog.js

@@ -0,0 +1,104 @@
+import { __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
+import { LitElement, html, css } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';
+import { OscdOutlinedButton } from '@omicronenergy/oscd-ui/button/OscdOutlinedButton.js';
+export class DeleteDialog extends ScopedElementsMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.lnodeTypeId = '';
+    }
+    static { this.scopedElements = {
+        'oscd-dialog': OscdDialog,
+        'oscd-outlined-button': OscdOutlinedButton,
+    }; }
+    get open() {
+        return this.dialog?.open ?? false;
+    }
+    show() {
+        this.dialog?.show();
+    }
+    close() {
+        this.dialog?.close();
+    }
+    handleCancel() {
+        this.close();
+    }
+    handleConfirm() {
+        this.onConfirm();
+        this.close();
+    }
+    render() {
+        return html `
+      <oscd-dialog>
+        <div slot="headline">Confirm delete</div>
+        <div slot="content" class="delete-content">
+          Are you sure you want to delete Logical Node Type ${this.lnodeTypeId}?
+          This action may have severe consequences.
+        </div>
+        <div slot="actions">
+          <oscd-outlined-button
+            class="button close"
+            @click="${this.handleCancel}"
+            >Cancel</oscd-outlined-button
+          >
+          <oscd-outlined-button
+            class="button delete"
+            @click="${this.handleConfirm}"
+            >Delete</oscd-outlined-button
+          >
+        </div>
+      </oscd-dialog>
+    `;
+    }
+    static { this.styles = css `
+    * {
+      --md-sys-color-primary: var(--oscd-primary);
+      --md-sys-color-secondary: var(--oscd-secondary);
+      --md-sys-typescale-body-large-font: var(--oscd-theme-text-font);
+      --md-outlined-text-field-input-text-color: var(--oscd-base01);
+
+      --md-sys-color-surface: var(--oscd-base3);
+      --md-sys-color-on-surface: var(--oscd-base00);
+      --md-sys-color-on-primary: var(--oscd-base2);
+      --md-sys-color-on-surface-variant: var(--oscd-base00);
+      --md-menu-container-color: var(--oscd-base3);
+      font-family: var(--oscd-theme-text-font);
+      --md-sys-color-surface-container-highest: var(--oscd-base2);
+      --md-dialog-container-color: var(--oscd-base3);
+      font-family: var(--oscd-theme-text-font, 'Roboto');
+    }
+
+    md-outlined-button {
+      text-transform: uppercase;
+    }
+
+    .delete-content {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .button.close {
+      --md-outlined-button-label-text-color: var(--oscd-accent-red);
+      --md-outlined-button-hover-label-text-color: var(--oscd-accent-red);
+    }
+
+    .button.delete {
+      --md-outlined-button-label-text-color: var(--oscd-accent-red);
+      --md-outlined-button-hover-label-text-color: var(--oscd-accent-red);
+    }
+  `; }
+}
+__decorate([
+    property()
+], DeleteDialog.prototype, "onConfirm", void 0);
+__decorate([
+    property()
+], DeleteDialog.prototype, "lnodeTypeId", void 0);
+__decorate([
+    query('oscd-dialog')
+], DeleteDialog.prototype, "dialog", void 0);
+//# sourceMappingURL=delete-lnodetype-dialog.js.map

package/dist/components/delete-lnodetype-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-lnodetype-dialog.js","sourceRoot":"","sources":["../../components/delete-lnodetype-dialog.ts"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAEzF,MAAM,OAAO,YAAa,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAAjE;;QAUE,gBAAW,GAAW,EAAE,CAAC;IAwF3B,CAAC;aAjGQ,mBAAc,GAAG;QACtB,aAAa,EAAE,UAAU;QACzB,sBAAsB,EAAE,kBAAkB;KAC3C,AAHoB,CAGnB;IAWF,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,KAAK,CAAC;IACpC,CAAC;IAED,IAAI;QACF,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACtB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACvB,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;8DAI+C,IAAI,CAAC,WAAW;;;;;;sBAMxD,IAAI,CAAC,YAAY;;;;;sBAKjB,IAAI,CAAC,aAAa;;;;;KAKnC,CAAC;IACJ,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqClB,AArCY,CAqCX;;AA1FF;IADC,QAAQ,EAAE;+CACY;AAGvB;IADC,QAAQ,EAAE;iDACc;AAGzB;IADC,KAAK,CAAC,aAAa,CAAC;4CACD","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport { LitElement, html, css } from 'lit';\nimport { query, property } from 'lit/decorators.js';\nimport { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';\nimport { OscdOutlinedButton } from '@omicronenergy/oscd-ui/button/OscdOutlinedButton.js';\n\nexport class DeleteDialog extends ScopedElementsMixin(LitElement) {\n  static scopedElements = {\n    'oscd-dialog': OscdDialog,\n    'oscd-outlined-button': OscdOutlinedButton,\n  };\n\n  @property()\n  onConfirm!: () => void;\n\n  @property()\n  lnodeTypeId: string = '';\n\n  @query('oscd-dialog')\n  dialog!: OscdDialog;\n\n  get open() {\n    return this.dialog?.open ?? false;\n  }\n\n  show() {\n    this.dialog?.show();\n  }\n\n  close() {\n    this.dialog?.close();\n  }\n\n  private handleCancel() {\n    this.close();\n  }\n\n  private handleConfirm() {\n    this.onConfirm();\n    this.close();\n  }\n\n  render() {\n    return html`\n      <oscd-dialog>\n        <div slot=\"headline\">Confirm delete</div>\n        <div slot=\"content\" class=\"delete-content\">\n          Are you sure you want to delete Logical Node Type ${this.lnodeTypeId}?\n          This action may have severe consequences.\n        </div>\n        <div slot=\"actions\">\n          <oscd-outlined-button\n            class=\"button close\"\n            @click=\"${this.handleCancel}\"\n            >Cancel</oscd-outlined-button\n          >\n          <oscd-outlined-button\n            class=\"button delete\"\n            @click=\"${this.handleConfirm}\"\n            >Delete</oscd-outlined-button\n          >\n        </div>\n      </oscd-dialog>\n    `;\n  }\n\n  static styles = css`\n    * {\n      --md-sys-color-primary: var(--oscd-primary);\n      --md-sys-color-secondary: var(--oscd-secondary);\n      --md-sys-typescale-body-large-font: var(--oscd-theme-text-font);\n      --md-outlined-text-field-input-text-color: var(--oscd-base01);\n\n      --md-sys-color-surface: var(--oscd-base3);\n      --md-sys-color-on-surface: var(--oscd-base00);\n      --md-sys-color-on-primary: var(--oscd-base2);\n      --md-sys-color-on-surface-variant: var(--oscd-base00);\n      --md-menu-container-color: var(--oscd-base3);\n      font-family: var(--oscd-theme-text-font);\n      --md-sys-color-surface-container-highest: var(--oscd-base2);\n      --md-dialog-container-color: var(--oscd-base3);\n      font-family: var(--oscd-theme-text-font, 'Roboto');\n    }\n\n    md-outlined-button {\n      text-transform: uppercase;\n    }\n\n    .delete-content {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .button.close {\n      --md-outlined-button-label-text-color: var(--oscd-accent-red);\n      --md-outlined-button-hover-label-text-color: var(--oscd-accent-red);\n    }\n\n    .button.delete {\n      --md-outlined-button-label-text-color: var(--oscd-accent-red);\n      --md-outlined-button-hover-label-text-color: var(--oscd-accent-red);\n    }\n  `;\n}\n"]}

package/dist/components/lnodetype-sidebar.d.ts

@@ -0,0 +1,28 @@
+import { LitElement, PropertyValues } from 'lit';
+import { OscdFilledButton } from '@omicronenergy/oscd-ui/button/OscdFilledButton.js';
+import { OscdOutlinedTextField } from '@omicronenergy/oscd-ui/textfield/OscdOutlinedTextField.js';
+import { OscdList } from '@omicronenergy/oscd-ui/list/OscdList.js';
+import { OscdListItem } from '@omicronenergy/oscd-ui/list/OscdListItem.js';
+declare const LNodeTypeSidebar_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
+export declare class LNodeTypeSidebar extends LNodeTypeSidebar_base {
+    static scopedElements: {
+        'oscd-filled-button': typeof OscdFilledButton;
+        'oscd-outlined-textfield': typeof OscdOutlinedTextField;
+        'oscd-list': typeof OscdList;
+        'oscd-list-item': typeof OscdListItem;
+    };
+    lNodeTypes: Element[];
+    selectedId?: string;
+    filter: string;
+    private sortedLNodeTypes;
+    private debounceTimer?;
+    private static sortLNodeTypes;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private handleInput;
+    private clearFilter;
+    private handleClick;
+    get filteredLNodeTypes(): Element[];
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export {};