cec-nuxt-lib 0.10.3 → 0.10.4

package/dist/runtime/components/cecCanvas.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    canvas: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    canvas: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/cecFeedback.vue

@@ -1,32 +1,32 @@
-<script setup lang="ts">
-import { useState } from '#app';
-const page = useState('page');
+<script setup>
+import { useState } from "#app";
+const page = useState("page");
+const baseUrl = useState("baseUrl");
 const props = defineProps({
   reviewed: {
     type: String,
-    required: true,
+    required: true
   },
   path: {
     type: String,
-    required: true,
+    required: true
   },
   title: {
     type: String,
-    required: true,
-  },
+    required: true
+  }
 });
-
 const { path, title, reviewed } = props;
 </script>
 
 <template>
-  <div class="mt-4">
+  <div class="mt-4 container">
     <div class="row">
       <div class="col-lg-8">
         <p v-if="reviewed && !page.hideReviewDate">
           <small
             >Page last reviewed:
-            {{ new Date(reviewed).toLocaleDateString('en-GB') }}
+            {{ new Date(reviewed).toLocaleDateString("en-GB") }}
           </small>
         </p>
         <div class="accordion pb-4">
@@ -55,7 +55,7 @@ const { path, title, reviewed } = props;
                   <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=https://www.cheshireeast.gov.uk${path}`"
+                        :href="`https://digital-core.cheshireeast.gov.uk/w/webpage/request?form=improve_this_page&pageTitle=${encodeURIComponent(title)}&pagePath=${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

@@ -0,0 +1,28 @@
+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>;
+export default _default;

package/dist/runtime/components/cecFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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

