feat: review comments (disable lnode btn + unique element names)

Author: noraeb

function-editor.ts

@@ -721,7 +721,7 @@ function extRefAddress(extRef: Element, sourceRef: Element): string {
   return `${iedName}/${ldInst}/${prefix ?? ''}${lnClass}${lnInst}/${intAddr}`;
 }
 
-@customElement('function-editor-90-30')
+@customElement('compas-function-editor-a1b2c3d4')
 export default class FunctionEditor9030 extends LitElement {
   @property({ attribute: false })
   function!: Element;
@@ -1698,6 +1698,7 @@ export default class FunctionEditor9030 extends LitElement {
         >
         </mwc-icon-button>
         <mwc-icon-button
+          disabled
           @click="${() => {
             this.openLNodeDialog(subFunc);
           }}"
@@ -1745,6 +1746,7 @@ export default class FunctionEditor9030 extends LitElement {
           >
           </mwc-icon-button>
           <mwc-icon-button
+            disabled
             @click="${() => this.openLNodeDialog(this.function!)}"
           >
             <svg

scl-bay-template.ts

@@ -433,7 +433,7 @@ export default class SclBayTemplate extends LitElement {
               </mwc-icon-button></span
             >
           </div>
-          <sld-viewer
+          <compas-sld-viewer-9f3b7c1d
             .substation=${this.substation}
             .gridSize=${this.gridSize}
             .parent=${this.parent}
@@ -443,17 +443,17 @@ export default class SclBayTemplate extends LitElement {
               this.parent = evt.detail.element;
               this.selectedFunc = undefined;
             }}"
-          ></sld-viewer>
+          ></compas-sld-viewer-9f3b7c1d>
         </div>
         <div style="width:100%;overflow-y:scroll;">
           <div style="flex:auto;display:flex; height:100%">
             ${this.renderFuncContainers()}
-            <function-editor-90-30
+            <compas-function-editor-a1b2c3d4
               style="flex:auto;"
               .doc="${this.doc}"
               editCount="${this.editCount}"
               .function="${this.selectedFunc}"
-            ></function-editor-90-30>
+            ></compas-function-editor-a1b2c3d4>
           </div>
         </div>
       </main>

sld-viewer.ts

@@ -4,7 +4,7 @@ import { customElement, property, query } from 'lit/decorators.js';
 import { attributes, svgNs, xlinkNs } from './foundation/sldUtil.js';
 import { sldSvg } from './foundation/sldSvg.js';
 
-@customElement('sld-viewer')
+@customElement('compas-sld-viewer-9f3b7c1d')
 export class SldViewer extends LitElement {
   @property({ attribute: false })
   substation!: Element;