refactor: scope tree grid

Author: JakobVogelsang

editors/dataset/data-set-editor.test.ts

@@ -14,6 +14,7 @@ import { MdIcon } from '@scopedelement/material-web/icon/MdIcon.js';
 import { SclSelect } from '@openenergytools/scl-select';
 import { SclCheckbox } from '@openenergytools/scl-checkbox';
 import { MdCheckbox } from '@scopedelement/material-web/checkbox/MdCheckbox.js';
+import { TreeGrid } from '@openenergytools/tree-grid';
 
 import { dataSetDoc, otherDataSetDoc } from './data-set-editor.testfiles.js';
 
@@ -29,6 +30,7 @@ window.customElements.define('md-icon', MdIcon);
 window.customElements.define('scl-select', SclSelect);
 window.customElements.define('scl-checkbox', SclCheckbox);
 window.customElements.define('md-checkbox', MdCheckbox);
+window.customElements.define('oscd-tree-grid', TreeGrid);
 
 const factor = window.process && process.env.CI ? 4 : 2;
 function timeout(ms: number) {

editors/dataset/data-set-element-editor.ts

@@ -12,9 +12,8 @@ import { MdDialog } from '@scopedelement/material-web/dialog/MdDialog.js';
 import { MdTextButton } from '@scopedelement/material-web/button/MdTextButton.js';
 // import '@scopedelement/material-web/icon/icon.js'
 
-import '@openscd/oscd-tree-grid';
 import { newEditEvent } from '@openenergytools/open-scd-core';
-import type { TreeGrid } from '@openscd/oscd-tree-grid';
+import type { TreeGrid } from '@openenergytools/tree-grid';
 import {
   canAddFCDA,
   find,

editors/dataset/dataAttributePicker.ts

@@ -1,5 +1,6 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import { identity } from '@openenergytools/scl-lib';
-import { Tree } from '@openscd/oscd-tree-grid';
+import { Tree } from '@openenergytools/tree-grid';
 
 function dataAttributeObject(da: Element): Tree {
   const tree: Tree = {};

editors/dataset/dataObjectPicker.ts

@@ -1,5 +1,6 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import { identity } from '@openenergytools/scl-lib';
-import { Tree } from '@openscd/oscd-tree-grid';
+import { Tree } from '@openenergytools/tree-grid';
 
 function subDataObjectsObject(sdo: Element): Tree {
   const tree: Tree = {};

oscd-publisher.ts

@@ -15,6 +15,7 @@ import { MdOutlinedButton } from '@scopedelement/material-web/button/MdOutlinedB
 import { MdTextButton } from '@scopedelement/material-web/button/MdTextButton.js';
 import { SclCheckbox } from '@openenergytools/scl-checkbox';
 import { MdCheckbox } from '@scopedelement/material-web/checkbox/MdCheckbox.js';
+import { TreeGrid } from '@openenergytools/tree-grid';
 
 import './editors/report/report-control-editor.js';
 import './editors/gsecontrol/gse-control-editor.js';
@@ -30,6 +31,7 @@ window.customElements.define('md-icon', MdIcon);
 window.customElements.define('scl-select', SclSelect);
 window.customElements.define('scl-checkbox', SclCheckbox);
 window.customElements.define('md-checkbox', MdCheckbox);
+window.customElements.define('oscd-tree-grid', TreeGrid);
 
 /** An editor [[`plugin`]] to configure `Report`, `GOOSE`, `SampledValue` control blocks and its `DataSet` */
 export default class PublisherPlugin extends LitElement {
@@ -137,6 +139,10 @@ export default class PublisherPlugin extends LitElement {
       font-family: var(--oscd-theme-text-font);
       --md-sys-color-surface-container-highest: var(--oscd-base2);
       --md-dialog-container-color: var(--oscd-base3);
+
+      --md-list-item-activated-background: rgb(
+        from var(--oscd-primary) r g b / 0.38
+      );
     }
 
     .hidden {