@@ -1,106 +1,91 @@
-<script setup lang="ts">
-import { onMounted } from 'vue';
-import { useState, navigateTo } from '#app';
-
-const searchTerm = useState('searchTerm', () => undefined);
-const questions = useState('questions');
-const baseUrl = useState('baseUrl');
-const page = useState('page');
-const path = useState('path');
-
-const regex =
-  /^https:\/\/digital-core\.cheshireeast\.gov\.uk(?!.*(?:&pagePath|&pageTitle|login)).*$/;
-
-// Cookie control config.
+<script setup>
+import { onMounted } from "vue";
+import { useState, navigateTo } from "#app";
+const searchTerm = useState("searchTerm", () => void 0);
+const questions = useState("questions");
+const baseUrl = useState("baseUrl");
+const page = useState("page");
+const path = useState("path");
+const regex = /^https:\/\/digital-core\.cheshireeast\.gov\.uk(?!.*(?:&pagePath|&pageTitle|login)).*$/;
 const config = {
-  apiKey: 'c1a902dfad207b122cca32738e623af375e1d2ee',
-  product: 'PRO_MULTISITE',
-  mode: 'gdpr',
-  consentCookieExpiry: '365',
+  apiKey: "c1a902dfad207b122cca32738e623af375e1d2ee",
+  product: "PRO_MULTISITE",
+  mode: "gdpr",
+  consentCookieExpiry: "365",
   statement: {
-    description: 'For more information visit our',
-    name: 'Cookies page',
-    url: '/council_and_democracy/council_information/website_information/website_information.aspx',
-    updated: '08/09/2020',
+    description: "For more information visit our",
+    name: "Cookies page",
+    url: "/council_and_democracy/council_information/website_information/website_information.aspx",
+    updated: "08/09/2020"
   },
   accessibility: {
-    outline: true,
+    outline: true
   },
   optionalCookies: [
     {
-      name: 'analytics',
-      label: 'Analytics cookies',
-      description:
-        'We would like to set Google Analytics cookies. This helps us to improve our website by collecting and reporting information on its usage and is done in a way that does not directly identify anyone.',
+      name: "analytics",
+      label: "Analytics cookies",
+      description: "We would like to set Google Analytics cookies. This helps us to improve our website by collecting and reporting information on its usage and is done in a way that does not directly identify anyone.",
       cookies: [
-        '_ga',
-        '_gid',
-        '__utma',
-        '__utmt',
-        '__utmb',
-        '__utmc',
-        '__utmz',
-        '__utm.gif',
+        "_ga",
+        "_gid",
+        "__utma",
+        "__utmt",
+        "__utmb",
+        "__utmc",
+        "__utmz",
+        "__utm.gif"
       ],
-      onAccept: function () {
-        // Add Google Analytics via GTM
-        // assumes the associated event has been created within GTM
-        // and that event in turn loads analytics
+      onAccept: function() {
         dataLayer.push({
-          event: 'analytics_consent_given',
+          event: "analytics_consent_given"
         });
-        // End Google Analytics
       },
-      onRevoke: function () {},
+      onRevoke: function() {
+      }
     },
     {
-      name: 'marketing',
-      label: 'Marketing cookies',
-      description:
-        'We would like to embed Facebook feeds. In return they use marketing cookies to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.',
-      cookies: ['guest_id', 'personalization_id'],
-      onAccept: function () {
-        // Facebook feed
-        !(function (d, s, id) {
-          var js,
-            fjs = d.getElementsByTagName(s)[0];
+      name: "marketing",
+      label: "Marketing cookies",
+      description: "We would like to embed Facebook feeds. In return they use marketing cookies to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.",
+      cookies: ["guest_id", "personalization_id"],
+      onAccept: function() {
+        !function(d, s, id) {
+          var js, fjs2 = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s);
           js.id = id;
-          js.src = '//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3';
-          fjs.parentNode.insertBefore(js, fjs);
-        })(document, 'script', 'facebook-jssdk');
+          js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3";
+          fjs2.parentNode.insertBefore(js, fjs2);
+        }(document, "script", "facebook-jssdk");
       },
-      onRevoke: function () {
-        fjs('consent', 'revoke');
-      },
-    },
+      onRevoke: function() {
+        fjs("consent", "revoke");
+      }
+    }
   ],
-  position: 'LEFT',
-  theme: 'DARK',
+  position: "LEFT",
+  theme: "DARK",
   branding: {
-    fontColor: '#FFF',
-    fontSizeTitle: '1.2em',
-    fontSizeIntro: '1em',
-    fontSizeHeaders: '1em',
-    fontSize: '1em',
-    backgroundColor: '#206c49',
-    toggleText: '#fff',
-    toggleColor: '#68907e',
-    toggleBackground: '#144a31',
+    fontColor: "#FFF",
+    fontSizeTitle: "1.2em",
+    fontSizeIntro: "1em",
+    fontSizeHeaders: "1em",
+    fontSize: "1em",
+    backgroundColor: "#206c49",
+    toggleText: "#fff",
+    toggleColor: "#68907e",
+    toggleBackground: "#144a31",
     buttonIcon: null,
-    buttonIconWidth: '64px',
-    buttonIconHeight: '64px',
+    buttonIconWidth: "64px",
+    buttonIconHeight: "64px",
     removeIcon: false,
-    removeAbout: true,
-  },
+    removeAbout: true
+  }
 };
-
-// Placeholder because we need to wait for browsealoud
 let updateToggleText = () => {
-  console.log('toggle');
+  console.log("toggle");
 };
