cec-nuxt-lib 0.12.2 → 0.12.4

package/dist/module.json

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

package/dist/runtime/components/cecBreadcrumb.vue

@@ -52,7 +52,11 @@ const links = hrefs.map(
               <li class="breadcrumb-item" v-for="(l, i) in links" :key="i">
                 <!-- Node we are on -->
                 <span v-if="i === links.length - 1">{{
-                  links.includes("Parties") ? toTitleCase(decodeURIComponent(l)) : page.eventTitle ? page.eventTitle : decodeURIComponent(l)
+                  links.includes('Parties')
+                    ? toTitleCase(decodeURIComponent(l))
+                    : page.eventTitle
+                      ? page.eventTitle
+                      : decodeURIComponent(l)
                 }}</span>
                 <!-- Nuxt links -->
                 <template v-else-if="i + 1 >= length">

package/dist/runtime/components/cecCanvas.vue

@@ -2,7 +2,7 @@
 import { useState } from "#app";
 import { createRenderer, text } from "@contensis/canvas-html";
 const getCanvas = (data) => renderer({ data });
-const settings = useState("settings");
+const page = useState("page");
 let canvasHtml;
 const props = defineProps({
   canvas: {
@@ -354,8 +354,8 @@ const makeQuestions = (data, id) => {
       );
       qu.select += "</select>";
     }
-    if (!settings.value.questions.some((e) => e.id === id)) {
-      settings.value.questions.push({
+    if (!page.value.questions.some((e) => e.id === id)) {
+      page.value.questions.push({
         id,
         question: data.question,
         stack: [0]
@@ -477,10 +477,14 @@ const promotionalBannerWithText = (props2) => {
         style="font-family: myriad-pro, sans-serif"
       >
         ${paras[0]}
-      </h1>
-      <div v-if="paras[1] && paras[1].length" class="d-flex justify-content-center mt-2 strapline text-white">
-        ${paras[1]}
-      </div>
+      </h1>`;
+    if (paras[1] && paras[1].length) {
+      overlay += `
+    <div class="d-flex justify-content-center mt-2 strapline text-white">
+      ${paras[1]}
+    </div>`;
+    }
+    overlay += `
     </div>
   </div>`;
   }
@@ -600,10 +604,10 @@ const genericListAsAccordion = (props2) => {
 };
 const genList = (item, id) => {
   let heading = item.title ? `<h2 class="fs-4 mt-3">${item.title}</h2>` : "";
-  return settings.value.listItems[id] && settings.value.listItems[id].length ? `
+  return page.value.listItems[id] && page.value.listItems[id].length ? `
     ${heading}
     <ul>
-      ${settings.value.listItems[id].reduce((acc, e) => {
+      ${page.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,6 @@
 <script setup>
 import { useState } from "#app";
 const page = useState("page");
-const settings = useState("settings");
 const props = defineProps({
   reviewed: {
     type: String,
@@ -31,7 +30,7 @@ const dateOptions = {
         <p v-if="reviewed && !page.hideReviewDate">
           <small
             >Page last reviewed:
-            {{ new Date(reviewed).toLocaleDateString("en-GB", dateOptions) }}
+            {{ new Date(reviewed).toLocaleDateString('en-GB', dateOptions) }}
           </small>
         </p>
         <div class="accordion pb-4">
@@ -60,7 +59,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=${settings.baseUrl}${path}`"
+                        :href="`https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=improve_this_page&pageTitle=${encodeURIComponent(title)}&pagePath=${page.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/cecFeedback.vue.d.ts

@@ -1,28 +1,7 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    reviewed: {
-        type: StringConstructor;
-        required: true;
-    };
-    path: {
-        type: StringConstructor;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    reviewed: {
-        type: StringConstructor;
-        required: true;
-    };
-    path: {
-        type: StringConstructor;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {
+    path: string;
+    reviewed: string;
+    title: string;
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/cecHeader.vue

@@ -2,7 +2,6 @@
 import { onMounted } from "vue";
 import { useState, navigateTo } from "#app";
 const page = useState("page");
-const settings = useState("settings");
 const regex = /^https:\/\/digital-core\.cheshireeast\.gov\.uk(?!.*(?:&pagePath|&pageTitle|login)).*$/;
 const config = {
   apiKey: "c1a902dfad207b122cca32738e623af375e1d2ee",
@@ -81,9 +80,9 @@ const config = {
   }
 };
 const doSearch = async () => {
-  if (settings.value.searchTerms) {
+  if (page.value.searchTerms) {
     await navigateTo(
-      `https://www.cheshireeast.gov.uk/search-results?search_keywords=${encodeURI(settings.value.searchTerms)}`,
+      `https://www.cheshireeast.gov.uk/search-results?search_keywords=${encodeURI(page.value.searchTerms)}`,
       { external: true }
     );
   }
@@ -142,7 +141,7 @@ onMounted(() => {
   const getQuInfo = (b) => {
     let temp = b.id.split("_");
     let id = temp[3];
-    let q = settings.value.questions.find((e) => e.id === id);
+    let q = page.value.questions.find((e) => e.id === id);
     if (q) {
       let myQ = q.question[parseInt(temp[4])];
       if (temp.length === 6) {
@@ -195,7 +194,7 @@ onMounted(() => {
   forms.forEach((link) => {
     link.href = `${link.href}&pageTitle=${encodeURIComponent(
       page.value.title
-    )}&pagePath=${settings.value.baseUrl}${encodeURIComponent(settings.value.path)}`;
+    )}&pagePath=${page.value.baseUrl}${encodeURIComponent(page.value.path)}`;
   });
   const setUpListeners = () => {
     let qSelects = Array.from(
@@ -227,7 +226,7 @@ onMounted(() => {
     });
   };
   const goto = (id, index, addToStack = true) => {
-    let qTop = settings.value.questions.find((e) => e.id === id);
+    let qTop = page.value.questions.find((e) => e.id === id);
     if (!index) {
       qTop.stack = [0];
     }
@@ -249,12 +248,12 @@ onMounted(() => {
     );
   };
   const prev = (id) => {
-    let qTop = settings.value.questions.find((e) => e.id === id);
+    let qTop = page.value.questions.find((e) => e.id === id);
     let ind = qTop.stack.pop();
     goto(id, ind, !qTop.stack.length);
   };
   const reset = (id) => {
-    let qTop = settings.value.questions.find((e) => e.id === id);
+    let qTop = page.value.questions.find((e) => e.id === id);
     if (qTop.stack.length) {
       qTop.stack = [];
       goto(id, 0);
@@ -349,10 +348,10 @@ onMounted(() => {
               >Search</label
             >
             <input
-              v-model="settings.searchTerms"
+              v-model="page.searchTerms"
               @keypress.enter="doSearch"
               placeholder="Enter keywords"
-              @focus="settings.searchTerms = ''"
+              @focus="page.searchTerms = ''"
               type="text"
               id="searchTextBox"
               class="sys_searchbox"

package/dist/runtime/components/cecMeta.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { useState, useHead, useSeoMeta } from "#app";
 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 = [
@@ -71,7 +70,7 @@ useHead({
           },
           {
             "@type": "ContactPoint",
-            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}`,
+            url: `https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=contact_us&pageTitle=${encodeURIComponent(page.value.title)}&pagePath=${page.value.baseUrl}${page.value.path}`,
             contactType: "Online contact form",
             areaServed: "Cheshire East"
           }
@@ -104,7 +103,7 @@ useHead({
 });
 useSeoMeta({
   ogTitle: page.value.title,
-  ogImage: settings.value.ogImage,
+  ogImage: page.value.ogImage,
   ogDescription: page.value.title
 });
 </script>

package/dist/runtime/components/inThisSection.vue

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

package/dist/runtime/components/pagination.vue

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

package/package.json

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