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

@pimaonline/pimaonline-themepack 3.12.1 → 4.0.0

Files changed (142) hide show

package/dist/js/scripts2.js CHANGED Viewed

@@ -1,1552 +1 @@
-const columnWidget = document.querySelector("#column-widget");
-const contentLockWidgets = document.querySelectorAll(".content-lock-widget");
-const contentLockInstructions = document.querySelectorAll(".instructions");
-const contentLockQuizzes = document.querySelectorAll(".quiz");
-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}`)
-    // Iterate over the entries of the tabInputs NodeList using a for loop. Inside the loop, tabIndex is the index of the current tab input element. tabInput is the actual input element itself.
-    for (tabIndex = 0; tabIndex < tabInputs.length; tabIndex++) {
-      // Add the hide-tab class to the "Hide" label
-      if (tabLabels[tabIndex].textContent.trim() === "Hide") {
-        tabLabels[tabIndex].classList.add("hide-tab");
-      }
-      let tabNum = tabsWidgetsNum + 1;
-      // Check on present variables
-      if (tabInputs === null) {
-        console.log("Document error: no inputs found for tabs widget");
-        console.log("Document error: no divs (tab panels) found for tabs widget");
-      }
-      if (tabLabels === null) {
-        console.log("Document error: no labels 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 ===  0) { // Change this condition to check the first tab
-        tabLabels[tabIndex].classList.remove("hide-tab"); // Remove the hide-tab class
-        tabInputs[tabIndex].checked = true; // Check the first tab input
-        if (tabDivs[tabIndex]) {
-          tabDivs[tabIndex].classList.remove("hide-panel"); // Remove the hide-panel class
-        }
-      } else {
-        tabInputs[tabIndex].checked = false;
-        if (tabDivs[tabIndex]) {
-          tabDivs[tabIndex].classList.add("hide-panel");
-        }
-      }
-      // Add click event listener to each tab label
-      tabLabels[tabIndex].addEventListener("click", ((index) => {
-        return () => {
-          // Check if the clicked label is the "Hide" label
-          if (tabLabels[index].textContent.trim() === "Hide") {
-            // Hide all tab panels
-            tabDivs.forEach(div => div.classList.add("hide-panel"));
-          } else {
-            // Uncheck all tab inputs
-            tabInputs.forEach(input => input.checked = false);
-            // Check the clicked tab input
-            tabInputs[index].checked = true;
-            // Show the clicked tab panel
-            if (tabDivs[index]) {
-              tabDivs[index].classList.remove("hide-panel");
-            }
-          }
-        };
-      })(tabIndex)); // Immediately invoke the function with the current tabIndex
-      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();
-const handleContentLockWidget = (contentLockWidgets) => {
-  const lockedContentQuizIncorrectAnswer = "Incorrect response. Please try again."; // Error response for quizzes
-  const lockedContentQuizEmptyResponse = "Please select an option before submitting."; // Error response for quizzes
-  const unlockBtnContent = []; // Save text content of unlock button
-  // ––––––––– Functions –––––––––
-  // Function to run when local storage is updated
-  const handleContentLockLocalStorageUpdate = (event, courseNumber) => {
-    if (event && event.key === "contentLockData" && event.newValue) {
-      // Update contentLockData variable
-      contentLockData = JSON.parse(event.newValue);
-      // Run your code here
-      checkHiddenContent(courseNumber);
-    }
-  }
-  // Function that checks key status, toggles classes, and updates local storage, and checks for other content areas
-  const unlockCheck = (contentLockKeyNum, courseNumber, buttonIndex) => {
-    // Toggle the key status to true to unlock the content
-    contentLockData[courseNumber].keys[contentLockKeyNum] = true;
-    // Toggle classes based on key status
-    if (contentLockData[courseNumber].keys[contentLockKeyNum]) {
-      lockedContent[buttonIndex].classList.add("open");
-      contentLockInstructions[buttonIndex].classList.add("complete");
-    } else {
-      lockedContent[buttonIndex].classList.remove("open");
-      contentLockInstructions[buttonIndex].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);
-  }
-  // Function to display the error message from the form
-  const displayError = (quizForm, contentLockErrorMessage) => {
-    // Create a new paragraph element for the error message
-    let contentLockerrorContainer = quizForm.querySelector(".error-container");
-    let errorMessage = document.createElement("span");
-    // Clear any previous error messages
-    contentLockerrorContainer.innerHTML = "";
-    // Clear error message
-    errorMessage.textContent = "";
-    // Append the blank text message to the container
-    contentLockerrorContainer.appendChild(errorMessage);
-    // Add a timer to apply the new error message to ensure the user understands it is a new error message
-    setTimeout(function () {
-      // Clear error message
-      errorMessage.textContent = contentLockErrorMessage;
-      // Append the new error message to the container
-      contentLockerrorContainer.appendChild(errorMessage);
-    }, 200); // 200 milliseconds = .2 seconds
-  }
-  // Quiz checking function
-  const submitContentLockQuiz = (contentLockKeyNum) => {
-    let contentLockQuizForm = document.getElementById(`quiz${contentLockKeyNum}`);
-    // This selects the option that the user selected
-    let selectedOption = contentLockQuizForm.querySelector("input[name='options']:checked");
-    // This finds the input option that had the correct answer
-    let contentLockQuizcorrectAnswer = contentLockQuizForm.querySelector("input.correct-answer");
-    // Initialize a variable for error message, that can changed based on which error
-    let contentLockErrorMessage = "";
-    // If there is a selected option, run the logic to see if it matches
-    if (selectedOption) {
-      // If selected option matches correct answer
-      if (selectedOption.value === contentLockQuizcorrectAnswer.value) {
-        // Tells the user they selected the correct response
-        alert("Correct response");
-        return true;
-      } else {
-        // Sets the error message for the user
-        contentLockErrorMessage = lockedContentQuizIncorrectAnswer;
-        displayError(contentLockQuizForm, contentLockErrorMessage)
-        return false;
-      }
-    } else {
-      contentLockErrorMessage = lockedContentQuizEmptyResponse;
-      displayError(contentLockQuizForm, contentLockErrorMessage)
-      return false;
-    }
-  }
-  /* This function loops through each  content area on the page
-   * and checks the status of the data-key to see if it should
-   * be unlocked or not
-   */
-  const checkHiddenContent = (courseNumber) => {
-    // Get data-key number for each content area
-    lockedContent.forEach((contentArea, contentAreaIndex) => {
-      let contentLockKeyNum = contentArea.getAttribute("data-key");
-      // Toggle classes based on key status
-      if (contentLockData[courseNumber].keys[contentLockKeyNum]) {
-        lockedContent[contentAreaIndex].classList.add("open");
-        contentLockInstructions[contentAreaIndex].classList.add("complete");
-      } else {
-        lockedContent[contentAreaIndex].classList.remove("open");
-        contentLockInstructions[contentAreaIndex].classList.remove("complete");
-      }
-    });
-  }
-  /* This function is when a user clicks or keysdown to unlock
-  * a content area. This function is the same wether clicked on
-  * or if it is through a keyboard
-  */
-  const handleContentUnlock = (unlockButton, buttonIndex, unlockBtnContent, courseNumber) => {
-    /* This variable acts as a flag, for determining if a content unlock button is related to a quiz
-  * or if the content related to this button is supposed to use a confirmation window.
-  */
-    let quizElement = false;
-    // Loop through all the contentUnlockBtns and add an event listener
-    let contentLockKeyNum = lockedContent[buttonIndex].getAttribute("data-key");
-    // This is used as a flag. Needs to be set to true in order to unlock the content
-    let contentLockAnswerConfirmed = false;
-    //Query Selector to see if there is a quiz option or not
-    if (unlockButton.tagName === "INPUT") {
-      quizElement = true;
-    }
-    // If quiz exists for this data key number, otherwise, do the confirmation window
-    if (quizElement) {
-      // Show the html for the quiz. The html will handle the quiz functionality. Returns true or false.
-      contentLockAnswerConfirmed = submitContentLockQuiz(contentLockKeyNum)
-      if (contentLockAnswerConfirmed) {
-        // Unlock the content and perform other related actions (see function for more)
-        unlockCheck(contentLockKeyNum, courseNumber, buttonIndex)
-      }
-    } else {
-      /* Add a confirmation window that pops up and waits for the user to confirm
-       * the instructions were followed to unlock the content(if no quiz is available)
-       */
-      contentLockAnswerConfirmed = window.confirm(`Please confirm: ${unlockBtnContent[buttonIndex]}`)
-      if (contentLockAnswerConfirmed) {
-        unlockCheck(contentLockKeyNum, courseNumber, buttonIndex)
-      }
-    }
-  }
-  // –––––––––––––––– End of Functions ––––––––––––––––
-  // 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;
-  // Error Checking - course number exists
-  if (!courseNumber) {
-    console.log("Document Error: course number does not exist");
-  }
-  // Letters are used in inputs as values. Each letter represents an input option.
-  const optionLetters = ["a", "b", "c", "d", "e", "f", "g", "h", "i"];
-  // Create an object that keeps track of keys and their statuses
-  const contentLockData = JSON.parse(localStorage.getItem("contentLockData")) || {};
-  // Add event listener for storage changes
-  window.addEventListener("storage", (event) => {
-    if (courseNumber) {
-      handleContentLockLocalStorageUpdate(event, courseNumber);
-    }
-  });
-  // Apply the quiz IDs and search if quizzes are being used
-  contentLockWidgets.forEach((contentLockWidget, contentLockWidgetIndex) => {
-    let contentLockForm = contentLockWidget.querySelector(".quiz form");
-    /* If a quiz is present in content lock widget, then go through the page
-     * and assign the quiz ID based on the data-key for the corresponding
-     * locked-content.
-     */
-    if (contentLockForm) {
-      let lockedContent = contentLockWidget.querySelector(".locked-content");
-      let contentLockKeyNum = lockedContent.getAttribute("data-key");
-      let contentLockQuizcorrectAnswer = contentLockWidget.querySelector(".quiz .correct-answer");
-      // Error checking - locked-content class
-      if (!lockedContent) {
-        console.log(`Document Error: missing the locked-content class for widget number ${contentLockWidgetIndex + 1} on this page`)
-      }
-      // Error checking - data key
-      if (!contentLockKeyNum) {
-        console.log(`Document Error: missing data-key for locked content for widget number ${contentLockWidgetIndex + 1} on this page`)
-      }
-      // Error Check - correct-answer class for the quiz
-      if (!contentLockQuizcorrectAnswer) {
-        console.log(`Document Error: missing correct-answer for content lock quiz for widget number ${contentLockWidgetIndex + 1} on this page`)
-      }
-      // Assign each form an ID
-      contentLockForm.id = `quiz${contentLockKeyNum}`;
-      // Search for error container in the widget
-      let errorContainerExists = contentLockWidget.querySelector(".error-container");
-      // If the error container doesn't exist, add it via HTML
-      if (!errorContainerExists) {
-        let errorContainer = document.createElement("div");
-        errorContainer.classList.add("error-container");
-        let contentLockSubmitBtn = contentLockWidget.querySelector("input[value='Submit']");
-        if (contentLockSubmitBtn) {
-          // Add the error container above the submit button in the quiz
-          contentLockSubmitBtn.insertAdjacentHTML("beforebegin", errorContainer.outerHTML)
-        } else {
-          console.log(`Document Error: quiz is missing an input with value 'Submit' for widget number ${contentLockWidgetIndex + 1} on this page.`)
-        }
-      }
-    }
-    // If the content lock widget does not use a form and uses a confirmation window instead
-    else {
-      // Error checking - ensure it has an unlock button in the HTML
-      let unlockBtn = contentLockWidget.querySelector(".unlock-btn");
-      if (!unlockBtn) {
-        console.log(`Document Error: locked content area (that is not using a quiz) is missing <a> with .unlock-btn  for widget number ${contentLockWidgetIndex + 1} on this page.`)
-      }
-    }
-  })
-  /* Function to apply attributes to quiz elements. This function uses
-   * an asynchronous function to ensure that the JS doesn't run until
-   * after this function is complete and the promise has been returned.
-   * This helps ensure that no other querySelectors are broken.
-   */
-  const applyAttributesToQuiz = () => {
-    // Returns the resolve value or reject value depending on if the promise is successful or fails
-    return new Promise((resolve, reject) => {
-      let contentLockQuizForms = document.querySelectorAll(".quiz form");
-      // If there are forms, then apply the specific attributes to the inputs
-      if (contentLockQuizForms) {
-        contentLockQuizForms.forEach((quizForm) => {
-          let quizInputs = quizForm.querySelectorAll("input");
-          // Loop through all the inputs and apply the correct attributes
-          quizInputs.forEach((quizInput, InputIndex) => {
-            // If the values are null, then populate it with the right attributes
-            if (!quizInput.getAttribute("value")) {
-              quizInput.setAttribute("value", optionLetters[InputIndex]);
-              quizInput.setAttribute("name", "options");
-              quizInput.setAttribute("type", "radio");
-            }
-            // If the input has the value "submit" then apply different attributes for submit button
-            else if (quizInput.getAttribute("value") == "Submit") {
-              quizInput.setAttribute("type", "button");
-              quizInput.classList.add("unlock-btn");
-            }
-          })
-        })
-      }
-      resolve(); // Resolve the Promise once attributes are applied
-    });
-  }
-  applyAttributesToQuiz().then(() => {
-    /* This query selector relies on the dynamically added attributes above, so do not put this
-     * variable with the other ones at the top of the file
-     */
-    const contentUnlockBtns = document.querySelectorAll(".unlock-btn");
-    /* Check if the course data object has the course number. If not, then add it.
-     * The contentLockData object that lives in local storage stores the course number and keys.
-     */
-    if (!contentLockData.hasOwnProperty(courseNumber)) {
-      contentLockData[courseNumber] = {
-        keys: {},
-      };
-    }
-    // Get key number for each content area
-    lockedContent.forEach((contentArea, contentAreaIndex) => {
-      let contentLockKeyNum = contentArea.getAttribute("data-key");
-      // Error check - ensure it is wrapped in parent container
-      let contentLockWrapper = contentArea.parentElement;
-      if (contentLockWrapper) {
-        let hasContentLockWrapper = contentLockWrapper.classList.contains("content-lock-widget");
-        if (!hasContentLockWrapper) {
-          console.log(`Document Error: content lock widget wrapper is missing .content-lock-widget class for widget number ${contentAreaIndex + 1} on this page`);
-        }
-      } else {
-        console.log(`Document Error: content lock widget is missing parent container for widget number ${contentAreaIndex + 1} on this page`);
-      }
-      // Error check - ensure it has an instructions <div> as sibling element
-      let lockedContentSibling = contentArea.nextElementSibling;
-      if (lockedContentSibling) {
-        let hasInstructions = lockedContentSibling.classList.contains("instructions");
-        if (!hasInstructions) {
-          console.log(`Document Error: instructions <div> is missing .instructions class for widget number ${contentAreaIndex + 1} on this page`);
-        }
-      } else {
-        console.log(`Document Error: locked content area is missing <div> with instructions for widget number ${contentAreaIndex + 1} on this page`);
-      }
-      // Check if key already exists within the course, if it doesn't, add the key
-      if (!contentLockData[courseNumber].keys[contentLockKeyNum]) {
-        // Add the key to the course keys and set it equal to false by default
-        contentLockData[courseNumber].keys[contentLockKeyNum] = false;
-      }
-    });
-    // Go through each show/hide button and add click listener
-    contentUnlockBtns.forEach((unlockButton, buttonIndex) => {
-      // For each unlock-btn take the text and put the text content into an array for the confirmation window to use
-      unlockBtnContent.push(unlockButton.textContent);
-      // Add tab index to each unlock button
-      unlockButton.setAttribute("tabIndex", "0");
-      // Applies click event listener (and by default in HTML the keydown event will fire this function) to unlock the content
-      unlockButton.addEventListener("click", () => {
-        handleContentUnlock(unlockButton, buttonIndex, unlockBtnContent, courseNumber)
-      });
-      // Apply initial classes based on key status
-      let contentLockKeyNum = lockedContent[buttonIndex].getAttribute("data-key");
-      // Make sure contentLockData[courseNumber] is initialized
-      if (!contentLockData[courseNumber]) {
-        contentLockData[courseNumber] = {
-          keys: {},
-          id: 0
-        };
-      }
-      if (contentLockData[courseNumber].keys[contentLockKeyNum]) {
-        lockedContent[buttonIndex].classList.add("open");
-        contentLockInstructions[buttonIndex].classList.add("complete");
-      }
-    });
-    // Call the checkHiddenContent function initially
-    checkHiddenContent(courseNumber);
-    // Save the updated contentLockData object to local storage
-    localStorage.setItem("contentLockData", JSON.stringify(contentLockData));
-  }).catch(error => {
-    // Handle the error if needed
-    console.log("Error occurred during applyAttributesToQuiz:", error);
-  });
-}
-document.addEventListener('DOMContentLoaded', () => {
-  // Your script code here
-  if (contentLockWidgets) { handleContentLockWidget(contentLockWidgets) }
-});
-// 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();
-}
-const sliderWidgets = document.querySelectorAll(".slider-widget");
-const slideHeight = 300;
-// Function to check if all direct children of each slider have the 'slider-item' class
-const checkSliderChildren = () => {
-  [...sliderWidgets].forEach((slider) => {
-    // Check if every direct child of the slider has the 'slider-item' class
-    let sliderChildren = [...slider.children].every(child => child.classList.contains("slider-item"));
-    // Log an error message if any direct child does not have the 'slider-item' class
-    if (!sliderChildren) {
-      console.log(`Document error: not all direct children of .slider have the .slider-item class.`);
-    }
-  });
-};
-checkSliderChildren();
-// Function to hide all slides except the active one and deactivate all dots except the active one
-const hideSlidesAndDots = (sliderItems, sliderDots, newIndex) => {
-  // Iterate over each slider item
-  sliderItems.forEach((item, index) => {
-    // Set the display style based on whether the item is the active slide
-    item.style.display = index === newIndex ? "block" : "none";
-  });
-  // Iterate over each dot
-  sliderDots.forEach((sliderDot, index) => {
-    // Toggle the 'active' class based on whether the dot corresponds to the active slide
-    sliderDot.classList.toggle("active", index === newIndex);
-  });
-};
-// Function to update the display of slides and dots when a new slide is selected
-const updateSlide = (sliderItems, sliderDots, newIndex) => {
-  // Call the function to hide all slides and deactivate all dots except for the active ones
-  hideSlidesAndDots(sliderItems, sliderDots, newIndex);
-};
-// Function to create a button element with the specified class name
-const createSliderButton = (className) => {
-  // Create a new button element
-  const sliderButton = document.createElement("button");
-  // Set the class name of the button
-  sliderButton.className = className;
-  // Set tabindex to -1 to skip when tabbing
-  sliderButton.setAttribute("tabindex", "-1");
-  // Return the created button
-  return sliderButton;
-};
-// Function to vertically center the content of a slide if it is short and does not contain videos
-const totalSlideContentHeight = (sliderItem) => {
-  // Initialize a variable to keep track of the total height of the content
-  let totalContentHeight = 0;
-  // Iterate over each child element of the slider item
-  for (let child of sliderItem.children) {
-    // Add the height of the child to the total content height
-    totalContentHeight += child.offsetHeight;
-  }
-  // Check if the total content height is less than 300px and the item does not contain a video
-  if (totalContentHeight < slideHeight && !sliderItem.querySelector(".media-container")) {
-    // Create a wrapper div to contain the content
-    const sliderWrapper = document.createElement("div");
-    // Move each child of the slider item into the wrapper
-    while (sliderItem.firstChild) {
-      sliderWrapper.appendChild(sliderItem.firstChild);
-    }
-    // Append the wrapper to the slider item
-    sliderItem.appendChild(sliderWrapper);
-    // Add the 'short-content' class to the slider item to apply vertical centering
-    sliderItem.classList.add("short-content");
-  }
-};
-// Initialize each slider with navigation buttons, dots, and keyboard navigation
-[...sliderWidgets].forEach((slider, index) => {
-  // Set accessibility attributes for the slider
-  slider.setAttribute("tabindex", "0");
-  slider.setAttribute("role", "group");
-  // Create a hidden label for the slider for screen readers
-  const sliderLabel = document.createElement("span");
-  sliderLabel.id = `slider-label-${index + 1}`;
-  sliderLabel.textContent = "Interactive Slider";
-  sliderLabel.hidden = true;
-  // Insert the label at the beginning of the slider
-  slider.prepend(sliderLabel);
-  // Associate the label with the slider for screen readers
-  slider.setAttribute("aria-labelledby", `slider-label-${index + 1}`);
-  // Initialize the current index for the slider
-  let currentSlide = 0;
-  // Select all slider items within the current slider
-  const sliderItems = [...slider.querySelectorAll(".slider-item")];
-  // Create a div to contain the dots for navigation
-  const sliderDotsBar = document.createElement("div");
-  sliderDotsBar.className = "slider-dots-bar";
-  // Append the dots bar to the slider
-  slider.appendChild(sliderDotsBar);
-  // Initialize an array to keep track of the dots
-  let sliderDots = [];
-  // Create dots for each slide and set up click events to navigate to the slide
-  sliderItems.forEach((sliderItem, i) => {
-    // Create a span element to represent a dot
-    const sliderDot = document.createElement("span");
-    sliderDot.className = "slider-dot";
-    // Add a click event listener to the dot
-    sliderDot.addEventListener("click", () => {
-      // Update the current index to the index of the clicked dot
-      currentSlide = i;
-      // Call the function to update the slide display
-      hideSlidesAndDots(sliderItems, sliderDots, currentSlide);
-      // Ensure the current slide is displayed
-      sliderItems[currentSlide].style.display = "block";
-      // Add the 'active' class to the current dot
-      sliderDot.classList.add("active");
-      // Call the function to align the slide content if necessary
-      totalSlideContentHeight(sliderItems[currentSlide]);
-    });
-    // Append the dot to the dots bar
-    sliderDotsBar.appendChild(sliderDot);
-    // Add the dot to the array of dots
-    sliderDots.push(sliderDot);
-    // Hide the slide if it's not the current one
-    sliderItem.style.display = i !== currentSlide ? "none" : "block";
-    // If it's the current slide, add the 'active' class to the corresponding dot
-    if (i === currentSlide) {
-      sliderDot.classList.add("active");
-    }
-  });
-  // Create navigation buttons and set up click events to navigate between slides
-  const sliderLeftArrow = createSliderButton("slider-arrow icon-chevron-left");
-  const sliderRightArrow = createSliderButton("slider-arrow icon-chevron-right");
-  // Append the navigation buttons to the slider
-  slider.appendChild(sliderLeftArrow);
-  slider.appendChild(sliderRightArrow);
-  // Add a click event listener to the left arrow button
-  sliderLeftArrow.addEventListener("click", () => {
-    // Update the current index to the previous slide, wrapping around if necessary
-    currentSlide = currentSlide > 0 ? currentSlide - 1 : sliderItems.length - 1;
-    // Call the function to update the slide display
-    updateSlide(sliderItems, sliderDots, currentSlide);
-    // Call the function to align the slide content if necessary
-    totalSlideContentHeight(sliderItems[currentSlide]);
-  });
-  // Add a click event listener to the right arrow button
-  sliderRightArrow.addEventListener("click", () => {
-    // Update the current index to the next slide, wrapping around if necessary
-    currentSlide = currentSlide < sliderItems.length - 1 ? currentSlide + 1 : 0;
-    // Call the function to update the slide display
-    updateSlide(sliderItems, sliderDots, currentSlide);
-    // Call the function to align the slide content if necessary
-    totalSlideContentHeight(sliderItems[currentSlide]);
-  });
-  // Function to update the label text when the slide changes
-  function updateSliderLabel() {
-    // Update the text content of the label to reflect the current slide number
-    sliderLabel.textContent = `Interactive Slide: slide ${currentSlide + 1} of ${sliderItems.length}`;
-  }
-  // Set up keyboard navigation for the slider
-  slider.addEventListener("keydown", (event) => {
-    // Handle the left and right arrow keys
-    switch (event.key) {
-      case "ArrowLeft":
-        // Update the current index to the previous slide, wrapping around if necessary
-        currentSlide = currentSlide > 0 ? currentSlide - 1 : sliderItems.length - 1;
-        break;
-      case "ArrowRight":
-        // Update the current index to the next slide, wrapping around if necessary
-        currentSlide = currentSlide < sliderItems.length - 1 ? currentSlide + 1 : 0;
-        break;
-      default:
-        // If any other key is pressed, do nothing and return
-        return;
-    }
-    // Call the function to update the slide display
-    updateSlide(sliderItems, sliderDots, currentSlide);
-    // Call the function to align the slide content if necessary
-    totalSlideContentHeight(sliderItems[currentSlide]);
-    // Prevent the default action for the keydown event
-    event.preventDefault();
-    // Call the function to update the label text
-    updateSliderLabel();
-    // Focus the slider widget
-    slider.focus();
-  });
-  // Variables to store the starting and ending X coordinates of a touch event
-  let touchStartX =  0;
-  let touchEndX =  0;
-  // Event listener for the 'touchstart' event, which fires when a touch point is placed on the touch surface
-  slider.addEventListener("touchstart", (e) => {
-    // Store the X coordinate of the touch point when the touch starts
-    touchStartX = e.changedTouches[0].screenX;
-  }, false);
-  // Event listener for the 'touchend' event, which fires when a touch point is removed from the touch surface
-  slider.addEventListener("touchend", (e) => {
-    // Store the X coordinate of the touch point when the touch ends
-    touchEndX = e.changedTouches[0].screenX;
-    // Call the function to handle the swipe gesture
-    sliderSwipe();
-  }, false);
-  // Function to handle the swipe gesture
-  const sliderSwipe = () => {
-    // Calculate the difference between the starting and ending X coordinates
-    let diffX = touchEndX - touchStartX;
-    // Check if the absolute value of the difference is greater than a minimum threshold (50 pixels)
-    if (Math.abs(diffX) >  50) { // Minimum distance for a swipe
-      // Determine the direction of the swipe based on the sign of the difference
-      if (diffX >  0) {
-        // If the difference is positive, the user swiped to the left
-        // Update the current slide index to the previous slide, wrapping around if necessary
-        currentSlide = currentSlide >  0 ? currentSlide -  1 : sliderItems.length -  1;
-      } else {
-        // If the difference is negative, the user swiped to the right
-        // Update the current slide index to the next slide, wrapping around if necessary
-        currentSlide = currentSlide < sliderItems.length -  1 ? currentSlide +  1 :  0;
-      }
-      // Call the function to update the slide display
-      updateSlide(sliderItems, sliderDots, currentSlide);
-      // Call the function to align the slide content if necessary
-      totalSlideContentHeight(sliderItems[currentSlide]);
-      // Refocus the slider widget to maintain accessibility
-      slider.focus();
-    }
-  }
-});
-// Function to check if the slider contains all required elements for navigation
-const checkSliderNavs = (slider, index) => {
-  // Select the navigation controls within the context of the current slider
-  const sliderNextButton = slider.querySelector(".icon-chevron-right");
-  const sliderPrevButton = slider.querySelector(".icon-chevron-left");
-  const sliderDotsBar = slider.querySelector(".slider-dots-bar");
-  // Check if the navigation controls are present
-  if (!sliderNextButton) {
-    console.log(`Document error: next button is missing for slider ${index + 1}.`);
-  }
-  if (!sliderPrevButton) {
-    console.log(`Document error: previous button is missing for slider ${index + 1}.`);
-  }
-  if (!sliderDotsBar) {
-    console.log(`Document error: dots bar is missing for slider ${index + 1}.`);
-  }
-};
-// Call the function for each slider to perform the check
-[...sliderWidgets].forEach((slider, index) => {
-  checkSliderNavs(slider, index);
-});
-// Check if slider items are empty
-const checkEmptySliderItems = () => {
-  [...sliderWidgets].forEach((slider, sliderIndex) => {
-    // Get all .slider-item children of the current slider
-    let sliderItems = [...slider.querySelectorAll(".slider-item")];
-    // Check each .slider-item to see if it is empty
-    sliderItems.forEach((item, itemIndex) => {
-      // An element is considered empty if it has no children, or all its children are either comment nodes or text nodes with only whitespace
-      const isEmpty = [...item.childNodes].every(node => {
-        return node.nodeType === Node.COMMENT_NODE || (node.nodeType === Node.TEXT_NODE && !node.textContent.trim());
-      });
-      // Log an error message if the .slider-item is empty
-      if (isEmpty) {
-        console.log(`Document error: .slider-item at index ${itemIndex} in slider ${sliderIndex + 1} is empty.`);
-      }
-    });
-  });
-};
-checkEmptySliderItems();
-// 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)})();