cec-nuxt-lib 0.12.10 → 0.13.1

package/dist/module.json

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

package/dist/runtime/components/cecCanvas.vue

@@ -2,6 +2,7 @@
 import { useState } from "#app";
 import { createRenderer, text } from "@contensis/canvas-html";
 const getCanvas = (data) => renderer({ data });
+const { toCamelCase } = useGrantFunded();
 const page = useState("page");
 let canvasHtml;
 const props = defineProps({
@@ -622,6 +623,11 @@ const genList = (item, id) => {
     </ul>
 ` : "";
 };
+const grantFundedTable = (props2) => {
+  const grantType = props2.block?.value.grantType;
+  const id = toCamelCase(grantType);
+  return `<div ref="${id}">Grant funded projects: ${grantType}</div>`;
+};
 const myInlineEntry = (props2) => {
   let data = props2.block?.value;
   let id = props2.block?.id;
@@ -666,6 +672,7 @@ const renderer = createRenderer({
     promotionalFullWidthImageWithSideOverlay,
     genericList,
     genericListAsAccordion,
+    grantFundedTable,
     heroUnit,
     horizontalTable,
     htmlComponent,

package/dist/runtime/components/cecHeader.vue

@@ -11,41 +11,49 @@ const doSearch = async () => {
     );
   }
 };
+const openAccAndScroll = (el) => {
+  let parent = el.parentNode;
+  while (parent.tagName && parent.tagName !== "ARTICLE") {
+    parent = parent.parentNode;
+  }
+  if (parent) {
+    let elem = parent.previousElementSibling;
+    if (elem && elem.tagName === "LABEL") {
+      let checkBox = elem.control;
+      checkBox.checked = true;
+      el.scrollIntoView();
+    }
+  }
+};
 onMounted(() => {
-  let accordions = document.getElementsByClassName("access-acc-container");
-  if (accordions.length) {
-    let hash = window.location.hash;
-    let found = false;
-    if (hash) {
+  const thisPage = window.location.href.split("#")[0];
+  const internalLinks = Array.from(document.getElementsByTagName("a")).filter(
+    (el) => el.href.startsWith(`${thisPage}#`)
+  );
+  internalLinks.forEach((el) => {
+    const target = document.getElementById(el.href.split("#")[1]);
+    if (target) {
+      el.addEventListener("click", () => openAccAndScroll(target));
+    }
+  });
+  let hash = window.location.hash;
+  if (hash.length) {
+    let accordions = Array.from(
+      document.getElementsByClassName("access-acc-container")
+    ).filter((e) => !Array.from(e.classList).includes("details"));
+    let elem = document.getElementById(hash.slice(1));
+    if (elem) {
+      openAccAndScroll(elem);
+    } else {
       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"
-      );
-      if (accs.length) {
-        let el = accs[0].previousElementSibling;
+      if (l.length && l[0].parentNode.tagName === "SECTION") {
+        let el = l[0].previousElementSibling;
         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)
-        );
-        if (h3s.length) {
-          let parent = h3s[0].parentNode;
-          if (parent.tagName === "ARTICLE") {
-            let el = parent.previousElementSibling;
-            let input = el.tagName === "LABEL" ? el.control : el.tagName === "INPUT" ? el : void 0;
-            if (input) {
-              input.checked = true;
-              el.scrollIntoView();
-            }
-          }
         }
       }
     }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.12.10",
+  "version": "0.13.1",
   "name": "cec-nuxt-lib",
   "description": "Nuxt components and assets",
   "license": "MIT",
@@ -33,6 +33,7 @@
     "link": "npm link"
   },
   "dependencies": {
+    "@contensis/canvas-html": "^1.3.0",
     "@nuxt/kit": "^3.16.2"
   },
   "devDependencies": {