HFP 1884 Allow to set text alignment

css/dragquestion.css

@@ -58,7 +58,6 @@ html.h5p-iframe .h5p-container.h5p-dragquestion.h5p-semi-fullscreen {
   border: 0.1em solid #c6c6c6;
   cursor: pointer;
   position: absolute;
-  text-align: center;
   padding: 0.3em 0.3em;
   line-height: 1.25em;
 

library.json

@@ -3,8 +3,8 @@
   "description": "Drag and drop the elements into the correct drop zones.",
   "contentType": "Question",
   "majorVersion": 1,
-  "minorVersion": 14,
-  "patchVersion": 20,
+  "minorVersion": 15,
+  "patchVersion": 0,
   "embedTypes": [
     "iframe"
   ],
@@ -66,4 +66,4 @@
       "minorVersion": 0
     }
   ]
-}
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "h5p-drag-question",
-  "version": "1.10.1",
+  "version": "1.15.0",
   "description": "Drag and drop the elements into the correct drop zones.",
   "main": "h5p-drag-question.js",
   "scripts": {

upgrades.js

@@ -157,6 +157,33 @@ H5PUpgrades['H5P.DragQuestion'] = (function () {
           });
         }
 
+        finished(null, parameters, extras);
+      },
+      /**
+       * Regardless of what alignment was set in the editor, the stylesheet
+       * would always center the text. For not breaking the view of existing
+       * content, set all text to be centered in params - can be changed by
+       * user in the editor after upgrade.
+       */
+      15: function (parameters, finished, extras) {
+        if (Array.isArray(parameters.question.task.elements)) {
+          parameters.question.task.elements =
+            parameters.question.task.elements.map((element) => {
+              if (
+                element.type?.library !== 'H5P.AdvancedText 1.1' ||
+                typeof element.type?.params?.text !== 'string'
+              ) {
+                return element;
+              }
+
+              element.type.params.text = element.type.params.text.replace(
+                /<p[^>]*>/g, '<p style="text-align: center;">'
+              );
+
+              return element;
+            });
+        }
+
         finished(null, parameters, extras);
       }
     }