project-booster-vue 10.24.3 → 10.24.5

package/package.json

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

package/src/components/rework/cards/MPbCards.vue

@@ -35,7 +35,7 @@
                 v-if="title"
                 v-html="title"
                 class="pb-card__title row-flex"
-                :class="{ 'pb-card__title--disabled': disabled }"
+                :class="{ 'pb-card__title--disabled': disabled, 'pb-card__title__selectable': selectable }"
                 :style="`text-align: ${alignText}`"
               />
               <div v-if="text" v-html="text" class="pb-card__text" :style="`text-align: ${alignText}`" />
@@ -91,7 +91,7 @@
           </div>
         </div>
       </div>
-      <m-pb-card-selection-indicator :selectable="selectable" v-if="image" :selected="selected" />
+      <m-pb-card-selection-indicator :selectable="selectable" :selected="selected" />
       <m-pb-card-type-indicator v-if="typeIcon && image" :type-icon="typeIcon" />
     </div>
   </div>
@@ -514,6 +514,10 @@ $responsive-breakpoint: 's';
         color: $color-grey-800;
       }
     }
+
+    &__selectable {
+      margin-right: $mu400;
+    }
   }
 
   &__text {

package/src/components/rework/cards/decorators/MPbCardSelectionIndicator.vue

@@ -34,7 +34,7 @@ $responsive-breakpoint: 's';
   height: 100%;
   position: absolute;
   right: $mu100;
-  top: $mu100;
+  top: 22px;
 
   &::before {
     content: ' ';

package/src/components/rework/question/MPbQuestion.vue

@@ -262,7 +262,7 @@
             <m-button
               v-for="button in skippables"
               :key="button?.label"
-              class="pb-question__actions-buttons-button"
+              class="pb-question__actions-buttons-button skip-step-cta"
               :label="button?.label"
               :theme="button?.theme ? button?.theme : 'bordered'"
               :icon="button.icon"
@@ -703,7 +703,7 @@ const validMultiSelect = (multiSelectOptions: ScenarioStepMultiSelectAction | un
 const skipQuestion = (button: ScenarioStepSkippableOptions | undefined) => {
   initAnswersSelectedState(props.payload.answers);
   $emit(props.completedEventName, {
-    answers: button?.isAnswer ? (button.defaultAnswer ? [button.defaultAnswer] : []) : null,
+    answers: button?.isAnswer ? (button.defaultAnswer ? [button.defaultAnswer] : []) : [],
     nextStep: button?.nextStep,
   });
 };