npm - @pimaonline/pimaonline-themepack - Versions diffs - 3.10.13 → 4.0.0 - Mend

@pimaonline/pimaonline-themepack 3.10.13 → 4.0.0

Files changed (149) hide show

package/dist/js/scripts2.js CHANGED Viewed

@@ -1,1018 +1 @@
-const columnWidget = document.querySelector("#column-widget");
-const contentLockInstructions = document.querySelectorAll(".instructions");
-const contentUnlockBtns = document.querySelectorAll(".unlock-btn");
-const contentWrapper = document.querySelector("#content-wrapper");
-const courseBody = document.querySelector("body");
-const docHead = document.querySelector("head");
-const flipCards = document.querySelectorAll(".flip-card-group");
-const focusReaderTooltipText = "Highlight text as you scroll";
-const galleryWrappers = document.querySelectorAll(".gallery-wrapper");
-const h5pIframes = document.querySelectorAll("iframe");
-const h5pResizer = document.createElement("script");
-const h5pResizerExists = docHead.querySelector("script[src='https://pima.h5p.com/js/h5p-resizer.js']");
-// This array contains CDNs for Bootstrap and Remix icon libraries stored as objects
-const iconClasses = [
-  { class: "bi-", cdn: "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" },
-  { class: "ri-", cdn: "https://cdn.jsdelivr.net/npm/remixicon@4.0.1/fonts/remixicon.css" }
-];
-const imageGallery = document.querySelector(".image-gallery");
-const imgBoxes = document.querySelectorAll(".image-box");
-const imgGalleries = document.querySelectorAll(".image-gallery");
-const lockedContent = document.querySelectorAll(".locked-content");
-const mediaContainers = document.querySelectorAll(".media-container");
-const rolePres = document.querySelectorAll('[role="presentation"]');
-const secondColumn = document.querySelector("#second-column");
-const tables = document.querySelectorAll(".display, .display-lg")
-const tabsWidgets = document.querySelectorAll(".tabs");
-const thirdColumn = document.querySelector("#third-column");
-const vocabCloseBtns = document.querySelectorAll("dl.vocab-list button");
-const vocabDefs = document.querySelectorAll("dl.vocab-list dd");
-const vocabListWidget = document.querySelector("dl.vocab-list");
-const vocabLists = document.querySelectorAll("dl[class^='vocab-list']");
-const vocabTerms = document.querySelectorAll("dl.vocab-list dt");
-const videoWrapper = document.querySelector("#video-wrapper");
-// JS to add role and aria-label to content-wrapper, second-column, and third-column
-const addAria = () => {
-  if (contentWrapper) {
-    contentWrapper.setAttribute("role", "main");
-  } else if (!contentWrapper) {
-    console.log("Document error: does not contain #content-wrapper.");
-  }
-  if (secondColumn) {
-    secondColumn.setAttribute("role", "region");
-    secondColumn.setAttribute("aria-label", "Second column");
-  }
-  if (thirdColumn) {
-    thirdColumn.setAttribute("role", "region");
-    thirdColumn.setAttribute("aria-label", "Third column");
-  }
-};
-addAria();
-const addGrid = () => {
-  if (contentWrapper && secondColumn && thirdColumn) {
-    courseBody.id = "three-column";
-  } else if (contentWrapper && secondColumn && !columnWidget) {
-    courseBody.id = "two-column";
-  } else if (contentWrapper && secondColumn && columnWidget) {
-    courseBody.id = "two-col-widget";
-  } else if ((contentWrapper && videoWrapper)) {
-    courseBody.id = "video-grid";
-  } else if (contentWrapper && !secondColumn && !thirdColumn && !columnWidget && !videoWrapper) {
-    courseBody.id = "one-column";
-  } else if (contentWrapper && !secondColumn && (thirdColumn || columnWidget)) {
-    console.log("Document error: <body> is missing id because #second-column doesn't exist.");
-  } else {
-    console.log("Document error: unable to determine the page layout for setting <body> id.");
-  }
-  const topLevelElements = document.body.children;
-  let foundNestedElement = false;
-  // Check for additional content outside #content-wrapper, #second-column, #third-column, or footer
-  for (let i = 0; i < topLevelElements.length; i++) {
-    const element = topLevelElements[i];
-    if (
-      element.id !== "content-wrapper" &&
-      element.id !== "second-column" &&
-      element.id !== "third-column" &&
-      element.id !== "column-widget" &&
-      element.tagName !== "HEADER" &&
-      element.tagName !== "FOOTER" &&
-      element.tagName !== "SCRIPT" &&
-      element.id !== "loom-companion-mv3" &&
-      element.className !== "focus-reader-switches"
-    ) {
-      foundNestedElement = true;
-      break;
-    }
-  }
-  if (foundNestedElement) {
-    console.log("Document error: Additional content outside #content-wrapper, #second-column, #third-column, or footer.");
-  }
-};
-addGrid();
-// Media Container
-const addMediaContainersAria = () => {
-  mediaContainers.forEach((eachContainer, index) => {
-    // loopID: find the current index value, convert it to its letter equivalent, then convert to lowercase
-    let loopId = String.fromCharCode(index + 65).toLowerCase();
-    let mediaObject = eachContainer.querySelector(".media-object");
-    let iframe = eachContainer.querySelector("iframe");
-    let mediaInfo = eachContainer.querySelector(".media-info");
-    // Check if media container items are present
-    if (!iframe) {
-      console.log("Document error: no iframe found for media container");
-    }
-    if (!mediaObject) {
-      console.log("Document error: no media object found for media container");
-    }
-    // If element DOES NOT have "aria-describedby" && it DOES have a sibling element.
-    if (!iframe.hasAttribute("aria-describedby") && mediaInfo != null) {
-      iframe.setAttribute("aria-describedby", `${loopId}`);
-      mediaInfo.id = `${[loopId]}`;
-    }
-  });
-}
-if (mediaContainers) { addMediaContainersAria(); }
-// -------- Add CDNs for Bootstrap and Remix icon libraries ---------
-// The respective CDN will be added to <head> only if a page contains an icon with a prefix specific to that library. We use forEach to loop through iconClasses because that's more efficient than using multiple if statements to make sure only the necessary CDNs are added.
-iconClasses.forEach(icon => {
-  const iconElement = document.querySelector(`[class*='${icon.class}']`);
-  if (iconElement) {
-    const metaTagRef = docHead.querySelector("meta[name='viewport']");
-    //Check if viewport meta tag exists
-    if (!metaTagRef) {
-      console.log("Document error: could not find viewport meta tag");
-    }
-    const iconCDN = document.createElement("link");
-    iconCDN.setAttribute("href", icon.cdn);
-    iconCDN.setAttribute("rel", "stylesheet");
-    // Stylesheets are added after meta tag and before themepack stylesheets and scripts to ensure proper styling override
-    docHead.insertBefore(iconCDN, metaTagRef.nextSibling);
-  }
-});
-// Check if parent of .gallery-wrapper has .image-gallery class
-const checkGalleryWrapperParent = () => {
-  galleryWrappers.forEach((galleryWrapper) => {
-    if (!galleryWrapper.parentNode.classList.contains("image-gallery")) {
-      console.log(`Document error: parent of .gallery-wrapper does not have the .image-gallery class.`);
-    }
-  });
-};
-checkGalleryWrapperParent();
-// Check if parent of .image-box has .gallery-wrapper class
-const checkImageBoxParent = () => {
-  imgBoxes.forEach((imgBox) => {
-    if (!imgBox.parentNode.classList.contains("gallery-wrapper")) {
-      console.log(`Document error: parent of .image-box does not have the .gallery-wrapper class.`);
-    }
-  });
-};
-checkImageBoxParent();
-// Check if direct children of .gallery-wrapper have .image-box class
-const checkGalleryWrapperChildren = () => {
-  galleryWrappers.forEach((galleryWrapper) => {
-    let directChildren = Array.from(galleryWrapper.children).every(child => child.classList.contains("image-box"));
-    if (!directChildren) {
-      console.log(`Document error: not all direct children of .gallery-wrapper have the .image-box class.`);
-    }
-  });
-};
-checkGalleryWrapperChildren();
-// Function to add Font Awesome CDN to the head
-const addFontAwesomeCdn = () => {
-  const fontAwesomeCdn = document.createElement("link");
-  fontAwesomeCdn.rel = "stylesheet";
-  fontAwesomeCdn.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css";
-  docHead.appendChild(fontAwesomeCdn);
-};
-// Function to create modal box HTML string
-const createModalBox = () => {
-  return `<div class="modal-box invisible">
-    <div class="gallery-overlay"></div>
-    <figure class="modal-box--image"><i class="fa-solid fa-x close-img"></i> <img src="#" alt="image here" /><figcaption class="img-caption"></figcaption></figure>
-    </div>
-    <button class="hide-gallery">Hide</button>`;
-};
-// Function to initialize the image gallery
-const callImageGallery = () => {
-  // Insert modal box HTML at the beginning of each image gallery
-  imgGalleries.forEach((gallery) => {
-    gallery.insertAdjacentHTML("afterbegin", createModalBox());
-  });
-  // Select necessary elements for later use
-  const overlay = document.querySelector(".gallery-overlay"),
-        modalBox = document.querySelector(".modal-box"),
-        modalImg = document.querySelector(".modal-box--image img"),
-        modalCaption = document.querySelector(".img-caption"),
-        closeImg = document.querySelector(".close-img"),
-        hideGalleries = document.querySelectorAll(".hide-gallery");
-  // Function to show modal with specified image source and caption
-  const showModal = (imgSrc, imgCaption) => {
-    modalBox.classList.remove("invisible");
-    modalImg.src = imgSrc;
-    modalCaption.innerHTML = imgCaption;
-  };
-  // Function to hide the modal
-  const hideModal = () => {
-    modalBox.classList.add("invisible");
-  };
-  // Attach event listeners to each image box
-  imgBoxes.forEach((imgBox) => {
-    // Show modal on click
-    imgBox.addEventListener("click", function () {
-      showModal(this.querySelector("img").src, this.querySelector("img").alt);
-    });
-    // Make images tab-able and show modal on Enter key press
-    imgBox.setAttribute("tabindex", "0");
-    imgBox.addEventListener("keydown", function (event) {
-      if (event.key === "Enter") {
-        showModal(this.querySelector("img").src, this.querySelector("img").alt);
-      }
-    });
-  });
-  // Attach event listeners for overlay, Escape key, and close button to hide the modal
-  overlay.onclick = hideModal;
-  window.onkeydown = (event) => {
-    if (event.keyCode === 27) {
-      hideModal();
-    }
-  };
-  closeImg.onclick = hideModal;
-  // Attach event listeners for "Hide/Show" button to toggle gallery visibility
-  hideGalleries.forEach((hideGallery) => {
-    hideGallery.addEventListener("click", () => {
-      hideGallery.nextElementSibling.classList.toggle("invisible");
-      hideGallery.innerHTML = hideGallery.innerHTML === "Hide" ? "Show" : "Hide";
-    });
-  });
-};
-// Check if imageGallery exists before initializing the image gallery
-if (imageGallery) {
-  // Add Font Awesome CDN and initialize the image gallery
-  addFontAwesomeCdn();
-  callImageGallery();
-}
-//Tabs Widget
-const callTabsWidget = () => {
-  let tabsWidgetsNum = 0;
-  tabsWidgets.forEach((tab, index) => {
-    let tabInputs = tab.querySelectorAll("input");
-    let tabLabels = tab.querySelectorAll("label");
-    let tabDivs = tab.querySelectorAll("div");
-    //Check that there are more than just one tab
-    if (tabInputs.length < 2 || tabLabels.length < 2 || tabDivs.length < 2) {
-      console.log("Document error: please add more than just one tab for tabs widget");
-    }
-    // Check amount of tab elements present
-    if (tabInputs.length < tabLabels.length || tabInputs.length < tabDivs.length) {
-      console.log("Document error: missing tab input(s) in tab widget");
-    }
-    if (tabLabels.length < tabInputs.length || tabLabels.length < tabDivs.length) {
-      console.log("Document error: missing tab label(s) in tab widget");
-    }
-    let groupNum = index + 1;
-    //Add region and aria-label to parent div
-    tab.setAttribute("role", "region");
-    tab.setAttribute("aria-label", `tab group ${groupNum}`)
-    for (tabIndex = 0; tabIndex < tabInputs.length; tabIndex++) {
-      let tabNum = tabsWidgetsNum + 1;
-      // Check on present variables
-      if (tabInputs == null) {
-        console.log("Document error: no inputs found for tabs widget");
-      }
-      if (tabLabels == null) {
-        console.log("Document error: no labels found for tabs widget");
-      }
-      if (tabInputs == null) {
-        console.log("Document error: no divs (tab panels) found for tabs widget");
-      }
-      //Add class, id, name, and aria-described by for inputs
-      tabInputs[tabIndex].classList.add("tab-input");
-      tabInputs[tabIndex].setAttribute("type", "radio")
-      tabInputs[tabIndex].setAttribute("id", `tab${tabNum}`);
-      tabInputs[tabIndex].setAttribute("name", `hint-group-${groupNum}`);
-      tabInputs[tabIndex].setAttribute("aria-describedby", `tabHeading${tabNum}`);
-      //Add class and for for labels
-      tabLabels[tabIndex].classList.add("tab-header");
-      tabLabels[tabIndex].setAttribute("for", `tab${tabNum}`);
-      //Add class, tabindex, and id for divs
-      if (tabDivs[tabIndex]) {
-        tabDivs[tabIndex].classList.add("tab-panel");
-        tabDivs[tabIndex].setAttribute("tabindex", 0);
-        tabDivs[tabIndex].setAttribute("id", `tabHeading${tabNum}`);
-      }
-      //Add attributes for hide tab
-      if (tabIndex + 1 == tabInputs.length) {
-        tabLabels[tabIndex].classList.add("hide-tab");
-        tabInputs[tabIndex].checked = true;
-        if (tabDivs[tabIndex]) {
-          tabDivs[tabIndex].classList.add("hide-panel");
-        }
-      }
-      tabsWidgetsNum++;
-    }
-  })
-}
-if (tabsWidgets) { callTabsWidget(); }
-// Vocab list widget
-const callVocabList = () => {
-  const handleVocabClose = (vocabItem) => {
-    if (vocabItem) {
-      let listDefinitions = vocabItem.querySelectorAll("dd");
-      let listTerms = vocabItem.querySelectorAll("dt");
-      // If the button is clicked and it is the DD - then hide it
-      listDefinitions.forEach((definition) => {
-        definition.style.display = "none";
-      })
-      // If the button is clicked and it is the DT - then remove active class
-      listTerms.forEach((term) => {
-        term.classList.remove("active");
-      })
-    }
-  }
-  // Check if the vocab list has one or multiple items within
-  vocabLists.forEach((list) => {
-    //Count and ensure it has more than 1 term and definition
-    let terms = 0;
-    let definitions = 0;
-    let closeBtnPresent = false;
-    // If the list contains more than one set of <dt> and <dd> tags then add a close button
-    for (let listIndex = 0; listIndex < list.children.length; listIndex++) {
-      // Count terms
-      if (list.children[listIndex].tagName == "DT") {
-        list.children[listIndex].setAttribute("tabindex", "0");
-        terms++;
-      }
-      // Count definitions
-      if (list.children[listIndex].tagName == "DD") {
-        definitions++;
-      }
-      //Check for close all button
-      if (list.children[listIndex].tagName == "BUTTON") {
-        closeBtnPresent = true;
-      }
-    }
-    // Check for terms and definitions in the vocab list
-    if (terms < 1) {
-      console.log("Document error: no terms found in vocab list");
-    }
-    if (definitions < 1) {
-      console.log("Document error: no definitions found in vocab list");
-    }
-    if (terms > definitions) {
-      console.log("Document error: more terms than definitions in vocab list")
-    }
-    // If there are more than 2 terms and 2 definitions, then check for a button
-    if (terms >= 2 && definitions >= 2) {
-      // If there isn't a close button then add one
-      if (!closeBtnPresent) {
-        // Add a close button
-        const closeButton = document.createElement("button");
-        closeButton.textContent = "Close All"; // Set the button text as needed
-        // Add click event listener for button
-        closeButton.addEventListener("click", () => handleVocabClose(list))
-        // Add keydown event listener for button
-        closeButton.addEventListener("keydown", (event) => {
-          if (event.key == "Enter") {
-            handleVocabClose(list);
-          }
-        })
-        // Append the button to the end of the list
-        list.appendChild(closeButton);
-      }
-      // If button is present, remove it
-      else {
-        let closeBtn = list.querySelector("button");
-        // Add the same event listeners as if you were to add a new button
-        closeBtn.addEventListener("click", () => handleVocabClose(list))
-        closeBtn.addEventListener("keydown", (event) => {
-          if (event.key == "Enter") {
-            handleVocabClose(list);
-          }
-        })
-      }
-    } else {
-      // List does not have more than 2 pairs of terms and definitions
-      // Don't add a close button since there is only one term, but remove the button if it is present
-      for (let listIndex = 0; listIndex < list.children.length; listIndex++) {
-        //Check for close all button
-        if (list.children[listIndex].tagName == "BUTTON") {
-          closeBtnPresent = true;
-        }
-      }
-      if (closeBtnPresent) {
-        let closeBtn = list.querySelector("button");
-        closeBtn.style.display = "none";
-      }
-    }
-  })
-  // Loop through all the terms and apply click and keydown event
-  for (let activeTerm = 0; activeTerm < vocabTerms.length; activeTerm++) {
-    // Add click event for toggling vocab terms
-    vocabTerms[activeTerm].addEventListener("click", function () {
-      // When clicked, toggle the active class
-      this.classList.toggle("active");
-      // Target the definition <dd> element
-      let termPanel = this.nextElementSibling;
-      // Toggle the display from none to block
-      if (termPanel.style.display === "block") {
-        termPanel.style.display = "none";
-      } else {
-        termPanel.style.display = "block";
-      }
-      // Start a while loop to continue through the DOM
-      while (termPanel.nextElementSibling) {
-        // Move to the next sibling element
-        termPanel = termPanel.nextElementSibling;
-        // Check if the current element is a <dd>
-        if (termPanel.tagName === "DD") {
-          // Toggle the display from none to block
-          if (termPanel.style.display === "block") {
-            termPanel.style.display = "none";
-          } else {
-            termPanel.style.display = "block";
-          }
-        } else {
-          // Stop the loop if the current element is not a <dd>
-          break;
-        }
-      }
-    });
-    // Add keydown event for toggling vocab terms
-    vocabTerms[activeTerm].addEventListener("keydown", function (e) {
-      // When user hits enter, toggle the active class
-      if (e.key === "Enter") {
-        // When clicked, toggle the active class
-        this.classList.toggle("active");
-        // Target the definition <dd> element
-        let termPanel = this.nextElementSibling;
-        // Toggle the display from none to block
-        if (termPanel.style.display === "block") {
-          termPanel.style.display = "none";
-        } else {
-          termPanel.style.display = "block";
-        }
-        // Start a while loop to continue through the DOM
-        while (termPanel.nextElementSibling) {
-          // Move to the next sibling element
-          termPanel = termPanel.nextElementSibling;
-          // Check if the current element is a <dd>
-          if (termPanel.tagName === "DD") {
-            // Toggle the display from none to block
-            if (termPanel.style.display === "block") {
-              termPanel.style.display = "none";
-            } else {
-              termPanel.style.display = "block";
-            }
-          } else {
-            // Stop the loop if the current element is not a <dd>
-            break;
-          }
-        }
-      }
-    });
-  }
-}
-if (vocabListWidget) { callVocabList(); }
-// Clean up HTML
-const cleanMarkup = () => {
-  // Remove role="presentation" attr from any element that has it
-  if (rolePres) {
-    rolePres.forEach((roleElem) => roleElem.removeAttribute("role"));
-  }
-  // Set functino to remove atrributes from elements
-  const discardAttributes = (element, ...attributes) => {
-    attributes.forEach((attribute) => element.removeAttribute(attribute));
-  }
-  // Remove attributes from tables
-  const tableElems = document.querySelectorAll("table, thead, tbody, tr, th, td");
-  tableElems.forEach((elem) => {
-    discardAttributes(elem, "cellspacing", "cellpadding", "width", "style");
-  });
-};
-cleanMarkup();
-// Content Lock Widget
-// Save text content of unlock button
-const unlockContent = [];
-contentUnlockBtns.forEach((button) => {
-  unlockContent.push(button.textContent)
-})
-// Create an object that keeps track of keys and their statuses
-let contentLockData = JSON.parse(localStorage.getItem("contentLockData")) || {};
-if (lockedContent) {
-  // Checks the URL for the course number
-  const currentURL = window.parent.location.href;
-  const match = currentURL.match(/\/content\/(\d+)/);
-  const courseNumber = match ? match[1] : null;
-  // Add event listener for storage changes
-  window.addEventListener("storage", (event) => {
-    if (courseNumber) {
-      handleLocalStorageUpdate(event, courseNumber);
-    }
-  });
-  if (courseNumber) {
-    // Check if the course data object has the course number
-    if (!contentLockData.hasOwnProperty(courseNumber)) {
-      contentLockData[courseNumber] = {
-        keys: {},
-        id: 0,
-      };
-    } else {
-      // Reset the id count to 0 when the page is loaded
-      contentLockData[courseNumber].id = 0;
-    }
-    // Get key number for each content area
-    lockedContent.forEach((contentArea, index) => {
-      let keyNum = contentArea.getAttribute("data-key");
-      // Check if key already exists within the course, if it doesn't, add the key
-      if (!contentLockData[courseNumber].keys[keyNum]) {
-        // Add the key to the course keys
-        contentLockData[courseNumber].keys[keyNum] = false;
-      }
-    });
-    // Go through each show/hide button and add click listener
-    contentUnlockBtns.forEach((button, index) => {
-      button.tabIndex = 0;
-      button.addEventListener("click", function () {
-        let keyNum = lockedContent[index].getAttribute("data-key");
-        // Add alert to ensure the user confirms the action to unlock the content
-        let confirmed = window.confirm(`Please confirm: ${unlockContent[index]}`)
-        if (confirmed) {
-          // Toggle the key status
-          contentLockData[courseNumber].keys[keyNum] = !contentLockData[courseNumber].keys[keyNum];
-          // Toggle classes based on key status
-          if (contentLockData[courseNumber].keys[keyNum]) {
-            lockedContent[index].classList.add("open");
-            contentLockInstructions[index].classList.add("complete");
-          } else {
-            lockedContent[index].classList.remove("open");
-            contentLockInstructions[index].classList.remove("complete");
-          }
-          // Save the updated contentLockData object to local storage
-          localStorage.setItem("contentLockData", JSON.stringify(contentLockData));
-          // Update the hidden content based on the key status
-          checkHiddenContent(courseNumber);
-        }
-      });
-      button.addEventListener("keydown", function (e) {
-        if (e.key == "Enter") {
-          let keyNum = lockedContent[index].getAttribute("data-key");
-          // Add alert to ensure the user confirms the action to unlock the content
-          let confirmed = window.confirm(`Please confirm: ${unlockContent[index]}`)
-          if (confirmed) {
-            // Toggle the key status
-            contentLockData[courseNumber].keys[keyNum] = !contentLockData[courseNumber].keys[keyNum];
-            // Toggle classes based on key status
-            if (contentLockData[courseNumber].keys[keyNum]) {
-              lockedContent[index].classList.add("open");
-              contentLockInstructions[index].classList.add("complete");
-            } else {
-              lockedContent[index].classList.remove("open");
-              contentLockInstructions[index].classList.remove("complete");
-            }
-            // Save the updated contentLockData object to local storage
-            localStorage.setItem("contentLockData", JSON.stringify(contentLockData));
-            // Update the hidden content based on the key status
-            checkHiddenContent(courseNumber);
-          }
-        }
-      });
-      // Apply initial classes based on key status
-      let keyNum = lockedContent[index].getAttribute("data-key");
-      // Make sure contentLockData[courseNumber] is initialized
-      if (!contentLockData[courseNumber]) {
-        contentLockData[courseNumber] = {
-          keys: {},
-          id: 0
-        };
-      }
-      if (contentLockData[courseNumber].keys[keyNum]) {
-        lockedContent[index].classList.add("open");
-        contentLockInstructions[index].classList.add("complete");
-      }
-    });
-    // Call the checkHiddenContent function initially
-    checkHiddenContent(courseNumber);
-    // Save the updated contentLockData object to local storage
-    localStorage.setItem("contentLockData", JSON.stringify(contentLockData));
-  }
-}
-// Function to run when local storage is updated
-function handleLocalStorageUpdate(event, courseNumber) {
-  if (event && event.key === "contentLockData" && event.newValue) {
-    // Update contentLockData variable
-    contentLockData = JSON.parse(event.newValue);
-    // Run your code here
-    checkHiddenContent(courseNumber);
-  }
-}
-// Check content areas function
-function checkHiddenContent(courseNumber) {
-  // Get key number for each content area
-  lockedContent.forEach((contentArea, index) => {
-    let keyNum = contentArea.getAttribute("data-key");
-    // Toggle classes based on key status
-    if (contentLockData[courseNumber].keys[keyNum]) {
-      lockedContent[index].classList.add("open");
-      contentLockInstructions[index].classList.add("complete");
-    } else {
-      lockedContent[index].classList.remove("open");
-      contentLockInstructions[index].classList.remove("complete");
-    }
-  });
-}
-// Flip Card Widget
-function callFlipCardWidget() {
-  // Loop through each card
-  flipCards.forEach((flipCardGroup) => {
-    let flipCard = flipCardGroup.querySelectorAll(".flip-card");
-    let innerFlipCard = flipCardGroup.querySelectorAll(".inner-card");
-    let numOfCardsInGroup = flipCardGroup.children.length;
-    // Check to ensure each card has the .flip-card class
-    if (numOfCardsInGroup !== flipCard.length) {
-      console.log("Document error: missing .flip-card class for flip card widget");
-    }
-    // Check to ensure each card has the .inner-card class
-    if (numOfCardsInGroup !== innerFlipCard.length) {
-      console.log("Document error: missing .inner-card class for flip card widget");
-    }
-    flipCard.forEach((card) => {
-      let innerFlipCard = card.querySelectorAll(".inner-card");
-      innerFlipCard.forEach((innerCard) => {
-        innerCard.setAttribute("tabindex", 0); // Add tab index to allow flip cards to be tabbable
-        innerCard.addEventListener("click", () => {
-          innerCard.offsetHeight; // Force reflow by accessing the offsetHeight property
-          innerCard.classList.toggle("flip");
-        })
-        // Add a keydownevent event to each card
-        innerCard.addEventListener("keydown", (event) => {
-          if (event.key === "Enter") {
-            // Force reflow by accessing the offsetHeight property
-            innerCard.offsetHeight;
-            innerCard.classList.toggle("flip");
-          }
-        })
-      })
-    })
-  })
-}
-// If flip cards are present in the file, run this code
-if (flipCards) { callFlipCardWidget() }
-if (document.querySelector("body[focus-reader]")) {
-  // Initializations
-  let focusOn = false;
-  const fr_contentWrapper = document.querySelector("#content-wrapper");
-  const fr_thisBody = document.querySelector("body[focus-reader]");
-  // Add fontAwesome to header
-  const fr_pageHead = document.querySelector("head");
-  const fontAweLink = document.createElement("link");
-  fontAweLink.rel = "stylesheet";
-  fontAweLink.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css";
-  fr_pageHead.append(fontAweLink);
-  // add intersection observer to head tag
-  const observerScript = document.createElement("script");
-  observerScript.setAttribute("src", "https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver");
-  fr_pageHead.append(observerScript);
-  // Create Switches container
-  const fr_switchesContainer = document.createElement("div");
-  fr_switchesContainer.className = "focus-reader-switches";
-  fr_thisBody.append(fr_switchesContainer);
-  // Focus-text container
-  const fr_focusTextContainer = document.createElement("div");
-  fr_switchesContainer.append(fr_focusTextContainer);
-  // Focus-text Icon
-  const fr_focusTextIcon = document.createElement("p");
-  fr_focusTextIcon.innerHTML = "Focus Text"
-  fr_focusTextContainer.append(fr_focusTextIcon);
-  // info icon
-  const fr_infoIcon = document.createElement("i");
-  fr_infoIcon.classList.add("fa-solid");
-  fr_infoIcon.classList.add("fa-circle-info");
-  fr_focusTextContainer.append(fr_infoIcon);
-  // info tooltip
-  const fr_infoTooltip = document.createElement("span");
-  const focusReaderTooltipText = "Highlight text as you scroll";
-  fr_infoTooltip.classList.add("info-tooltip");
-  fr_infoTooltip.innerHTML = focusReaderTooltipText;
-  fr_infoIcon.append(fr_infoTooltip);
-  // Focus-text switch button
-  const fr_focusTextSwitch = document.createElement("button");
-  fr_focusTextSwitch.id = "focus-text";
-  fr_focusTextSwitch.innerHTML = (focusOn) ? `<i class="fas fa-toggle-on"></i>` : `<i class="fas fa-toggle-off"></i>`;
-  fr_focusTextContainer.append(fr_focusTextSwitch);
-  // Focus-text logic
-  fr_focusTextSwitch.addEventListener("click", () => {
-    if (focusOn) {
-      focusOn = !focusOn;
-      fr_contentWrapper.removeAttribute("on");
-      fr_focusTextSwitch.innerHTML = (focusOn) ? `<i class="fas fa-toggle-on"></i>` : `<i class="fas fa-toggle-off"></i>`;
-      removeSpans(fr_contentWrapper);
-    } else {
-      focusOn = !focusOn;
-      fr_contentWrapper.setAttribute("on", "");
-      fr_focusTextSwitch.innerHTML = (focusOn) ? `<i class="fas fa-toggle-on"></i>` : `<i class="fas fa-toggle-off"></i>`;
-      const elements = document.querySelectorAll("#content-wrapper .content-body :is(p, li, dd, dt, blockquote)");
-      elements.forEach(element => {
-        traverseAndWrapTextInSpans(element, focusText);
-      });
-    }
-  });
-  const options = {
-    root: null,
-    rootMargin: '-48.9% 0px',
-    threshold: 0.00
-  };
-  const focusText = new IntersectionObserver(entries => {
-    entries.forEach(entry => {
-      if (entry.isIntersecting) {
-        entry.target.closest("span").classList.add("focus-text");
-      } else {
-        entry.target.closest("span").classList.remove("focus-text");
-      }
-    });
-  }, options);
-}
-function traverseAndWrapTextInSpans(node, focusText) {
-  if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '') {
-    // Split the text into words
-    const words = node.textContent.split(' ');
-    // Wrap each word in a span
-    words.forEach(word => {
-      if (word !== '') {
-        const span = document.createElement("span");
-        span.textContent = word + ' ';  // Add a space after the word to preserve spacing
-        // Observe the span
-        focusText.observe(span);
-        // Insert the span before the text node
-        node.parentNode.insertBefore(span, node);
-      }
-    });
-    // Remove the original text node
-    node.parentNode.removeChild(node);
-  } else if (node.nodeType === Node.ELEMENT_NODE) {
-    // Recursively process child nodes
-    Array.from(node.childNodes).forEach(childNode => {
-      traverseAndWrapTextInSpans(childNode, focusText);
-    });
-  }
-}
-function removeSpans(node) {
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    // If the node is a span with the class 'focus-text', an empty class attribute, is empty, or has no attributes, replace it with a text node
-    if (node.tagName === 'SPAN' && (node.className === 'focus-text' || node.className === '' || node.textContent.trim() === '' || node.attributes.length === 0)) {
-      const textNode = document.createTextNode(node.textContent);
-      node.parentNode.insertBefore(textNode, node);
-      node.parentNode.removeChild(node);
-    } else {
-      // Recursively process child nodes
-      Array.from(node.childNodes).forEach(childNode => {
-        removeSpans(childNode);
-      });
-    }
-  }
-}
-// Change footnotes from 'show' to 'hide'
-const footnotes = document.querySelector(".toggle-footnotes");
-if (footnotes) {
-  footnotes.addEventListener("click", () => {
-    footnotes.innerHTML = (footnotes.innerHTML === "[Show Footnotes]") ? "[Hide Footnotes]" : "[Show Footnotes]";
-  })
-}
-// Add h5p resizer dynamically
-h5pResizer.setAttribute("src", "https://pima.h5p.com/js/h5p-resizer.js");
-h5pResizer.setAttribute("charset", "UTF-8");
-h5pResizer.setAttribute("defer", "");
-// If any iframes are detected run this function
-function checkIframes() {
-  h5pIframes.forEach(function (h5pIframe) {
-    const src = h5pIframe.getAttribute("src");
-    if (src.includes("/d2l/common/dialogs/quickLink") || src.includes("https://pima.h5p.com/content") || src.includes("h5p") && !h5pResizerExists) {
-      docHead.appendChild(h5pResizer);
-    }
-  });
-}
-// Call function if iframes exist
-if (h5pIframes) { checkIframes() }
-// Helper JS for Responsive Tables
-const initResponsiveTables = () => {
-  for (let table = 0; table < tables.length; table++) {
-    let headertext = [],
-      headers = tables[table].querySelectorAll(".display table th, table.display th, .display-lg table th, table.display-lg th"),
-      tablebody = tables[table].querySelector(".display table tbody, table.display tbody, .display-lg table tbody, table.display-lg tbody");
-    for (let header = 0; header < headers.length; header++) {
-      let current = headers[header];
-      headertext.push(current.textContent.replace(/\r?\n|\r/, ""));
-    }
-    for (let y = 0, row; row = tablebody.rows[y]; y++) {
-      for (let j = 0, col; col = row.cells[j]; j++) {
-        col.setAttribute("data-th", headertext[j]);
-      }
-    }
-  }
-}
-if (tables) {
-  initResponsiveTables();
-}
-// Call function with jQuery scripts
-const callJquery = () => {
-  // Toggle Button's Arrow Right Points Down on Click
-  $('.arrow-right').on('click', function () {
-    $(this).toggleClass('arrow-down');
-  });
-  // TOOLTIP
-  //  Allows Screen readers to toggle a tooltip on click and to say if the tooltip is collapsed or expanded.
-  $(".tooltip").click(function () {
-    $(this).children(".tip-hover").toggle();
-    if ($(this).children(".tip-hover").is(':visible')) {
-      $(this).attr('aria-expanded', 'true');
-      $(this).removeClass('hidden');
-    } else {
-      $(this).attr('aria-expanded', 'false');
-      $(this).addClass('hidden');
-    }
-  });
-  let start = 999;
-  $('.tooltip').each(function (i) {
-    $(this).css('z-index', start--);
-  });
-  $(".tooltip .video-container").parent().css("width", "450px");
-}
-callJquery();
-// This is called by anchor links via onlick="" in the HTML
-//  Added because default anchor links don't work on all browsers using D2L
-const jumpTo = (anchor) => {
-  document.getElementById(anchor).scrollIntoView();
-}
-// Array for all themes that require theme specific js
-const customJsThemes = ["ecn", "hrs", "ss"];
-//Search links for theme styles
-const themeJsCheck = () => {
-  const links = document.querySelectorAll("link");
-  links.forEach((link) => {
-    const href = link.getAttribute("href");
-    customJsThemes.forEach((theme) => {
-      // If theme requires custom js, run addThemeScript()
-      if (href && href.includes(`/${theme}/styles.css`)) {
-        addThemeScript(theme);
-      }
-    });
-  });
-  // Adds a script to the head for that particular theme
-  function addThemeScript(theme) {
-    let themeScript = document.createElement("script");
-    // URL references theme-specific js module from CDN
-    themeScript.src = `https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/js/themes/${theme}.js`;
-    document.head.appendChild(themeScript);
-  }
-}
-themeJsCheck()
-// Toggle footnotes
-const toggleBtns = document.querySelectorAll(".toggle-btn, .toggle-footnotes");
-if (toggleBtns) {
-  if (document.querySelector(".toggle-btn") || document.querySelector(".toggle-footnotes")) {
-    for (let toggleBtn = 0; toggleBtn < toggleBtns.length; toggleBtn++) {
-      // Add tabindex
-      toggleBtns[toggleBtn].setAttribute("tabindex", "0");
-      // Show/hide on click
-      toggleBtns[toggleBtn].addEventListener("click", () => {
-        if (toggleBtns[toggleBtn].nextElementSibling) {
-          toggleBtns[toggleBtn].nextElementSibling.classList.toggle("show");
-        }
-      })
-      // Show/hide on enter for users who use tab
-      toggleBtns[toggleBtn].addEventListener("keydown", (enter) => {
-        if (enter.keyCode === 13) {
-          if (toggleBtns[toggleBtn].nextElementSibling) {
-            toggleBtns[toggleBtn].nextElementSibling.classList.toggle("show");
-          }
-        }
-      })
-    }
-  }
-}
+(()=>{"use strict";var e={152:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.discardAttributes=void 0,t.discardAttributes=(e,...t)=>{t.forEach((t=>e.removeAttribute(t)))}},80:(e,t,o)=>{o(271),o(381),o(34),o(645),o(71),o(0),o(161),o(609),o(795),o(308),o(721),o(121),o(81),o(786),o(407),o(952),o(174),o(433),o(709),o(393)},271:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=o(79),r=[{class:"bi-",cdn:new URL("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css")},{class:"ri-",cdn:new URL("https://cdn.jsdelivr.net/npm/remixicon@4.0.1/fonts/remixicon.css")}];document.querySelectorAll(r.map((e=>`[class*='${e.class}']`)).join(", ")).length>0&&r.forEach((e=>{var t;if(document.querySelector(`[class*='${e.class}']`)){const o=null!==(t=null===n.docHead||void 0===n.docHead?void 0:n.docHead.querySelector("meta[name='viewport']"))&&void 0!==t?t:null;o||console.warn("Document error: could not find viewport meta tag");const r=document.createElement("link");r.setAttribute("href",e.cdn.toString()),r.setAttribute("rel","stylesheet"),o&&(null===n.docHead||void 0===n.docHead||n.docHead.insertBefore(r,o.nextSibling))}}))},381:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=o(79);n.contentWrapper?n.contentWrapper.setAttribute("role","main"):n.contentWrapper||console.log("Document error: does not contain #content-wrapper."),n.secondColumn&&(n.secondColumn.setAttribute("role","region"),n.secondColumn.setAttribute("aria-label","Second column")),n.thirdColumn&&(n.thirdColumn.setAttribute("role","region"),n.thirdColumn.setAttribute("aria-label","Third column"))},34:()=>{const e=document.querySelectorAll(".arrow-right");e.length>0&&e.forEach((e=>{(e=>{e.addEventListener("click",(t=>{e.classList.toggle("arrow-down")})),e.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||e.classList.toggle("arrow-down")}))})(e)}))},645:()=>{const e=document.querySelectorAll("dl.vocab-list dt"),t=(document.querySelectorAll("dl.vocab-list dd"),document.querySelectorAll("dl.vocab-list")),o=(document.querySelectorAll("dl.vocab-list button"),e=>{e.classList.toggle("active");let t=e.nextElementSibling instanceof HTMLElement?e.nextElementSibling:null;for(t&&"block"===t.style.display?t.style.display="none":t&&(t.style.display="block");t&&t.nextElementSibling;){const e=t.nextElementSibling;if(e instanceof HTMLElement){if(t=e,!t||"DD"!==t.tagName)break;"block"===t.style.display?t.style.display="none":t.style.display="block"}}}),n=e=>{if(e){let t=e.querySelectorAll("dd"),o=e.querySelectorAll("dt");t.forEach((e=>{e.style.display="none"})),o.forEach((e=>{e.classList.remove("active")}))}};t.length>0&&(()=>{t.forEach((e=>{let t=0,o=0,r=!1;for(let n=0;n<e.children.length;n++)"DT"==e.children[n].tagName&&(e.children[n].setAttribute("tabindex","0"),t++),"DD"==e.children[n].tagName&&o++,"BUTTON"==e.children[n].tagName&&(r=!0);if(t<1&&console.warn("Document error: no terms found in vocab list"),o<1&&console.warn("Document error: no definitions found in vocab list"),t>o&&console.warn("Document error: more terms than definitions in vocab list"),t>=2&&o>=2)if(r){let t=e.querySelector("button");null==t||t.addEventListener("click",(()=>n(e)))}else{const t=document.createElement("button");t.textContent="Close All",t.addEventListener("click",(()=>n(e))),e.appendChild(t)}else{for(let t=0;t<e.children.length;t++)"BUTTON"==e.children[t].tagName&&(r=!0);if(r){let t=e.querySelector("button");t&&(t.style.display="none")}}}));for(let t=0;t<e.length;t++)e[t].addEventListener("click",(n=>{o(e[t])})),e[t].addEventListener("keydown",(n=>{"Enter"===n.key&&o(e[t])}))})()},71:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.cleanMarkup=void 0;const n=o(79),r=o(152);t.cleanMarkup=()=>{n.rolePres&&n.rolePres.forEach((e=>e.removeAttribute("role"))),document.querySelectorAll(l.join(",")).forEach((e=>{(0,r.discardAttributes)(e,...c)})),n.jqueryScript&&n.jqueryScript.remove()};const l=["table","thead","tbody","tr","th","td"],c=["cellspacing","cellpadding","width","style"];var i;(n.rolePres&&n.rolePres.length>0||(i=c,l.some((e=>i.some((t=>null!==document.querySelector(`${e}[${t}]`))))))||n.jqueryScript)&&(0,t.cleanMarkup)()},0:()=>{const e=document.querySelectorAll(".content-lock-widget"),t=document.querySelectorAll(".locked-content"),o=document.querySelectorAll(".instructions"),n=[],r=e=>{const r=(e,n,r)=>{u[n].keys[e]=!0,u[n].keys[e]?(t[r].classList.add("open"),o[r].classList.add("complete")):(t[r].classList.remove("open"),o[r].classList.remove("complete")),localStorage.setItem("contentLockData",JSON.stringify(u)),c(n)},l=(e,t)=>{let o=e.querySelector(".error-container"),n=document.createElement("span");o&&(o.innerHTML="",o.appendChild(n)),n.textContent="",setTimeout((function(){n.textContent=t,o&&o.appendChild(n)}),200)},c=e=>{t.forEach(((n,r)=>{let l=n.getAttribute("data-key");if(l){let n=parseInt(l,10);u[e].keys[n]?(t[r].classList.add("open"),o[r].classList.add("complete")):(t[r].classList.remove("open"),o[r].classList.remove("complete"))}}))},i=window.parent.location.href.match(/\/content\/(\d+)/),s=i?i[1]:null,a=["a","b","c","d","e","f","g","h","i"],d=localStorage.getItem("contentLockData");let u=d?JSON.parse(d):{};if(s){const i=parseInt(s,10);window.addEventListener("storage",(e=>{s&&((e,t)=>{e&&"contentLockData"===e.key&&e.newValue&&(u=JSON.parse(e.newValue),c(t))})(e,i)}));let d=1;e.forEach(((e,o)=>{let n=e.querySelector(".quiz form");if(t){if(n){let t=e.querySelector(".locked-content"),r=e.querySelector(".quiz .correct-answer");if(r&&(t||console.warn(`Document error: missing the locked-content class for widget number ${o+1} on this page`),r||console.warn(`Document error: missing correct-answer for content lock quiz for widget number ${o+1} on this page`),n.id=`quiz${d}`,!e.querySelector(".error-container"))){let t=document.createElement("div");t.classList.add("error-container");let n=e.querySelector("input[value='Submit']");n?n.insertAdjacentHTML("beforebegin",t.outerHTML):console.warn(`Document error: quiz is missing an input with value 'Submit' for widget number ${o+1} on this page.`)}}d++}else e.querySelector(".unlock-btn")||console.warn(`Document error: locked content area (that is not using a quiz) is missing <a> with .unlock-btn  for widget number ${o+1} on this page.`)})),new Promise(((e,t)=>{let o=document.querySelectorAll(".quiz form");o&&o.forEach((e=>{e.querySelectorAll("input").forEach(((e,t)=>{e.getAttribute("value")?"Submit"==e.getAttribute("value")&&(e.setAttribute("type","button"),e.classList.add("unlock-btn")):(e.setAttribute("value",a[t]),e.setAttribute("name","options"),e.setAttribute("type","radio"))}))})),e()})).then((()=>{(()=>{const e=new Map;t.forEach((t=>{const o=t.getAttribute("data-key");if(o)if(e.has(o)){const t=e.get(o)||0;e.set(o,t+1)}else e.set(o,1)}));let o=!1;e.forEach(((e,t)=>{e>1&&(console.warn(`Document error: multiple quizzes found with the same data key (${t})`),o=!0)}))})();const e=document.querySelectorAll(".unlock-btn");u.hasOwnProperty(s)||(u[i]={keys:{}}),t.forEach(((e,t)=>{let o=e.getAttribute("data-key");if(o){let n=parseInt(o,10),r=e.parentElement;r?r.classList.contains("content-lock-widget")||console.warn(`Document error: content lock widget wrapper is missing .content-lock-widget class for widget number ${t+1} on this page`):console.warn(`Document error: content lock widget is missing parent container for widget number ${t+1} on this page`);let l=e.nextElementSibling;if(l)if(l.classList.contains("instructions")&&"DIV"===l.tagName){if(!l.querySelector(".unlock-btn")){let e=l.nextElementSibling;e?e.classList.contains("quiz")||console.warn(`Document error: missing .quiz class after locked-content ${t+1} on this page`):console.warn(`Document error: missing .unlock-btn class inside instructions ${t+1} on this page`)}}else console.warn(`Document error: instructions <div> is missing .instructions class for widget number ${t+1} on this page`);else console.warn(`Document error: locked content area is missing <div> with instructions for widget number ${t+1} on this page`);u[i].keys[n]||(u[i].keys[n]=!1)}else o||console.warn(`Document error: missing data-key for locked content for widget number ${t+1} on this page`)})),e.forEach(((e,c)=>{let s=t[c].getAttribute("data-key");if(s){let a=parseInt(s,10);null!==e.textContent&&n.push(e.textContent),e.setAttribute("tabIndex","0"),e.addEventListener("click",(()=>((e,t,o,n,c)=>{let i=!1,s=!1;"INPUT"===t.tagName&&(i=!0),i?(s=(e=>{let t=document.getElementById(`quiz${e}`);if(t){let e=t.querySelector("input[name='options']:checked"),o=t.querySelector("input.correct-answer"),n="";return e?o?e.value===o.value?(alert("Correct response"),!0):(n="Incorrect response. Please try again.",l(t,n),!1):(console.warn("Document error: no .correct-answer class applied"),!1):(n="Please select an option before submitting.",l(t,n),!1)}return console.warn("Document error: quiz id for content lock quiz, not being applied"),!1})(e),s&&r(e,c,o)):(s=window.confirm(`Please confirm: ${n[o]}`),s&&r(e,c,o))})(a,e,c,n,i))),u[i]||(u[i]={keys:{},id:0}),u[i].keys[a]&&(t[c].classList.add("open"),o[c].classList.add("complete"))}})),c(i),localStorage.setItem("contentLockData",JSON.stringify(u))})).catch((e=>{console.warn("Document error: error occurred during applyAttributesToQuiz:",e)}))}else console.warn("Document error: No course number found")};document.addEventListener("DOMContentLoaded",(()=>{e.length>0&&r(e)}))},161:()=>{const e=document.querySelectorAll(".flip-card-widget, .flip-card-group");e.length>0&&e.forEach((e=>{let t=e.querySelectorAll(".flip-card"),o=e.querySelectorAll(".inner-card"),n=e.children.length;n!==t.length&&console.warn("Document error: missing .flip-card class for flip card widget"),n!==o.length&&console.warn("Document error: missing .inner-card class for flip card widget"),t.forEach((e=>{e.querySelectorAll(".inner-card").forEach((e=>{e.setAttribute("tabindex","0"),e.addEventListener("click",(()=>{e.offsetHeight,e.classList.toggle("flip")})),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(e.offsetHeight,e.classList.toggle("flip"))}))}))}))}))},609:()=>{if(document.querySelector("body[focus-reader]")){let o=!1;const n=document.querySelector("#content-wrapper"),r=document.querySelector("body[focus-reader]"),l=document.querySelector("head"),c=document.createElement("link");c.rel="stylesheet",c.href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css",l&&l.append(c);const i=document.createElement("script");i.src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver",l&&l.append(i);const s=document.createElement("div");s.className="focus-reader-switches",r&&r.append(s);const a=document.createElement("div");s.append(a);const d=document.createElement("p");d.innerHTML="Focus Text",a.append(d);const u=document.createElement("i");u.classList.add("fa-solid"),u.classList.add("fa-circle-info"),a.append(u);const m=document.createElement("span");m.classList.add("info-tooltip"),m.innerHTML="Highlight text as you scroll",u.append(m);const p=document.createElement("button");p.id="focus-text",p.innerHTML=o?'<i class="fas fa-toggle-on"></i>':'<i class="fas fa-toggle-off"></i>',a.append(p),p.addEventListener("click",(()=>{o?(o=!o,n&&(n.removeAttribute("on"),p.innerHTML=o?'<i class="fas fa-toggle-on"></i>':'<i class="fas fa-toggle-off"></i>',t(n))):(o=!o,n&&(n.setAttribute("on",""),p.innerHTML=o?'<i class="fas fa-toggle-on"></i>':'<i class="fas fa-toggle-off"></i>',document.querySelectorAll("#content-wrapper .content-body :is(p, li, dd, dt, blockquote)").forEach((t=>{e({node:t,focusText:g})}))))}));const g=new IntersectionObserver((e=>{e.forEach((e=>{var t,o;e.isIntersecting?null===(t=e.target.closest("span"))||void 0===t||t.classList.add("focus-text"):null===(o=e.target.closest("span"))||void 0===o||o.classList.remove("focus-text")}))}),{root:null,rootMargin:"-48.9% 0px",threshold:0})}function e({node:t,focusText:o}){var n,r;t.nodeType===Node.TEXT_NODE&&""!==(null===(n=t.textContent)||void 0===n?void 0:n.trim())?(t.textContent.split(" ").forEach((e=>{var n;if(""!==e){const r=document.createElement("span");r.textContent=e+" ",o.observe(r),null===(n=t.parentNode)||void 0===n||n.insertBefore(r,t)}})),null===(r=t.parentNode)||void 0===r||r.removeChild(t)):t.nodeType===Node.ELEMENT_NODE&&Array.from(t.childNodes).forEach((t=>{e({node:t,focusText:o})}))}function t(e){var o,n,r;if(e.nodeType===Node.ELEMENT_NODE){const l=e;if(l instanceof HTMLElement&&"SPAN"===l.tagName&&("focus-text"===l.className||""===l.className||!(null===(o=l.textContent)||void 0===o?void 0:o.trim())||0===l.attributes.length)){const e=document.createTextNode(l.textContent||"");null===(n=l.parentNode)||void 0===n||n.insertBefore(e,l),null===(r=l.parentNode)||void 0===r||r.removeChild(l)}else Array.from(l.childNodes).forEach((e=>{t(e)}))}}},795:()=>{const e=document.querySelector(".toggle-footnotes");e&&(e=>{var t;const o=document.createElement("button");o.classList.add("toggle-footnotes"),o.textContent="[Show Footnotes]",null===(t=e.parentNode)||void 0===t||t.replaceChild(o,e),o.addEventListener("click",(()=>{o.textContent="[Show Footnotes]"===o.textContent?"[Hide Footnotes]":"[Show Footnotes]";const e=o.nextElementSibling;e&&e.classList.toggle("show")}))})(e)},308:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=o(79);(()=>{if(null!==n.courseBody){n.contentWrapper&&n.secondColumn&&n.thirdColumn?n.courseBody.id="three-column":n.contentWrapper&&n.secondColumn&&!n.columnWidget?n.courseBody.id="two-column":n.contentWrapper&&n.secondColumn&&n.columnWidget?n.courseBody.id="two-col-widget":n.contentWrapper&&n.videoWrapper?n.courseBody.id="video-grid":!n.contentWrapper||n.secondColumn||n.thirdColumn||n.columnWidget||n.videoWrapper?n.contentWrapper&&!n.secondColumn&&(n.thirdColumn||n.columnWidget)?console.log("Document error: <body> is missing id because #second-column doesn't exist."):console.log("Document error: unable to determine the page layout for setting <body> id."):n.courseBody.id="one-column";const e=document.body.children;let t=!1;for(let o=0;o<e.length;o++){const n=e[o];if("content-wrapper"!==n.id&&"second-column"!==n.id&&"third-column"!==n.id&&"column-widget"!==n.id&&"HEADER"!==n.tagName&&"FOOTER"!==n.tagName&&"SCRIPT"!==n.tagName&&"loom-companion-mv3"!==n.id&&"focus-reader-switches"!==n.className){t=!0;break}}t&&console.log("Document error: Additional content outside #content-wrapper, #second-column, #third-column, or footer.")}else console.log("Document error: no <body> element found.")})()},721:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=o(79),r=document.createElement("script");r.setAttribute("src","https://pima.h5p.com/js/h5p-resizer.js"),r.setAttribute("charset","UTF-8"),r.setAttribute("defer","");const l=document.querySelectorAll("iframe"),c=null===n.docHead||void 0===n.docHead?void 0:n.docHead.querySelector("script[src='https://pima.h5p.com/js/h5p-resizer.js']");l.length>0&&l.forEach((e=>{const t=e.getAttribute("src");t&&(t.includes("/d2l/common/dialogs/quickLink")||t.includes("https://pima.h5p.com/content")||t.includes("h5p"))&&!c&&n.docHead&&n.docHead.appendChild(r)}))},121:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=o(79),r=document.querySelectorAll(".gallery-wrapper"),l=document.querySelectorAll(".image-box"),c=document.querySelectorAll(".image-gallery");r.length>0&&r.forEach((e=>{const t=e.parentNode;t instanceof Element&&t.classList.contains("image-gallery")||console.warn("Document error: parent of .gallery-wrapper does not have the .image-gallery class.")})),l.length>0&&l.forEach((e=>{const t=e.parentNode;t instanceof Element&&t.classList.contains("gallery-wrapper")||console.log("Document error: parent of .image-box does not have the .gallery-wrapper class.")})),r.length>0&&r.forEach((e=>{Array.from(e.children).every((e=>e instanceof HTMLElement&&e.classList.contains("image-box")))||console.warn("Document error: not all direct children of .gallery-wrapper have the .image-box class.")}));c.length>0&&((()=>{const e=document.createElement("link");e.rel="stylesheet",e.href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css",null===n.docHead||void 0===n.docHead||n.docHead.appendChild(e)})(),(()=>{c.forEach((e=>{e.insertAdjacentHTML("afterbegin",'<div class="modal-box invisible">\n    <div class="gallery-overlay"></div>\n    <figure class="modal-box--image"><i class="fa-solid fa-x close-img"></i> <img src="#" alt="image here" /><figcaption class="img-caption"></figcaption></figure>\n    </div>\n    <button class="hide-gallery">Hide</button>')}));const e=document.querySelector(".gallery-overlay"),t=document.querySelector(".modal-box"),o=document.querySelector(".modal-box--image img"),n=document.querySelector(".img-caption"),r=document.querySelector(".close-img"),i=document.querySelectorAll(".hide-gallery"),s=e=>{null==t||t.classList.remove("invisible"),o&&(o.src=e.imgSrc),n&&(n.innerHTML=e.imgCaption)},a=()=>{null==t||t.classList.add("invisible")};l.forEach((e=>{e.addEventListener("click",(function(){var e,t;s({imgSrc:(null===(e=this.querySelector("img"))||void 0===e?void 0:e.src)||"",imgCaption:(null===(t=this.querySelector("img"))||void 0===t?void 0:t.alt)||""})})),e.setAttribute("tabindex","0"),e.addEventListener("keydown",(function(e){var t,o;"Enter"===e.key&&s({imgSrc:(null===(t=this.querySelector("img"))||void 0===t?void 0:t.src)||"",imgCaption:(null===(o=this.querySelector("img"))||void 0===o?void 0:o.alt)||""})}))})),e&&(e.onclick=a),window.onkeydown=e=>{"Escape"===e.key&&a()},r&&(r.onclick=a),i.forEach((e=>{e.addEventListener("click",(()=>{var t;null===(t=e.nextElementSibling)||void 0===t||t.classList.toggle("invisible"),e.innerHTML="Hide"===e.innerHTML?"Show":"Hide"}))}))})())},81:()=>{document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll("a[href^='#']").forEach((e=>{var t;const o=null===(t=e.getAttribute("href"))||void 0===t?void 0:t.substring(1);o&&e.setAttribute("onclick",`jumpTo("${o}")`)}))}))},786:()=>{const e=document.querySelectorAll(".media-container");e.length>0&&e.forEach(((e,t)=>{let o=String.fromCharCode(t+65).toLowerCase(),n=e.querySelector(".media-object"),r=e.querySelector("iframe"),l=e.querySelector(".media-info");r||console.warn("Document error: no iframe found for media container"),n||console.warn("Document error: no media object found for media container"),r&&!r.hasAttribute("aria-describedby")&&l&&(r.setAttribute("aria-describedby",`${o}`),l.id=`${[o]}`)}))},407:()=>{const e=document.querySelectorAll(".display, .display-lg");e.length>0&&[...e].forEach((e=>{const t=e.querySelectorAll(".display table th, table.display th, .display-lg table th, table.display-lg th"),o=e.querySelector(".display table tbody, table.display tbody, .display-lg table tbody, table.display-lg tbody");if(t.length>0){const e=[...t].map((e=>{var t;return(null===(t=e.textContent)||void 0===t?void 0:t.replace(/\r?\n|\r/,""))||""}));o?[...o.rows].forEach((t=>{[...t.cells].forEach(((t,o)=>{t.setAttribute("data-th",e[o])}))})):console.warn("Document error: no table <tbody> found")}else console.warn("Document error: no table headers <th> found")}))},393:()=>{const e=document.querySelectorAll(".slider-widget");e.length>0&&(()=>{[...e].forEach((e=>{[...e.children].every((e=>e.classList.contains("slider-item")))||console.warn("Document error: not all direct children of .slider have the .slider-item class.")}));const t=(e,t,o)=>{e.forEach(((e,t)=>{e.style.display=t===o?"block":"none"})),t.forEach(((e,t)=>{e.classList.toggle("active",t===o)}))},o=(e,o,n)=>{t(e,o,n)},n=e=>{const t=document.createElement("button");return t.className=e,t.setAttribute("tabindex","-1"),t},r=e=>{let t=0;for(let o=0;o<e.children.length;o++){const n=e.children[o];n instanceof HTMLElement&&(t+=n.offsetHeight)}if(t<300&&!e.querySelector(".media-container")){const t=document.createElement("div");for(;e.firstChild;)t.appendChild(e.firstChild);e.appendChild(t),e.classList.add("short-content")}};document.querySelectorAll(".slider-widget").forEach(((e,l)=>{e.setAttribute("tabindex","0"),e.setAttribute("role","group");const c=document.createElement("span");c.id=`slider-label-${l+1}`,c.textContent="Interactive Slider",c.hidden=!0,e.prepend(c),e.setAttribute("aria-labelledby",`slider-label-${l+1}`);let i=0;const s=Array.from(e.querySelectorAll(".slider-item")),a=document.createElement("div");a.className="slider-dots-bar",e.appendChild(a);let d=[];s.forEach(((e,o)=>{const n=document.createElement("span");n.className="slider-dot",n.addEventListener("click",(()=>{i=o,t(s,d,i),s[i].style.display="block",n.classList.add("active"),r(s[i])})),a.appendChild(n),d.push(n),e.style.display=o!==i?"none":"block",o===i&&n.classList.add("active")}));const u=n("slider-arrow icon-chevron-left"),m=n("slider-arrow icon-chevron-right");e.appendChild(u),e.appendChild(m),u.addEventListener("click",(()=>{i=i>0?i-1:s.length-1,o(s,d,i),r(s[i])})),m.addEventListener("click",(()=>{i=i<s.length-1?i+1:0,o(s,d,i),r(s[i])})),e.addEventListener("keydown",(t=>{switch(t.key){case"ArrowLeft":i=i>0?i-1:s.length-1;break;case"ArrowRight":i=i<s.length-1?i+1:0;break;default:return}o(s,d,i),r(s[i]),t.preventDefault(),c.textContent=`Interactive Slide: slide ${i+1} of ${s.length}`,e.focus()}));let p=0,g=0;e.addEventListener("touchstart",(e=>{p=e.changedTouches[0].screenX}),!1),e.addEventListener("touchend",(e=>{g=e.changedTouches[0].screenX,h()}),!1);const h=()=>{let t=g-p;Math.abs(t)>50&&(i=t>0?i>0?i-1:s.length-1:i<s.length-1?i+1:0,o(s,d,i),r(s[i]),e.focus())}})),e.forEach(((e,t)=>{((e,t)=>{const o=e.querySelector(".icon-chevron-right"),n=e.querySelector(".icon-chevron-left"),r=e.querySelector(".slider-dots-bar");o||console.warn(`Document error: next button is missing for slider ${t+1}.`),n||console.warn(`Document error: previous button is missing for slider ${t+1}.`),r||console.warn(`Document error: dots bar is missing for slider ${t+1}.`)})(e,t)})),e.forEach(((e,t)=>{Array.from(e.querySelectorAll(".slider-item")).forEach(((e,o)=>{Array.from(e.childNodes).every((e=>e.nodeType===Node.COMMENT_NODE||e.nodeType===Node.TEXT_NODE&&!e.textContent.trim()))&&console.warn(`Document error: .slider-item at index ${o} in slider ${t+1} is empty.`)}))}))})()},952:()=>{const e=document.querySelectorAll(".tabs, .tabs-widget");e.length>0&&(()=>{let t=0;e.forEach(((e,o)=>{var n,r,l,c,i,s,a,d,u,m,p,g;let h=e.querySelectorAll("input"),f=e.querySelectorAll("label"),y=e.querySelectorAll("div");if((h.length<2||f.length<2||y.length<2)&&console.warn("Document error: add more than just one tab for tabs widget"),h.length<3||f.length<3||y.length<3){let e=f[1].querySelector("span");e&&("Hide"!==e.textContent&&""!==e.textContent||console.warn("Document error: add more tabs, than just 1 tab and the hide tab"))}let b=f[f.length-1].querySelector("span");b&&"Hide"!==b.textContent&&console.warn("Document error: ensure last tab is a hide tab and label text is 'Hide'"),(h.length<f.length||h.length<y.length)&&console.warn("Document error: missing tab input(s) in tab widget"),(f.length<h.length||f.length<y.length)&&console.warn("Document error: missing tab label(s) in tab widget");let v=o+1;e.setAttribute("role","region"),e.setAttribute("aria-label",`tab group ${v}`);for(let e=0;e<h.length;e++){"Hide"===(null===(r=null===(n=f[e])||void 0===n?void 0:n.textContent)||void 0===r?void 0:r.trim())&&f[e].classList.add("hide-tab");let o=t+1;h&&y||(console.warn("Document error: no inputs found for tabs widget"),console.warn("Document error: no divs (tab panels) found for tabs widget")),f||console.warn("Document error: no labels found for tabs widget"),null===(l=h[e])||void 0===l||l.classList.add("tab-input"),null===(c=h[e])||void 0===c||c.setAttribute("type","radio"),null===(i=h[e])||void 0===i||i.setAttribute("id",`tab${o}`),null===(s=h[e])||void 0===s||s.setAttribute("name",`hint-group-${v}`),null===(a=h[e])||void 0===a||a.setAttribute("aria-describedby",`tabHeading${o}`),null===(d=f[e])||void 0===d||d.classList.add("tab-header"),null===(u=f[e])||void 0===u||u.setAttribute("for",`tab${o}`),y[e]&&(null===(m=y[e])||void 0===m||m.classList.add("tab-panel"),null===(p=y[e])||void 0===p||p.setAttribute("tabindex","0"),null===(g=y[e])||void 0===g||g.setAttribute("id",`tabHeading${o}`)),h[e].checked=0===e,e+1==h.length&&(f[e].classList.add("hide-tab"),y[e]&&y[e].classList.add("hide-panel")),t++}}))})()},174:()=>{const e=["cas","ecn","hrs","ss","chm"];document.querySelectorAll("link").forEach((t=>{const o=t.getAttribute("href");e.forEach((e=>{o&&o.includes(`/${e}/styles.css`)&&function(e){let t=document.createElement("script");t.src=`https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/js/themes/${e}.js`,document.head.appendChild(t)}(e)}))}))},433:()=>{const e=document.querySelectorAll(".toggle-btn");e.length>0&&(()=>{if(document.querySelector(".toggle-btn"))for(let t=0;t<e.length;t++)e[t].setAttribute("tabindex","0"),e[t].addEventListener("click",(()=>{const o=e[t].nextElementSibling;o&&o.classList.toggle("show")})),e[t].addEventListener("keydown",(o=>{if("Enter"===o.key){const o=e[t].nextElementSibling;o&&o.classList.toggle("show")}}))})()},709:()=>{const e="toolTip",t="toolTipHover",o=document.querySelectorAll(".tooltip");o.length>0&&(()=>{const n=(e,t)=>{t.style.display="block",e.classList.toggle("hidden",!1)},r=(e,t)=>{t.style.display="none",e.setAttribute("aria-expanded","false"),e.classList.toggle("hidden",!0)};o.forEach(((o,l)=>{let c=l+1;o.id=`${e}${c}`,o.role="tooltip",o.tabIndex=0,o.setAttribute("aria-expanded","false"),o.setAttribute("aria-controls",`${t}${c.toString()}`);const i=o.querySelector(".tip-hover");i?(i.id=`${t}${c}`,i.setAttribute("aria-describedby",`${e}${c.toString()}`),o.addEventListener("mouseover",(()=>n(o,i))),o.addEventListener("mouseout",(()=>r(o,i))),o.addEventListener("focus",(()=>n(o,i))),o.addEventListener("blur",(()=>r(o,i))),o.addEventListener("touchstart",(()=>n(o,i))),o.addEventListener("touchend",(()=>r(o,i)))):console.warn("Document error: tooltip is missing .tip-hover class");let s=30-c;o.style.zIndex=s.toString()})),document.querySelectorAll(".tooltip .video-container, .tooltip .video-container").forEach((e=>{const t=e.parentElement;t&&(t.style.width="450px")}))})()},79:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.jqueryScript=t.videoWrapper=t.rolePres=t.thirdColumn=t.secondColumn=t.docHead=t.courseBody=t.contentWrapper=t.columnWidget=void 0,t.columnWidget=document.querySelector("#column-widget"),t.contentWrapper=document.querySelector("#content-wrapper"),t.courseBody=document.querySelector("body"),t.docHead=document.querySelector("head"),t.secondColumn=document.querySelector("#second-column"),t.thirdColumn=document.querySelector("#third-column"),t.rolePres=document.querySelectorAll('[role="presentation"]'),t.videoWrapper=document.querySelector("#video-wrapper"),t.jqueryScript=document.querySelector('script[src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"]')}},t={};!function o(n){var r=t[n];if(void 0!==r)return r.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,o),l.exports}(80)})();