@media-quest/builder 0.0.35 → 0.0.37

package/dist/public-api.js

@@ -1419,11 +1419,16 @@ var BuilderOptionTheme;
   const BLUE = "#2F5597";
   const BTN_BORDER_WIDTH = 3;
   const BTN_BORDER_RADIUS = 10;
+  const BTN_HEIGHT = 130;
+  const BTN_WIDTH_LONG = { _unit: "percent", value: 19 };
+  const BTN_WIDTH_SHORT = { _unit: "percent", value: 15 };
   const BTN_BORDER_STYLE = "solid";
-  const FONT_WEIGHT = 600;
-  const FONT_SIZE = 50;
-  const BTN_PADDING_LEFT = 40;
-  const BTN_PADDING_TOP = 40;
+  const FONT_WEIGHT = 500;
+  const FONT_SIZE = 36;
+  const MAIN_TEXT_FONT_SIZE = { _unit: "px", value: 36 };
+  const MAIN_TEXT_WIDTH = { _unit: "percent", value: 80 };
+  const BTN_PADDING_LEFT = 10;
+  const BTN_PADDING_TOP = 10;
   const buttonBaseCss = () => ({
     css: {
       fontWeight: FONT_WEIGHT,
@@ -1435,6 +1440,8 @@ var BuilderOptionTheme;
       paddingRight: { _unit: "px", value: BTN_PADDING_LEFT },
       borderRadius: { _unit: "px", value: BTN_BORDER_RADIUS },
       borderWidth: { _unit: "px", value: BTN_BORDER_WIDTH },
+      width: BTN_WIDTH_LONG,
+      height: { _unit: "px", value: BTN_HEIGHT },
       borderStyle: BTN_BORDER_STYLE,
       // boxShadow: "3px 3px gray",
       position: "relative",
@@ -1469,7 +1476,8 @@ var BuilderOptionTheme;
             ...css,
             backgroundColor: WHITE,
             borderColor: LIGHT_BLUE,
-            textColor: BLUE
+            textColor: BLUE,
+            width: BTN_WIDTH_SHORT
           },
           cssDisabled,
           cssEnabled
@@ -1487,9 +1495,10 @@ var textLowTop = 55;
 var audioHighTop = 20;
 var audioLowTop = 55;
 var textBase = {
-  width: 80,
+  width: 76,
+  // backgroundColor: "red",
   top: textHighTop,
-  left: 10,
+  left: 12,
   textAlign: "center",
   textColor: "black",
   fontSize: { _unit: "px", value: 40 }
@@ -1559,8 +1568,8 @@ var DefaultTheme = {
         bottom: 0,
         left: 0,
         // h: 10,
-        alignItems: "center",
-        backgroundColor: "yellow"
+        alignItems: "center"
+        // backgroundColor: "yellow",
       },
       whenSingle: { justifyContent: "space-evenly" },
       whenMany: { justifyContent: "space-evenly" }
@@ -2007,7 +2016,7 @@ var DefaultThemeCompiler = class {
   name = "Ispe default theme.";
   defaultTheme = DefaultTheme;
   theme2 = Theme2;
-  currentTheme = Theme2;
+  currentTheme = DefaultTheme;
   allThemes = [DefaultTheme, Theme2];
   TAG = "[ DEFAULT_THEME_COMPILER ]: ";
   setTheme(theme) {
@@ -2079,6 +2088,7 @@ var DefaultThemeCompiler = class {
     let initialVideoTaskList = [];
     const newPage = {
       background: "white",
+      pageNumber,
       elements,
       id,
       prefix,