-
 const doSearch = async () => {
   if (searchTerm.value) {
     await navigateTo(
@@ -109,66 +94,55 @@ const doSearch = async () => {
     );
   }
 };
-
-// Set some things up once page has mounted.
 onMounted(() => {
   updateToggleText = () => {
-    const x = document.getElementById('baToggleText');
-    if (x.innerText === 'Listen and translate') {
-      x.innerText = 'Close listen and translate';
+    const x = document.getElementById("baToggleText");
+    if (x.innerText === "Listen and translate") {
+      x.innerText = "Close listen and translate";
     } else {
-      x.innerText = 'Listen and translate';
+      x.innerText = "Listen and translate";
     }
     BrowseAloud.panel.toggleBar();
   };
   try {
     CookieControl.load(config);
   } catch (ignore) {
-    console.log('No cookie control');
+    console.log("No cookie control");
   }
   try {
     BrowseAloud.disableBrowsealoudAnalytics();
   } catch (ignore) {
-    console.log('No reachdeck.');
+    console.log("No reachdeck.");
   }
-
-  // Make accordions spring open if there is a hash (looks for an H3)
-  let accordions = document.getElementsByClassName('access-acc-container');
+  let accordions = document.getElementsByClassName("access-acc-container");
   if (accordions.length) {
     let hash = window.location.hash;
     let found = false;
     if (hash) {
-      hash = hash.toLowerCase().replace(/^#/, '').replace(/_/g, ' ');
-      let l = Array.from(document.getElementsByTagName('LABEL')).filter((e) =>
-        e.innerText.toLowerCase().startsWith(hash)
+      hash = hash.toLowerCase().replace(/^#/, "").replace(/_/g, " ");
+      let l = Array.from(document.getElementsByTagName("LABEL")).filter(
+        (e) => e.innerText.toLowerCase().startsWith(hash)
       );
       let accs = l.filter(
-        (e) =>
-          e.parentNode.tagName === 'SECTION' ||
-          e.parentNode.tagName === 'TEMPLATE'
+        (e) => e.parentNode.tagName === "SECTION" || e.parentNode.tagName === "TEMPLATE"
       );
       if (accs.length) {
         let el = accs[0].previousElementSibling;
-        if (el.tagName === 'INPUT') {
+        if (el.tagName === "INPUT") {
           el.checked = true;
           el.scrollIntoView();
           found = true;
         }
       }
       if (!found) {
-        let h3s = Array.from(document.getElementsByTagName('H3')).filter((e) =>
-          e.innerHTML.toLowerCase().includes(hash)
+        let h3s = Array.from(document.getElementsByTagName("H3")).filter(
+          (e) => e.innerHTML.toLowerCase().includes(hash)
         );
         if (h3s.length) {
           let parent = h3s[0].parentNode;
-          if (parent.tagName === 'ARTICLE') {
+          if (parent.tagName === "ARTICLE") {
             let el = parent.previousElementSibling;
-            let input =
-              el.tagName === 'LABEL'
-                ? el.control
-                : el.tagName === 'INPUT'
-                  ? el
-                  : undefined;
+            let input = el.tagName === "LABEL" ? el.control : el.tagName === "INPUT" ? el : void 0;
             if (input) {
               input.checked = true;
               el.scrollIntoView();
@@ -178,10 +152,8 @@ onMounted(() => {
       }
     }
   }
-
-  // Canvas stuff
   const getQuInfo = (b) => {
-    let temp = b.id.split('_');
+    let temp = b.id.split("_");
     let id = temp[3];
     let q = questions.value.find((e) => e.id === id);
     if (q) {
@@ -196,7 +168,6 @@ onMounted(() => {
       }
     }
   };
-
   const setSelectBehaviour = (e) => {
     let { q, id, divId } = getQuInfo(e);
     let value = document.getElementById(id).value;
@@ -211,7 +182,6 @@ onMounted(() => {
       goto(divId, target);
     }
   };
-
   const setOnClick = (b) => {
     let { content, target, id } = getQuInfo(b);
     if (content) {
@@ -220,65 +190,55 @@ onMounted(() => {
       b.onclick = () => goto(id, target);
     }
   };
-
-  // Expand all buttons
   const expandAll = (btn) => {
-    btn.addEventListener('click', (e) => {
+    btn.addEventListener("click", (e) => {
       const op = btn.innerText;
-      btn.innerText = op === 'Expand all' ? 'Close all' : 'Expand all';
+      btn.innerText = op === "Expand all" ? "Close all" : "Expand all";
       Array.from(document.getElementsByClassName(btn.id)).forEach(
-        (e) => (e.checked = op === 'Expand all')
+        (e2) => e2.checked = op === "Expand all"
       );
     });
   };
-  Array.from(document.getElementsByClassName('expand-all')).forEach((b) => {
+  Array.from(document.getElementsByClassName("expand-all")).forEach((b) => {
     expandAll(b);
   });
-
-  // Forms title & path
-  let forms = Array.from(document.querySelectorAll('a')).filter(
-    (a) =>
-      regex.test(a.href) &&
-      a.href !== 'https://digital-core.cheshireeast.gov.uk/w/webpage/register'
+  let forms = Array.from(document.querySelectorAll("a")).filter(
+    (a) => regex.test(a.href) && a.href !== "https://digital-core.cheshireeast.gov.uk/w/webpage/register"
   );
-
   forms.forEach((link) => {
     link.href = `${link.href}&pageTitle=${encodeURIComponent(
       page.value.title
     )}&pagePath=${baseUrl.value}${encodeURIComponent(path.value)}`;
   });
-
   const setUpListeners = () => {
     let qSelects = Array.from(
-      document.getElementsByClassName('question-select')
+      document.getElementsByClassName("question-select")
     );
     qSelects.forEach((s) => {
-      s.onchange = function (e) {
+      s.onchange = function(e) {
         setSelectBehaviour(e.target);
       };
     });
-    let qBtns = Array.from(document.getElementsByClassName('question-btns'));
+    let qBtns = Array.from(document.getElementsByClassName("question-btns"));
     qBtns.forEach((b) => {
       setOnClick(b);
     });
   };
-
   const makeBreadcrumb = (id, qTop) => {
-    let display = document.getElementById(id + '_display');
+    let display2 = document.getElementById(id + "_display");
     let breadcrumb = document.getElementById(`${id}_breadcrumb`);
-    breadcrumb.innerHTML = '';
+    breadcrumb.innerHTML = "";
     qTop.stack.forEach((el, i) => {
-      let li = document.createElement('LI');
-      li.classList.add('breadcrumb-item');
+      let li = document.createElement("LI");
+      li.classList.add("breadcrumb-item");
       li.innerHTML = qTop.question[el].question;
-      if (i !== qTop.stack.length - 1 || display.innerText.length) {
-        li.classList.add('fakeLink');
+      if (i !== qTop.stack.length - 1 || display2.innerText.length) {
+        li.classList.add("fakeLink");
         li.onclick = () => goto(id, el, false);
       }
       breadcrumb.appendChild(li);
     });
   };
-
   const goto = (id, index, addToStack = true) => {
     let qTop = questions.value.find((e) => e.id === id);
     if (!index) {
@@ -288,27 +248,24 @@ onMounted(() => {
       qTop.stack.push(index);
     }
     let q = qTop.question[index];
-    document.getElementById(id + '_display').innerHTML = '';
-    document.getElementById(id + '_buttons').innerHTML = q.buttons || q.select;
+    document.getElementById(id + "_display").innerHTML = "";
+    document.getElementById(id + "_buttons").innerHTML = q.buttons || q.select;
     makeBreadcrumb(id, qTop);
     setUpListeners();
   };
-
-  const display = (id, display) => {
-    document.getElementById(id + '_display').innerHTML = display;
-    document.getElementById(id + '_buttons').innerHTML = '';
+  const display = (id, display2) => {
+    document.getElementById(id + "_display").innerHTML = display2;
+    document.getElementById(id + "_buttons").innerHTML = "";
     makeBreadcrumb(
       id,
       questions.value.find((e) => e.id === id)
     );
   };
-
   const prev = (id) => {
     let qTop = questions.value.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);
     if (qTop.stack.length) {
@@ -316,18 +273,16 @@ onMounted(() => {
       goto(id, 0);
     }
   };
-
-  let resetBtns = Array.from(document.getElementsByClassName('reset'));
+  let resetBtns = Array.from(document.getElementsByClassName("reset"));
   resetBtns.forEach((rb) => {
-    let id = rb.id.split('_')[0];
+    let id = rb.id.split("_")[0];
     if (!rb.onclick) {
       rb.onclick = () => reset(id);
     }
   });
-
-  let prevBtns = Array.from(document.getElementsByClassName('previous'));
+  let prevBtns = Array.from(document.getElementsByClassName("previous"));
   prevBtns.forEach((pb) => {
-    let id = pb.id.split('_')[0];
+    let id = pb.id.split("_")[0];
     if (!pb.onclick) {
       pb.onclick = () => prev(id);
     }

package/dist/runtime/components/cecHeader.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;