fix: load and reload highlight lines

Author: peterpeterparker

studio/package-lock.json

@@ -235,8 +235,6 @@ export class AppCode {
 
             const currentHighlight: string = this.selectedElement.getAttribute('highlight-lines');
 
-            console.log(currentHighlight, this.highlightLines);
-
             if (currentHighlight === this.highlightLines) {
                 resolve();
                 return;

studio/src/app/popovers/editor/app-code/app-code.tsx

@@ -161,7 +161,9 @@ export class DeckdeckgoHighlightCode {
 
           await this.addAnchors();
 
-          await this.addHighlight();
+          setTimeout(async () => {
+            await this.addHighlight();
+          }, 0);
 
           resolve();
         } catch (err) {
@@ -206,6 +208,7 @@ export class DeckdeckgoHighlightCode {
   private addHighlight(): Promise<void> {
     return new Promise<void>(async (resolve) => {
       if (this.highlightLines && this.highlightLines.length > 0) {
+
         const rows: number[] = await this.findRowsToHighlight();
 
         if (rows && rows.length > 0) {

webcomponents/highlight-code/src/components/highlight-code/deckdeckgo-highlight-code.tsx

@@ -12,7 +12,7 @@
 
 <h1>Editable:</h1>
 
-<deckgo-highlight-code language="java" editable="true">
+<deckgo-highlight-code language="java" editable="true" highlight-lines="0,2 6,6" style="--deckgo-highlight-code-line-background: lightgrey;">
   <code slot="code">interface NumericTest {
     boolean computeTest(int n);
     }