@media-quest/builder 0.0.35 → 0.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@media-quest/builder",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "Builder library for Media-quest schemas",
   "main": "dist/public-api.js",
   "types": "dist/public-api.d.js",
@@ -24,6 +24,6 @@
     "dts": true
   },
   "peerDependencies": {
-    "@media-quest/engine": "0.0.35"
+    "@media-quest/engine": "0.0.36"
   }
 }

package/src/sum-score/sum-score-variable.ts

@@ -68,6 +68,7 @@ export class SumScoreVariable extends BuilderObject<
   /** @internal*/
   _update(data: { name?: string; description?: string; useAvg?: boolean }) {
     const d = data ?? {};
+
     if (DUtil.isString(d.name)) {
       this._name = d.name;
     }

package/src/theme/Default-theme.ts

@@ -13,15 +13,22 @@ namespace BuilderOptionTheme {
   const BLUE = "#2F5597";
   const BTN_BORDER_WIDTH = 3;
   const BTN_BORDER_RADIUS = 10;
+  const BTN_HEIGHT = 130;
+  const BTN_WIDTH_LONG: DCss.Percent = { _unit: "percent", value: 19 };
+  const BTN_WIDTH_SHORT: DCss.Percent = { _unit: "percent", value: 15 };
   const BTN_BORDER_STYLE: DStyle["borderStyle"] = "solid";
-  const FONT_WEIGHT: DStyle["fontWeight"] = 600;
-  const FONT_SIZE: DCss.Px["value"] = 50;
-  const BTN_PADDING_LEFT = 40;
-  const BTN_PADDING_TOP = 40;
+  const FONT_WEIGHT: DStyle["fontWeight"] = 500;
+  const FONT_SIZE: DCss.Px["value"] = 36;
+  const MAIN_TEXT_FONT_SIZE: DCss.Px = { _unit: "px", value: 36 };
+  const MAIN_TEXT_WIDTH: DCss.Percent = { _unit: "percent", value: 80 };
+
+  const BTN_PADDING_LEFT = 10;
+  const BTN_PADDING_TOP = 10;
 
   const buttonBaseCss = (): CssTheme => ({
     css: {
       fontWeight: FONT_WEIGHT,
+
       fontSize: { _unit: "px", value: FONT_SIZE },
       letterSpacing: { _unit: "px", value: 2 },
       paddingLeft: { _unit: "px", value: BTN_PADDING_LEFT },
@@ -30,6 +37,8 @@ namespace 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",
@@ -67,6 +76,7 @@ namespace BuilderOptionTheme {
             backgroundColor: WHITE,
             borderColor: LIGHT_BLUE,
             textColor: BLUE,
+            width: BTN_WIDTH_SHORT,
           },
           cssDisabled,
           cssEnabled,
@@ -87,9 +97,10 @@ const audioHighTop = 20;
 const audioLowTop = 55;
 
 const textBase: PStyle = {
-  width: 80,
+  width: 76,
+  // backgroundColor: "red",
   top: textHighTop,
-  left: 10,
+  left: 12,
   textAlign: "center",
   textColor: "black",
   fontSize: { _unit: "px", value: 40 },
@@ -162,7 +173,7 @@ export const DefaultTheme: IDefaultTheme = {
         bottom: 0,
         left: 0, // h: 10,
         alignItems: "center",
-        backgroundColor: "yellow",
+        // backgroundColor: "yellow",
       },
       whenSingle: { justifyContent: "space-evenly" },
       whenMany: { justifyContent: "space-evenly" },

package/src/theme/default-theme-compiler.ts

@@ -31,7 +31,7 @@ export class DefaultThemeCompiler implements ThemeCompiler<IDefaultTheme> {
   readonly name = "Ispe default theme.";
   readonly defaultTheme = DefaultTheme;
   readonly theme2 = Theme2;
-  currentTheme = Theme2;
+  currentTheme = DefaultTheme;
   allThemes = [DefaultTheme, Theme2];
   private readonly TAG = "[ DEFAULT_THEME_COMPILER ]: ";
 
@@ -118,6 +118,7 @@ export class DefaultThemeCompiler implements ThemeCompiler<IDefaultTheme> {
     let initialVideoTaskList: Array<PlayVideoTask | DelayTask> = [];
     const newPage: PageDto = {
       background: "white",
+      pageNumber,
       elements,
       id,
       prefix,

package/src/theme/theme2.ts

@@ -22,6 +22,7 @@ const Colors = {
   backgroundWhite: "white",
   // progressBackGround: "#164AC4",
   // progressForGround: "#F5F5F5",
+
   // red: "red",
   // yellow: "yellow",
 };