fix(filtered-list) Filter when document changes (openscd#1077)

* Improve filtering behaviour on document changes, closes openscd#1018

* Add test for activated property in filtered list

* Call super in updated method

Author: danyill

src/filtered-list.ts

@@ -18,7 +18,6 @@ import { List } from '@material/mwc-list';
 import { ListBase } from '@material/mwc-list/mwc-list-base';
 import { ListItemBase } from '@material/mwc-list/mwc-list-item-base';
 import { TextField } from '@material/mwc-textfield';
-import { ReportControlElementEditor } from './editors/publisher/report-control-element-editor';
 
 function slotItem(item: Element): Element {
   if (!item.closest('filtered-list') || !item.parentElement) return item;
@@ -46,14 +45,14 @@ function hideFiltered(item: ListItemBase, searchText: string): void {
     .split(/\s+/g);
 
   (terms.length === 1 && terms[0] === '') ||
-  terms.every(term => {
-    // regexp escape
-    const reTerm = new RegExp(
-      `*${term}*`.replace(/\*/g, '.*').replace(/\?/g, '.{1}'),
-      'i'
-    );
-    return reTerm.test(filterTarget);
-  })
+    terms.every(term => {
+      // regexp escape
+      const reTerm = new RegExp(
+        `*${term}*`.replace(/\*/g, '.*').replace(/\?/g, '.{1}'),
+        'i'
+      );
+      return reTerm.test(filterTarget);
+    })
     ? slotItem(item).classList.remove('hidden')
     : slotItem(item).classList.add('hidden');
 }
@@ -115,6 +114,14 @@ export class FilteredList extends ListBase {
     this.requestUpdate();
   }
 
+  protected update(
+    changedProperties: Map<string | number | symbol, unknown>
+  ): void {
+    super.update(changedProperties);
+    // regenerate filtering of text
+    this.onFilterInput();
+  }
+
   constructor() {
     super();
     this.addEventListener('selected', () => {
@@ -129,8 +136,8 @@ export class FilteredList extends ListBase {
             ?indeterminate=${!this.isAllSelected && this.isSomeSelected}
             ?checked=${this.isAllSelected}
             @change=${() => {
-              this.onCheckAll();
-            }}
+          this.onCheckAll();
+        }}
           ></mwc-checkbox
         ></mwc-formfield>`
       : html``;

test/unit/filtered-list.test.ts

@@ -40,6 +40,14 @@ describe('filtered-list', () => {
     await expect(element).shadowDom.to.equalSnapshot();
   });
 
+  it('allows items to be activated when selected', async () => {
+    element.setAttribute('activatable', '');
+    element.children[0].setAttribute('selected', '');
+    element.requestUpdate();
+    await element.updateComplete;
+    expect(element.children[0].hasAttribute('activated')).to.be.true;
+  });
+
   describe('has a check all checkbox that', () => {
     it('is indeterminate if one but not all check-list-items are selected', async () => {
       expect(