cec-nuxt-lib 0.11.18 → 0.12.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "cec-nuxt-lib",
   "configKey": "cec-nuxt-lib",
-  "version": "0.11.18",
+  "version": "0.12.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/cecCanvas.vue

@@ -2,8 +2,7 @@
 import { useState } from "#app";
 import { createRenderer, text } from "@contensis/canvas-html";
 const getCanvas = (data) => renderer({ data });
-const listItems = useState("listItems");
-const questions = useState("questions");
+const settings = useState("settings");
 let canvasHtml;
 const props = defineProps({
   canvas: {
@@ -355,8 +354,12 @@ const makeQuestions = (data, id) => {
       );
       qu.select += "</select>";
     }
-    if (!questions.value.some((e) => e.id === id)) {
-      questions.value.push({ id, question: data.question, stack: [0] });
+    if (!settings.value.questions.some((e) => e.id === id)) {
+      settings.value.questions.push({
+        id,
+        question: data.question,
+        stack: [0]
+      });
     }
   });
   let inner = data.question[0].select ? `
@@ -597,10 +600,10 @@ const genericListAsAccordion = (props2) => {
 };
 const genList = (item, id) => {
   let heading = item.title ? `<h2 class="fs-4 mt-3">${item.title}</h2>` : "";
-  return listItems.value[id] && listItems.value[id].length ? `
+  return settings.value.listItems[id] && settings.value.listItems[id].length ? `
     ${heading}
     <ul>
-      ${listItems.value[id].reduce((acc, e) => {
+      ${settings.value.listItems[id].reduce((acc, e) => {
     return e.sys.dataFormat === "webpage" ? `${acc}
       <li><a href="${processUri(e.sys.uri)}">${e.title}</a></li>
       ` : `${acc}

package/dist/runtime/components/cecFeedback.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { useState } from "#app";
 const page = useState("page");
-const baseUrl = useState("baseUrl");
+const settings = useState("settings");
 const props = defineProps({
   reviewed: {
     type: String,
@@ -60,7 +60,7 @@ const dateOptions = {
                   <ul class="list-unstyled list-inline">
                     <li class="list-inline-item me-3">
                       <a
-                        :href="`https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=improve_this_page&pageTitle=${encodeURIComponent(title)}&pagePath=${baseUrl}${path}`"
+                        :href="`https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=improve_this_page&pageTitle=${encodeURIComponent(title)}&pagePath=${settings.baseUrl}${path}`"
                         id="yes-feedback"
                         class="liberty_form_link btn btn-lg btn-outline-secondary btn-example-1 btn-chevron rounded-pill text-left"
                         >Yes<span class="visually-hidden">

package/dist/runtime/components/cecHeader.vue

@@ -1,11 +1,8 @@
 <script setup>
 import { onMounted } from "vue";
 import { useState, navigateTo } from "#app";
-const searchTerms = useState("searchTerms");
-const questions = useState("questions");
-const baseUrl = useState("baseUrl");
 const page = useState("page");
-const path = useState("path");
+const settings = useState("settings");
 const regex = /^https:\/\/digital-core\.cheshireeast\.gov\.uk(?!.*(?:&pagePath|&pageTitle|login)).*$/;
 const config = {
   apiKey: "c1a902dfad207b122cca32738e623af375e1d2ee",
@@ -16,7 +13,7 @@ const config = {
     description: "For more information visit our",
     name: "Cookies page",
     url: "/council_and_democracy/council_information/website_information/website_information.aspx",
-    updated: "08/09/2020"
+    updated: "01/10/2025"
   },
   accessibility: {
     outline: true
@@ -84,9 +81,9 @@ const config = {
   }
 };
 const doSearch = async () => {
-  if (searchTerms.value) {
+  if (settings.value.searchTerms) {
     await navigateTo(
-      `https://www.cheshireeast.gov.uk/search-results?search_keywords=${encodeURI(searchTerms.value)}`,
+      `https://www.cheshireeast.gov.uk/search-results?search_keywords=${encodeURI(settings.value.searchTerms)}`,
       { external: true }
     );
   }
@@ -145,7 +142,7 @@ onMounted(() => {
   const getQuInfo = (b) => {
     let temp = b.id.split("_");
     let id = temp[3];
-    let q = questions.value.find((e) => e.id === id);
+    let q = settings.value.questions.find((e) => e.id === id);
     if (q) {
       let myQ = q.question[parseInt(temp[4])];
       if (temp.length === 6) {
@@ -198,7 +195,7 @@ onMounted(() => {
   forms.forEach((link) => {
     link.href = `${link.href}&pageTitle=${encodeURIComponent(
       page.value.title
-    )}&pagePath=${baseUrl.value}${encodeURIComponent(path.value)}`;
+    )}&pagePath=${settings.value.baseUrl}${encodeURIComponent(settings.value.path)}`;
   });
   const setUpListeners = () => {
     let qSelects = Array.from(
@@ -230,7 +227,7 @@ onMounted(() => {
     });
   };
   const goto = (id, index, addToStack = true) => {
-    let qTop = questions.value.find((e) => e.id === id);
+    let qTop = settings.value.questions.find((e) => e.id === id);
     if (!index) {
       qTop.stack = [0];
     }
@@ -252,12 +249,12 @@ onMounted(() => {
     );
   };
   const prev = (id) => {
-    let qTop = questions.value.find((e) => e.id === id);
+    let qTop = settings.value.questions.find((e) => e.id === id);
     let ind = qTop.stack.pop();
     goto(id, ind, !qTop.stack.length);
   };
   const reset = (id) => {
-    let qTop = questions.value.find((e) => e.id === id);
+    let qTop = settings.value.questions.find((e) => e.id === id);
     if (qTop.stack.length) {
       qTop.stack = [];
       goto(id, 0);
@@ -352,10 +349,10 @@ onMounted(() => {
               >Search</label
             >
             <input
-              v-model="searchTerms"
+              v-model="settings.searchTerms"
               @keypress.enter="doSearch"
               placeholder="Enter keywords"
-              @focus="searchTerms = ''"
+              @focus="settings.searchTerms = ''"
               type="text"
               id="searchTextBox"
               class="sys_searchbox"

package/dist/runtime/components/cecMeta.vue

@@ -1,9 +1,7 @@
 <script setup>
 import { useState, useHead, useSeoMeta } from "#app";
-const baseUrl = useState("baseUrl");
-const ogImage = useState("ogImage");
-const path = useState("path");
 const page = useState("page");
+const settings = useState("settings");
 let reviewDate = page.value.dateReviewed ? new Date(page.value.dateReviewed) : /* @__PURE__ */ new Date();
 let reviewISO = reviewDate.toISOString().slice(0, 10);
 let meta = [
@@ -73,7 +71,7 @@ useHead({
           },
           {
             "@type": "ContactPoint",
-            url: `https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=contact_us&pageTitle=${encodeURIComponent(page.value.title)}&pagePath=${baseUrl.value}${path.value}`,
+            url: `https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=contact_us&pageTitle=${encodeURIComponent(page.value.title)}&pagePath=${settings.value.baseUrl}${settings.value.path}`,
             contactType: "Online contact form",
             areaServed: "Cheshire East"
           }
@@ -106,7 +104,7 @@ useHead({
 });
 useSeoMeta({
   ogTitle: page.value.title,
-  ogImage: ogImage.value,
+  ogImage: settings.value.ogImage,
   ogDescription: page.value.title
 });
 </script>

package/dist/runtime/components/inThisSection.vue

@@ -1,12 +1,12 @@
 <script setup>
 import { useState } from "#app";
-const siblings = useState("siblings");
+const settings = useState("settings");
 </script>
 
 <template>
-  <h2>In this section</h2>
+  <h2>Related pages</h2>
   <ul>
-    <li v-for="item in siblings">
+    <li v-for="item in settings.siblings">
       <a :href="item.path">{{ item.displayName }}</a>
     </li>
   </ul>

package/dist/runtime/components/pagination.vue

@@ -1,15 +1,13 @@
 <script setup>
 import { useState } from "#app";
-const pages = useState("pages");
-const pageIndex = useState("pageIndex");
-const scrollTo = useState("scrollTo");
 const page = useState("page");
+const settings = useState("settings");
 const goToPage = (n) => {
-  pageIndex.value = n;
-  scrollTo.value.scrollIntoView();
+  settings.value.pageIndex = n;
+  settings.value.scrollTo.scrollIntoView();
 };
 const getResults = () => {
-  return pages.value.reduce((acc, p) => {
+  return settings.value.pages.reduce((acc, p) => {
     return acc + p.length;
   }, 0);
 };
@@ -19,7 +17,7 @@ const getResults = () => {
   <div>
     <nav
       class="my-4"
-      v-if="pages.length > 1"
+      v-if="settings.pages.length > 1"
       aria-label="Results data navigation"
     >
       <ol class="pagination d-flex flex-wrap my-2 ms-0">
@@ -28,7 +26,7 @@ const getResults = () => {
             class="page-link rounded"
             type="button"
             aria-label="First"
-            :class="{ disabled: !pageIndex }"
+            :class="{ disabled: !settings.pageIndex }"
             @click="goToPage(0)"
           >
             First
@@ -39,15 +37,15 @@ const getResults = () => {
             class="page-link rounded"
             type="button"
             aria-label="Previous"
-            :class="{ disabled: !pageIndex }"
-            @click="goToPage(pageIndex - 1)"
+            :class="{ disabled: !settings.pageIndex }"
+            @click="goToPage(settings.pageIndex - 1)"
           >
             Previous
           </button>
         </li>
         <li class="page-item mb-2 rounded disabled current">
           <button class="page-link rounded" type="button">
-            {{ pageIndex + 1 }}
+            {{ settings.pageIndex + 1 }}
           </button>
         </li>
         <li class="page-item mb-2">
@@ -55,8 +53,10 @@ const getResults = () => {
             class="page-link rounded"
             type="button"
             aria-label="Next"
-            :class="{ disabled: pageIndex + 1 === pages.length }"
-            @click="goToPage(pageIndex + 1)"
+            :class="{
+              disabled: settings.pageIndex + 1 === settings.pages.length,
+            }"
+            @click="goToPage(settings.pageIndex + 1)"
           >
             Next
           </button>
@@ -66,8 +66,10 @@ const getResults = () => {
             class="page-link rounded"
             type="button"
             aria-label="Last"
-            :class="{ disabled: pageIndex === pages.length - 1 }"
-            @click="goToPage(pages.length - 1)"
+            :class="{
+              disabled: settings.pageIndex === settings.pages.length - 1,
+            }"
+            @click="goToPage(settings.pages.length - 1)"
           >
             Last
           </button>
@@ -75,11 +77,17 @@ const getResults = () => {
       </ol>
     </nav>
     <p>
-      <span v-if="page.showResultsNum && pages[0] && pages[0].length > 0"
+      <span
+        v-if="
+          page.showResultsNum &&
+          settings.pages[0] &&
+          settings.pages[0].length > 0
+        "
         >Total results: {{ getResults() }}.&nbsp;</span
       >
-      <span v-if="pages.length > 1"
-        >Viewing page {{ pageIndex + 1 }} of {{ pages.length }}.</span
+      <span v-if="settings.pages.length > 1"
+        >Viewing page {{ settings.pageIndex + 1 }} of
+        {{ settings.pages.length }}.</span
       >
     </p>
   </div>

package/package.json

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