project-booster-vue 9.44.9 → 9.44.11

package/package.json

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

package/src/components/cards/PbCard.vue

@@ -335,12 +335,12 @@ export default defineComponent({
       this.$emit('link-click');
     },
     handleCardClick() {
-      this.cardLink ? window.open(this.cardLink, '_blank') : '';
+      this.cardLink ? window.open(this.cardLink, '_self') : '';
       !this.buttonLabel && !this.linkLabel ? this.$emit('card-click') : '';
     },
     handleButtonLinkClicked(href: string) {
       this.handleButtonClicked();
-      window.open(href, '_blank');
+      window.open(href, '_self');
     },
     handleButtonClicked() {
       /**

package/src/components/mozaic/dialog/MDialog.vue

@@ -8,6 +8,7 @@
       justify-content="center"
       :aria-hidden="showDialog"
       :style="`height: ${componentHeight};`"
+      @click.prevent="hide()"
     >
       <m-flex class="m-dialog" direction="column" :style="dialogStyle">
         <div class="m-dialog__header" :class="{ 'm-dialog__header--padding-right': !hideCross }">

package/src/components/progression-price/PbProgressionPrice.vue

@@ -4,9 +4,7 @@
       <div class="pb-progression-block__title">
         {{ title }}
       </div>
-      <div v-if="subtitle" class="pb-progression-block__subtitle">
-        {{ subtitle }}
-      </div>
+      <div v-if="subtitle" class="pb-progression-block__subtitle" v-html="subtitle"></div>
       <m-flex class="pb-progression-block__price" align-items="baseline" justify-content="center" wrap>
         <div class="pb-progression-block__price-min">{{ roundDecadeDown(lowerPrice) }}</div>
         <div class="pb-progression-block__price-separator">{{ separatorLabel || 'et' }}</div>

package/src/components/projects/project-item-save/PbProjectItemSaveProjectName.vue

@@ -46,7 +46,6 @@
 import { defineComponent, computed } from 'vue';
 import MFlex from '../../mozaic/flex/MFlex.vue';
 import MTag from '../../mozaic/tag/MTag.vue';
-import MTextInput from '../../mozaic/text-input/MTextInput.vue';
 import PbAnimableLoader from '../../loader/PbAnimableLoader.vue';
 import { useStore } from 'vuex';
 import { v4 as uuidv4 } from 'uuid';
@@ -56,7 +55,7 @@ import { useField, useForm } from 'vee-validate';
 export default defineComponent({
   name: 'PbProjectItemSaveProjectName',
 
-  components: { PbAnimableLoader, MTextInput, MTag, MFlex },
+  components: { PbAnimableLoader, MTag, MFlex },
 
   props: {
     /**
@@ -114,8 +113,8 @@ export default defineComponent({
       setFieldValue('tag-input-' + componentId, currentTypology.value !== typologyCode ? typologyCode : undefined);
 
       setTimeout(() => {
-        emitInputEvent(typologyCode);
         defineDefaultProjectName(typologyName);
+        emitInputEvent(typologyCode);
         currentTypology.value = typologyCode;
       });
     };

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

@@ -89,6 +89,7 @@
             width="full"
             size="l"
             @click="handleFormSubmit"
+            :disabled="disabledNextStep"
           />
           <m-link
             v-if="payload.skippable"
@@ -130,7 +131,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, onMounted, PropType, ref, ComputedRef } from 'vue';
+import { defineComponent, computed, onMounted, PropType, ref, ComputedRef, watch } from 'vue';
 import { v4 as uuidv4 } from 'uuid';
 import { useForm } from 'vee-validate';
 import * as yup from 'yup';
@@ -147,6 +148,7 @@ import DEFAULT_PAYLOAD from './default-payload.json';
 import { SpaceInputPayload } from '@/components/question/space-input/SpaceInput';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { decorate } from '@/services/decorate';
+import { id } from 'date-fns/locale';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -247,8 +249,9 @@ export default defineComponent({
     const pbSpaceInputTextInput = ref<HTMLElement>();
     const showModal = ref(false);
     const contentModal = ref({});
+    const disabledNextStep = ref(true);
 
-    const space = computeDefaultValue(props.runtimeOptions, props.answers!, computedPayload);
+    const space = ref(computeDefaultValue(props.runtimeOptions, props.answers!, computedPayload));
 
     const handleShowModal = ({ headerTitle, htmlContent }: { headerTitle: string; htmlContent: string }) => {
       showModal.value = !showModal.value;
@@ -260,6 +263,15 @@ export default defineComponent({
 
     const validationSchema = initValidation(componentId, computedPayload);
 
+    watch(space, async (newValue) => {
+      const validation = computedPayload.value.viewModel.validation;
+      if (newValue && parseInt(newValue) >= validation.minValue && parseInt(newValue) <= validation.maxValue) {
+        disabledNextStep.value = false;
+      } else {
+        disabledNextStep.value = true;
+      }
+    });
+
     const { handleSubmit } = useForm({ validationSchema: validationSchema.value });
     const handleFormSubmit = handleSubmit((values) => {
       const elementId = `text-input-${componentId}` as string;
@@ -314,6 +326,7 @@ export default defineComponent({
       showModal,
       handleShowModal,
       contentModal,
+      disabledNextStep,
     };
   },
 });