cec-nuxt-lib 0.6.3 → 0.6.5

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "cec-nuxt-lib",
   "configKey": "cec-nuxt-lib",
-  "version": "0.6.3"
+  "version": "0.6.5"
 }

package/dist/runtime/components/cecCanvas.vue

@@ -377,6 +377,10 @@ const makeAddressItem = (prop, text) => {
   return `<p class="mb-0" itemprop="${prop}">${text}</p>`;
 };
 
+cont formatId = (str) => {
+return str.replace('?', '').replace(/\W/g, '-');
+}
+
 const makeQuestions = (data, id) => {
   data.question.forEach((qu, j) => {
     qu.stack = [0];
@@ -387,7 +391,7 @@ const makeQuestions = (data, id) => {
           `<div class="col w-auto ps-0 pe-3">
         <button
           type="button"
-          id="${data.title}_${qu.question.replace('?', '').replace(/\W/g, '-')}_${r.buttonText.replace(/\W/g, '-')}_${id}_${j}_${i}"
+          id="${formatId(data.title)}_${formatId(qu.question)}_${formatId(r.buttonText)}_${id}_${j}_${i}"
           class="cec-button question-btns"
         >
           ${r.buttonText}
@@ -400,7 +404,7 @@ const makeQuestions = (data, id) => {
         (acc, r) => {
           return `${acc}<option value="${r.buttonText}">${r.buttonText}</option>`;
         },
-        `<select class="question-select" name="${id}_${j}" id="${data.title.replace(/\W/g, '-')}_${qu.question.trim().replace('?', '').replace(/\W/g, '-')}_select_${id}_${j}">`
+        `<select class="question-select" name="${id}_${j}" id="${formatId(data.title)}_${formatId(qu.question)}_select_${id}_${j}"><option value="" disabled selected hidden>Choose an option</option>`
       );
       qu.select += '</select>';
     }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.6.3",
+  "version": "0.6.5",
   "name": "cec-nuxt-lib",
   "description": "Nuxt components and assets",
   "license": "MIT",