project-booster-vue 9.29.0 → 9.30.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.29.0",
+  "version": "9.30.1",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/mozaic/buttons/MButton.vue

@@ -547,6 +547,7 @@ $text-neutral: (
   border-color: $color-success-500;
   border-radius: 0.25rem 0 0 0.25rem;
   color: $color-success-500;
+  margin: 0 !important;
   padding: 0.375rem;
 }
 
@@ -555,6 +556,7 @@ $text-neutral: (
   border-color: $color-success-500;
   border-radius: 0 0.25rem 0.25rem 0;
   color: $color-success-500;
+  margin: 0 !important;
   padding: 0.375rem;
 }
 </style>

package/src/components/question/PbQuestion.vue

@@ -1298,6 +1298,26 @@ $answers-apparition-duration: '0.5s';
     }
   }
 
+  &__padding-bottom {
+    height: $mu800;
+  }
+
+  &__help {
+    margin-bottom: $mu250;
+    &__link,
+    &__text {
+      margin: 0;
+      @include set-font-scale('05', 'l');
+      @include set-font-face('regular');
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+@import 'pb-variables';
+
+.pb-question {
   &__dialog-help {
     &__title {
       padding: $mu250 $mu250 0 $mu250;
@@ -1316,19 +1336,5 @@ $answers-apparition-duration: '0.5s';
       padding: $mu100 $mu250 $mu250 $mu250;
     }
   }
-
-  &__padding-bottom {
-    height: $mu800;
-  }
-
-  &__help {
-    margin-bottom: $mu250;
-    &__link,
-    &__text {
-      margin: 0;
-      @include set-font-scale('05', 'l');
-      @include set-font-face('regular');
-    }
-  }
 }
 </style>

package/src/components/question/space-input/PbSpaceInput.vue

@@ -449,12 +449,15 @@ $responsive-breakpoint: 'm';
 
   &__dialog {
     &__title {
-      padding: $mu250 $mu250 0 $mu250;
+      h2 {
+        @include set-font-face('semi-bold');
+        @include set-font-scale('07', 's');
+        padding: $mu250 $mu250 0 $mu250;
+      }
     }
 
     &__body {
       padding: 0 $mu250;
-      @include set-font-scale('05', 'l');
     }
 
     &__footer {
@@ -472,3 +475,12 @@ $responsive-breakpoint: 'm';
   }
 }
 </style>
+
+<style lang="scss">
+@import 'pb-variables';
+
+.pb-space-input__dialog__body p {
+  @include set-font-scale('05', 'm');
+  margin: $mu100 0;
+}
+</style>

package/src/services/scenarioConditionals.ts

@@ -1,4 +1,5 @@
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
+import objectPath from 'object-path';
 
 const Condition = (
   condition: string,
@@ -17,6 +18,10 @@ const Condition = (
       }) > -1
     );
   };
+  const isAnswerValue = (questionCode: string, path: string, value: any) => {
+    const questionAnswers = answers.get(questionCode)!;
+    return questionAnswers ? objectPath.get(questionAnswers[0], path) === value : false;
+  };
   const hasAnswers = (questionCode: string) => {
     const questionAnswers = answers.get(questionCode)!;
     return questionAnswers.length > 0;
@@ -24,11 +29,12 @@ const Condition = (
   const isValid: boolean = new Function(
     'isAnswerMatching',
     'isAnswerContaining',
+    'isAnswerValue',
     'hasAnswers',
     'answers',
     'runtimeOptions',
     `return ${condition}`,
-  ).call(this, isAnswerMatching, isAnswerContaining, hasAnswers, answers, runtimeOptions);
+  ).call(this, isAnswerMatching, isAnswerContaining, isAnswerValue, hasAnswers, answers, runtimeOptions);
   return { isValid };
 };