Implement sub- and superscript for cloze texts

projects/common/components/ui-elements/cloze.component.ts

@@ -145,6 +145,18 @@ import { ClozeUtils } from '../../util/cloze';
             {{subPart.text}}
           </span>
         </ng-container>
+
+        <ng-container *ngIf="$any(subPart).type === 'text' && (subPart.marks | markList).includes('superscript')">
+          <sup [ngStyle]="subPart.marks | styleMarks">
+            {{subPart.text}}
+          </sup>
+        </ng-container>
+        <ng-container *ngIf="$any(subPart).type === 'text' && (subPart.marks | markList).includes('subscript')">
+          <sub [ngStyle]="subPart.marks | styleMarks">
+            {{subPart.text}}
+          </sub>
+        </ng-container>
+
         <ng-container *ngIf="$any(subPart).type === 'image'">
           <img [src]="subPart.attrs.src" [alt]="subPart.attrs.alt"
                [style.display]="'inline-block'"

projects/common/pipes/mark-list.pipe.ts

+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'markList'
+})
+export class MarkListPipe implements PipeTransform {
+  transform(markList: Record<string, any>): any[] {
+    console.log('markList', markList);
+
+    return markList ? markList.map((element: any) => element.type) : [];
+  }
+}

projects/common/shared.module.ts

@@ -52,6 +52,7 @@ import { MarkingBarComponent } from './components/marking-bar/marking-bar.compon
 import { StyleMarksPipe } from './pipes/styleMarks.pipe';
 import { MarkingButtonComponent } from './components/marking-bar/marking-button.component';
 import { CompoundChildOverlayComponent } from './components/compound-child-overlay.component';
+import { MarkListPipe } from './pipes/mark-list.pipe';
 
 @NgModule({
   imports: [
@@ -104,7 +105,8 @@ import { CompoundChildOverlayComponent } from './components/compound-child-overl
     MarkingBarComponent,
     StyleMarksPipe,
     MarkingButtonComponent,
-    CompoundChildOverlayComponent
+    CompoundChildOverlayComponent,
+    MarkListPipe
   ],
   exports: [
     CommonModule,