cec-nuxt-lib 0.4.3 → 0.4.5

package/dist/module.json

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

package/dist/runtime/components/cecCanvas.vue

@@ -39,13 +39,15 @@ const abbr = (data) => {
   return `<abbr title="${text(data.entryDescription)}">${text(data.entryTitle)}</abbr>`;
 };
 
-const accordionComponent = (props: any) => {
-  let id = props.block?.id;
-  let html = props.block?.value?.expandAll
+const accordion = (data) => {
+  if (!data.id) {
+    data.id = data.sys.id;
+  }
+  let html = data.expandAll
     ? `
   <div class="text-end">
     <button
-      id="${props.block?.id}"
+      id="${data.id}"
       class="expand-all btn btn-outline-success"
       type="button"
     >
@@ -61,22 +63,32 @@ const accordionComponent = (props: any) => {
   </p>
   <section class="access-acc-container">
   `;
-  let acc = props.block?.value?.accordionSection;
-  acc.forEach((e, i) => {
-    let accId = `${id}_${i}`;
+  data.accordionSection.forEach((e, i) => {
+    let accId = `${data.id}_${i}`;
+    let article = `${e.content ? e.content : ''}${e.genericList ? genList(e.genericList, accId) : ''}`;
+    if (!article.length) {
+      article = '<p>Nothing to display at present</p>';
+    }
     html += `
-  <input class="${id}"
+  <input class="${data.id}"
     id="${accId}"
     type="checkbox"
   />
   <label for="${accId}">${e.accLabel}</label>
-  <article>${e.content}</article>
+  <article>
+
+</article>
+
   `;
   });
   html += '</section>';
   return html;
 };
 
+const accordionComponent = (props: any) => {
+  return accordion({ ...props.block.value, id: props.block.id });
+};
+
 const anchor = (data) => {
   return `<${data.tag} id="${data.id}">${data.text}</${data.tag}>`;
 };
@@ -600,11 +612,14 @@ const processUri = (uri) => {
 };
 
 const genericList = (props: any) => {
-  let item = props.block?.value;
-  let id = props.block.id;
+  return genList(props.block.value, props.block.id);
+};
+const genList = (item, id) => {
+  let heading = item.title ? `<h2 class="fs-4 mt-3">${item.title}</h2>` : '';
+
   return listItems.value[id]
     ? `
-    <h2 class="fs-4 mt-3">${item.title}</h2>
+    ${heading}
     <ul>
       ${listItems.value[id].reduce((acc, e) => {
         return e.sys.dataFormat === 'webpage'
@@ -630,6 +645,8 @@ const myInlineEntry = (props: any) => {
   let data = props.block?.value;
   let id = props.block?.id;
   switch (props.block?.value.sys.contentTypeId) {
+    case 'accordion':
+      return accordion(data);
     case 'abbreviation':
       return abbr(data);
     case 'anchor':
@@ -707,7 +724,6 @@ onMounted(() => {
   // Expand all buttons
   const expandAll = (btn) => {
     btn.addEventListener('click', (e) => {
-      console.log(btn.id);
       const op = btn.innerText;
       btn.innerText = op === 'Expand all' ? 'Close all' : 'Expand all';
       Array.from(document.getElementsByClassName(btn.id)).forEach(

package/package.json

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