The interactive that belongs here is already on the page and cannot appear multiple times.
Scroll to interactive. `;
} else {
window.runestoneComponents.renderOneComponent(e2);
}
});
const children = [...tempContainer.children];
this.outputElement.innerHTML = "";
this.outputElement.append(...children);
addKnowls(this.outputElement);
MathJax.typesetPromise([this.outputElement]);
Prism.highlightAllUnder(this.outputElement);
[...this.outputElement.getElementsByTagName("script")].forEach((s) => {
if (s.getAttribute("type") === null || s.getAttribute("type") === "text/javascript") {
eval(s.innerHTML);
}
});
}).catch((data) => {
console.log("Error fetching knowl content: " + data);
});
}
}
};
}
});
// ../../js/src/pretext-dialog.js
var PTXDialog2 = class _PTXDialog {
static hasNativeCommandInvokers() {
return "commandForElement" in HTMLButtonElement.prototype;
}
// dialogElement: should be a
element
// openButton: is an optional element that triggers the dialog to open and will receive focus again when the dialog closes
// if provided, will automatically have an event listener added to open the dialog on click
// options can include:
// - kind: whether the dialog is "modal" (the default), "light-close" or "non-modal"
// - "modal" traps focus and must be dismissed with the close button or escape
// - "light-close" are model, but close if the user clicks outside the dialog
// - "non-modal" do not trap focus and can be interacted with while open
// - closeButton: button element that should close the dialog when clicked
// If not provided for a modal dialog, one will be added.
constructor(dialogElement, openButton = null, options = {}) {
this.dialog = dialogElement;
this.controlElement = openButton;
this.kind = options.kind || "modal";
this.isModal = this.kind === "modal" || this.kind === "light-close";
if (!this.dialog) {
console.log("PTXDialog: No dialog element provided.");
return;
}
this.dialog.setAttribute("aria-modal", this.isModal ? "true" : "false");
if (_PTXDialog.hasNativeCommandInvokers()) {
if (this.isModal) {
this.dialog.closedBy = this.kind !== "light-close" ? "closerequest" : "any";
} else {
this.dialog.closedBy = "none";
}
}
if (this.controlElement) {
this.controlElement.setAttribute("aria-expanded", "false");
this.controlElement.setAttribute("aria-controls", this.dialog.id);
if (_PTXDialog.hasNativeCommandInvokers()) {
this.controlElement.commandFor = this.dialog.id;
}
if (this.isModal) {
this.controlElement.addEventListener("click", () => this.open());
} else {
this.controlElement.addEventListener("click", () => this.toggle());
}
}
this.closeButton = options.closeButton;
if (!this.closeButton && this.isModal) {
const topBar = document.createElement("div");
topBar.classList.add("ptx-dialog-topbar");
this.dialog.prepend(topBar);
this.closeButton = document.createElement("button");
this.closeButton.classList.add("button", "ptx-dialog-close-button");
this.closeButton.setAttribute("aria-label", "Close dialog");
this.closeButton.innerHTML = `close `;
topBar.appendChild(this.closeButton);
}
if (this.closeButton) {
this.closeButton.addEventListener("click", () => this.close());
}
if (!this.isModal) {
const topBar = document.createElement("div");
topBar.classList.add("ptx-dialog-topbar");
this.topBar = topBar;
this.dialog.prepend(topBar);
}
if (_PTXDialog.hasNativeCommandInvokers()) {
this.open = () => {
if (this.isModal) {
this.dialog.showModal();
} else {
this.dialog.show();
}
if (this.controlElement) {
this.setExpanded(true);
}
};
this.close = () => {
this.dialog.close();
if (this.controlElement) {
this.controlElement.focus();
this.setExpanded(false);
}
};
this.toggle = () => {
if (this.dialog.open) {
this.close();
} else {
this.open();
}
};
} else {
this.open = () => this.openDialogFallback();
this.close = () => this.closeDialogFallback();
this.toggle = () => this.toggleDialogFallback();
}
if (!_PTXDialog.hasNativeCommandInvokers() && this.kind === "light-close") {
this.dialog.addEventListener("click", (event2) => {
if (event2.target === this.dialog) {
const rect = this.dialog.getBoundingClientRect();
const isInDialog = rect.top <= event2.clientY && event2.clientY <= rect.top + rect.height && rect.left <= event2.clientX && event2.clientX <= rect.left + rect.width;
if (!isInDialog) {
this.close();
}
}
});
}
if (this.isModal) {
this.dialog.addEventListener("keydown", (event2) => {
if (event2.key === "Escape") {
this.close();
}
});
}
if (!this.isModal) {
const topBar = this.dialog.querySelector(".ptx-dialog-topbar");
let isDragging = false;
let offsetX = 0;
let offsetY = 0;
topBar.addEventListener("pointerover", (e2) => {
topBar.style.cursor = "move";
});
topBar.addEventListener("pointerdown", (e2) => {
isDragging = true;
const dialogRect = this.dialog.getBoundingClientRect();
offsetX = e2.clientX - dialogRect.left;
offsetY = e2.clientY - dialogRect.top;
topBar.setPointerCapture(e2.pointerId);
});
topBar.addEventListener("pointermove", (e2) => {
if (!isDragging) return;
const newX = e2.clientX - offsetX;
const newY = e2.clientY - offsetY;
this.dialog.style.left = `${newX}px`;
this.dialog.style.top = `${newY}px`;
this.dialog.style.bottom = "auto";
this.dialog.style.right = "auto";
});
topBar.addEventListener("pointerup", (e2) => {
isDragging = false;
topBar.releasePointerCapture(e2.pointerId);
});
window.addEventListener("resize", (event2) => {
this.dialog.style.left = "";
this.dialog.style.right = "";
if (this.dialog.getBoundingClientRect().top > window.innerHeight) {
this.dialog.style.top = "20px";
}
});
}
}
setExpanded(expanded) {
if (this.controlElement) {
this.controlElement.setAttribute("aria-expanded", expanded ? "true" : "false");
if (expanded) {
this.controlElement.classList.add("open");
} else {
this.controlElement.classList.remove("open");
}
}
}
openDialogFallback() {
if (this.dialog && typeof this.dialog.showModal === "function" && !this.dialog.open) {
if (this.isModal) {
this.dialog.showModal();
} else {
this.dialog.show();
}
this.setExpanded(true);
}
}
closeDialogFallback() {
if (this.dialog && typeof this.dialog.close === "function" && this.dialog.open) {
this.dialog.close();
this.setExpanded(false);
}
if (this.controlElement) {
this.controlElement.focus();
}
}
toggleDialogFallback() {
if (!this.dialog) {
return;
}
if (this.dialog.open) {
this.closeDialogFallback();
} else {
this.openDialogFallback();
}
}
};
window.PTXDialog = PTXDialog2;
// ../../js/src/pretext-dropdown.js
var PTXDropdown2 = class {
// dropdownElement: menu element to show and hide
// openButton: element that toggles the dropdown and receives focus on close
constructor(dropdownElement, openButton = null, options = {}) {
this.dropdown = dropdownElement;
this.controlElement = openButton;
this.closeOnSelect = options.closeOnSelect !== false;
if (!this.dropdown) {
console.warn("PTXDropdown: No dropdown element provided.");
return;
}
this.dropdown.hidden = true;
if (this.controlElement) {
this.controlElement.setAttribute("aria-expanded", "false");
this.controlElement.setAttribute("aria-controls", this.dropdown.id);
this.controlElement.addEventListener("click", (event2) => {
event2.preventDefault();
this.toggle();
});
this.controlElement.addEventListener("keydown", (event2) => {
if (event2.key === "ArrowDown" || event2.key === "Enter" || event2.key === " ") {
event2.preventDefault();
this.open({ focusMenu: true });
}
});
this.controlElement.addEventListener("keydown", (event2) => {
if (event2.key === "Escape" && this.isOpen()) {
event2.preventDefault();
this.close();
}
});
}
this.dropdown.addEventListener("keydown", (event2) => this.handleKeydown(event2));
this.dropdown.addEventListener("click", (event2) => {
if (this.closeOnSelect && event2.target.closest('[role="menuitem"], a, button')) {
this.close({ restoreFocus: false });
}
});
document.addEventListener("click", (event2) => {
if (!this.isOpen()) return;
if (this.dropdown.contains(event2.target) || this.controlElement?.contains(event2.target)) {
return;
}
this.close({ restoreFocus: false });
});
}
isOpen() {
return !this.dropdown.hidden;
}
setExpanded(expanded) {
this.dropdown.hidden = !expanded;
this.dropdown.classList.toggle("open", expanded);
if (this.controlElement) {
this.controlElement.setAttribute("aria-expanded", expanded ? "true" : "false");
this.controlElement.classList.toggle("open", expanded);
}
}
open(options = {}) {
this.dropdown.querySelectorAll("a").forEach((link) => {
link.setAttribute("tabindex", "-1");
});
this.setExpanded(true);
if (options.focusMenu) {
this.focusFirstItem();
}
}
close(options = {}) {
this.setExpanded(false);
if (options.restoreFocus !== false && this.controlElement) {
this.controlElement.focus();
}
}
toggle() {
if (this.isOpen()) {
this.close();
} else {
this.open();
}
}
menuItems() {
return Array.from(this.dropdown.querySelectorAll('[role="menuitem"], a, button')).filter((item) => !item.hasAttribute("disabled") && item.getAttribute("aria-disabled") !== "true");
}
focusFirstItem() {
this.menuItems()[0]?.focus();
}
focusLastItem() {
const items = this.menuItems();
items[items.length - 1]?.focus();
}
focusNextItem(currentItem, direction) {
const items = this.menuItems();
if (!items.length) return;
const currentIndex = items.indexOf(currentItem);
const nextIndex = currentIndex === -1 ? 0 : (currentIndex + direction + items.length) % items.length;
items[nextIndex].focus();
}
handleKeydown(event2) {
switch (event2.key) {
case "Escape":
event2.preventDefault();
this.close();
break;
case "ArrowDown":
event2.preventDefault();
this.focusNextItem(document.activeElement, 1);
break;
case "ArrowUp":
event2.preventDefault();
this.focusNextItem(document.activeElement, -1);
break;
case "Home":
event2.preventDefault();
this.focusFirstItem();
break;
case "End":
event2.preventDefault();
this.focusLastItem();
break;
case "Tab":
this.close({ restoreFocus: false });
break;
}
}
};
window.PTXDropdown = PTXDropdown2;
// ../../js/src/readability-options.js
function getSavedTheme() {
const savedTheme = localStorage.getItem("theme");
if (savedTheme === "light" || savedTheme === "dark") {
return savedTheme;
}
return "system";
}
function setSavedTheme(theme) {
if (theme === "system") {
localStorage.removeItem("theme");
} else {
localStorage.setItem("theme", theme);
}
}
function applyThemeChoice(theme) {
if (theme === "system") {
setDarkMode2(isDarkMode());
} else {
setDarkMode2(theme === "dark");
}
}
function isDarkMode() {
if (document.documentElement.dataset.darkmode === "disabled")
return false;
const currentTheme = localStorage.getItem("theme");
if (currentTheme === "dark")
return true;
else if (currentTheme === "light")
return false;
return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
}
function setDarkMode2(isDark) {
if (document.documentElement.dataset.darkmode === "disabled")
return;
const parentHtml = document.documentElement;
const iframes = document.querySelectorAll("iframe[data-dark-mode-enabled]");
if (isDark) {
parentHtml.classList.add("dark-mode");
} else {
parentHtml.classList.remove("dark-mode");
}
for (const iframe of iframes) {
try {
const iframeHtml = iframe.contentWindow.document.documentElement;
if (isDark) {
iframeHtml.classList.add("dark-mode");
} else {
iframeHtml.classList.remove("dark-mode");
}
} catch (err) {
console.warn("Dark mode sync to iframe failed:", err);
}
}
}
function getSavedLineHeight() {
const savedLineHeight = localStorage.getItem("lineHeight");
if (isValidLineHeight(savedLineHeight)) {
return savedLineHeight;
}
return null;
}
function isValidLineHeight(value) {
return value !== null && !isNaN(value) && Number(value) > 0 && Number(value) < 5;
}
function formatLineHeight(value) {
return Number(value).toFixed(2);
}
function applyLineHeight(lineHeight) {
if (isValidLineHeight(lineHeight)) {
document.documentElement.style.setProperty("--ptx-content-line-height", lineHeight);
}
}
function updateLineHeightOutput(output, lineHeight) {
if (output) {
output.value = formatLineHeight(lineHeight);
}
}
function getSavedFontSize() {
const savedFontSize = localStorage.getItem("fontSize");
if (isValidFontSize(savedFontSize)) {
return savedFontSize;
}
return null;
}
function isValidFontSize(value) {
return value !== null && !isNaN(value) && Number(value) > 0 && Number(value) < 5;
}
function formatFontSize(value) {
return `${Math.round(Number(value) * 100)}%`;
}
function applyFontSize(fontSize) {
if (isValidFontSize(fontSize)) {
document.documentElement.style.setProperty("--ptx-content-font-size", formatFontSize(fontSize));
}
}
function updateFontSizeOutput(output, fontSize) {
if (output) {
output.value = formatFontSize(fontSize);
}
}
function getSavedAccessiblePermalinks() {
return localStorage.getItem("accessiblePermalinks") === "true";
}
function setSavedAccessiblePermalinks(accessiblePermalinks) {
if (accessiblePermalinks) {
localStorage.setItem("accessiblePermalinks", "true");
} else {
localStorage.removeItem("accessiblePermalinks");
}
}
function setAutopermalinksAccessible(accessible) {
const autopermalinks = document.querySelectorAll(".autopermalink");
autopermalinks.forEach((permalink) => {
const link = permalink.querySelector("a");
if (!link) {
return;
}
if (accessible) {
permalink.removeAttribute("aria-hidden");
link.setAttribute("tabindex", "0");
} else {
permalink.setAttribute("aria-hidden", "true");
link.setAttribute("tabindex", "-1");
}
});
}
function resetReadabilityOptions(options) {
localStorage.removeItem("theme");
localStorage.removeItem("lineHeight");
localStorage.removeItem("fontSize");
localStorage.removeItem("accessiblePermalinks");
const systemThemeInput = document.getElementById("ptx-readability-theme-system");
if (systemThemeInput) {
systemThemeInput.checked = true;
}
applyThemeChoice("system");
if (options.lineHeightInput) {
options.lineHeightInput.value = options.defaultLineHeight;
updateLineHeightOutput(options.lineHeightOutput, options.defaultLineHeight);
document.documentElement.style.removeProperty("--ptx-content-line-height");
}
if (options.fontSizeInput) {
options.fontSizeInput.value = options.defaultFontSize;
updateFontSizeOutput(options.fontSizeOutput, options.defaultFontSize);
applyFontSize(options.defaultFontSize);
}
if (options.accessiblePermalinksInput) {
options.accessiblePermalinksInput.checked = false;
setAutopermalinksAccessible(false);
}
}
window.addEventListener("DOMContentLoaded", function() {
const readabilityButton = document.getElementById("ptx-readability-options-button");
const readabilityPopupElement = document.getElementById("ptx-readability-options-popup");
if (!readabilityButton || !readabilityPopupElement || !window.PTXDialog) {
return;
}
const closeButton = document.getElementById("ptx-readability-options-close-button");
new window.PTXDialog(
readabilityPopupElement,
readabilityButton,
{
closeButton
}
);
const themeInputs = readabilityPopupElement.querySelectorAll('input[name="ptx-readability-theme"]');
const savedTheme = getSavedTheme();
for (const input of themeInputs) {
input.checked = input.value === savedTheme;
input.addEventListener("change", function() {
if (!this.checked) {
return;
}
setSavedTheme(this.value);
applyThemeChoice(this.value);
});
}
if (window.matchMedia) {
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", function() {
if (getSavedTheme() === "system") {
applyThemeChoice("system");
}
});
}
setDarkMode2(isDarkMode());
const lineHeightInput = document.getElementById("ptx-readability-line-height");
const lineHeightOutput = document.getElementById("ptx-readability-line-height-value");
const defaultLineHeight = lineHeightInput ? lineHeightInput.defaultValue : null;
const savedLineHeight = getSavedLineHeight();
if (lineHeightInput) {
if (savedLineHeight) {
lineHeightInput.value = savedLineHeight;
applyLineHeight(savedLineHeight);
}
updateLineHeightOutput(lineHeightOutput, lineHeightInput.value);
lineHeightInput.addEventListener("input", function() {
updateLineHeightOutput(lineHeightOutput, this.value);
if (!isValidLineHeight(this.value)) {
return;
}
localStorage.setItem("lineHeight", this.value);
applyLineHeight(this.value);
});
}
const fontSizeInput = document.getElementById("ptx-readability-font-size");
const fontSizeOutput = document.getElementById("ptx-readability-font-size-value");
const defaultFontSize = fontSizeInput ? fontSizeInput.defaultValue : null;
const savedFontSize = getSavedFontSize();
if (fontSizeInput) {
if (savedFontSize) {
fontSizeInput.value = savedFontSize;
applyFontSize(savedFontSize);
}
updateFontSizeOutput(fontSizeOutput, fontSizeInput.value);
fontSizeInput.addEventListener("input", function() {
updateFontSizeOutput(fontSizeOutput, this.value);
if (!isValidFontSize(this.value)) {
return;
}
localStorage.setItem("fontSize", this.value);
applyFontSize(this.value);
});
}
const accessiblePermalinksInput = document.getElementById("ptx-readability-accessible-permalinks");
if (accessiblePermalinksInput) {
accessiblePermalinksInput.checked = getSavedAccessiblePermalinks();
accessiblePermalinksInput.addEventListener("change", function() {
setSavedAccessiblePermalinks(this.checked);
setAutopermalinksAccessible(this.checked);
});
}
setAutopermalinksAccessible(getSavedAccessiblePermalinks());
const resetButton = document.getElementById("ptx-readability-reset-button");
if (resetButton) {
resetButton.addEventListener("click", function() {
resetReadabilityOptions({
fontSizeInput,
fontSizeOutput,
defaultFontSize,
accessiblePermalinksInput,
defaultLineHeight,
lineHeightInput,
lineHeightOutput
});
});
}
});
setDarkMode2(isDarkMode());
applyLineHeight(getSavedLineHeight());
applyFontSize(getSavedFontSize());
window.isDarkMode = isDarkMode;
window.setDarkMode = setDarkMode2;
// ../../js/pretext.js
function getOffsetTop(e2) {
if (!e2) return 0;
return getOffsetTop(e2.offsetParent) + e2.offsetTop;
}
function scrollTocToActive() {
let fileNameWHash = window.location.href.split("/").pop();
let fileName = fileNameWHash.split("#")[0];
let tocEntry = document.querySelector('#ptx-toc a[href="' + fileName + '"]');
if (!tocEntry) {
return;
}
let tocEntryTop = 0;
if (fileNameWHash.includes("#")) {
let tocEntryWHash = document.querySelector(
'#ptx-toc a[href="' + fileNameWHash + '"]'
);
if (tocEntryWHash) {
tocEntry.closest("li").querySelectorAll("li").forEach((li) => {
li.classList.remove("active");
});
tocEntryWHash.closest("li").classList.add("active");
tocEntryTop = getOffsetTop(tocEntryWHash);
}
}
if (!tocEntryTop) {
tocEntryTop = getOffsetTop(tocEntry);
}
tocEntry.closest("li").classList.add("active");
let toc = document.querySelector("#ptx-toc");
let tocTop = getOffsetTop(toc);
toc.scrollTop = tocEntryTop - tocTop - 0.4 * self.innerHeight;
}
function toggletoc() {
let ptxSidebar = document.getElementById("ptx-sidebar");
let sideBarIsHidden = ptxSidebar.classList.contains("hidden") || !ptxSidebar.classList.contains("visible") && ptxSidebar.offsetParent === null;
if (sideBarIsHidden) {
ptxSidebar.classList.add("visible");
ptxSidebar.classList.remove("hidden");
} else {
ptxSidebar.classList.remove("visible");
ptxSidebar.classList.add("hidden");
}
sideBarIsHidden = !sideBarIsHidden;
let ptxTocButton = document.getElementById("ptx-toc-toggle");
ptxTocButton.setAttribute("aria-expanded", !sideBarIsHidden);
if (!sideBarIsHidden) {
scrollTocToActive();
document.querySelector("#ptx-toc").focus();
} else {
ptxTocButton.focus();
}
}
function samePageLink(a) {
if (!(a instanceof HTMLAnchorElement)) return false;
try {
const linkUrl = new URL(a.href, document.baseURI);
const currentUrl = new URL(window.location.href);
const sameDocument = linkUrl.origin === currentUrl.origin && linkUrl.pathname === currentUrl.pathname && linkUrl.search === currentUrl.search;
return sameDocument && !!linkUrl.hash;
} catch (e2) {
return false;
}
}
window.addEventListener("DOMContentLoaded", function(event2) {
let tocButton = document.getElementById("ptx-toc-toggle");
tocButton.addEventListener("click", (e2) => {
toggletoc();
e2.stopPropagation();
});
let ptxSidebar = document.getElementById("ptx-sidebar");
let sideBarIsHidden = ptxSidebar.classList.contains("hidden") || !ptxSidebar.classList.contains("visible") && ptxSidebar.offsetParent === null;
tocButton.setAttribute("aria-expanded", !sideBarIsHidden);
const autoCollapseToc = getComputedStyle(document.documentElement).getPropertyValue("--auto-collapse-toc") == "yes";
if (autoCollapseToc) {
window.addEventListener("click", function(event3) {
if (ptxSidebar.classList.contains("visible")) {
if (!event3.composedPath().includes(ptxSidebar)) {
toggletoc();
}
}
});
ptxSidebar.addEventListener("click", function(event3) {
if (samePageLink(event3.target.closest("a"))) {
toggletoc();
}
});
window.addEventListener("pageshow", (e2) => {
if (e2.persisted) {
ptxSidebar.classList.remove("visible");
ptxSidebar.classList.add("hidden");
tocButton.setAttribute("aria-expanded", "false");
}
});
}
window.addEventListener("keydown", function(event3) {
if (event3.key === "Escape" && ptxSidebar.classList.contains("visible") && (getComputedStyle(ptxSidebar).position === "fixed" || autoCollapseToc)) {
toggletoc();
}
});
});
function toggleTOCItem(expander, event2 = null) {
let listItem = expander.closest(".toc-item");
listItem.classList.toggle("expanded");
let expanded = listItem.classList.contains("expanded");
let groupName = listItem.querySelector(".toc-title-box").innerText;
if (expanded) {
expander.title = "Close " + groupName;
expander.setAttribute("aria-expanded", "true");
} else {
expander.title = "Expand " + groupName;
expander.setAttribute("aria-expanded", "false");
}
expander.setAttribute("aria-label", expander.title);
for (const childUL of listItem.querySelectorAll(":scope > ul.toc-item-list")) {
for (const childItem of childUL.querySelectorAll(":scope > li.toc-item")) {
if (expanded) {
childItem.classList.add("visible");
childItem.classList.remove("hidden");
} else {
childItem.classList.remove("visible");
childItem.classList.add("hidden");
}
}
}
if (expanded && expander === document.activeElement && event2 && event2 instanceof KeyboardEvent) {
const firstChildItem = listItem.querySelector(":scope > ul.toc-item-list > li.toc-item");
if (firstChildItem) {
const firstChildLink = firstChildItem.querySelector("a");
if (firstChildLink) {
firstChildLink.focus();
}
}
}
}
function getTOCItemDepth(item) {
let depth = 0;
let curParent = item.closest(".toc-item-list");
while (curParent !== null) {
depth++;
curParent = curParent.parentElement.closest(".toc-item-list");
}
return depth;
}
window.addEventListener("DOMContentLoaded", function(event2) {
if (document.querySelector(".ptx-toc.focused") === null)
return;
let maxDepth = 1e3;
for (let className of document.querySelector(".ptx-toc").classList)
if (className.length > 5 && className.slice(0, 5) === "depth")
maxDepth = Number(className.slice(5));
let preexpandedLevels = 1;
let tocDataSet = document.querySelector(".ptx-toc").dataset;
if (typeof tocDataSet.preexpandedLevels !== "undefined")
preexpandedLevels = Number(tocDataSet.preexpandedLevels);
let tocItems = document.querySelectorAll(".ptx-toc ul.structural > .toc-item");
for (const tocItem of tocItems) {
let hasChildren = tocItem.querySelector("ul.structural") !== null;
let depth = getTOCItemDepth(tocItem);
if (hasChildren && depth < maxDepth) {
let expander = document.createElement("button");
expander.type = "button";
expander.classList.add("toc-expander");
expander.classList.add("toc-chevron-surround");
expander.title = "toc-expander";
expander.innerHTML = '' + this_permalink_description + " ";
var msg_link = '' + this_permalink_description + " ";
var text_fallback = this_permalink_description + " \r\n" + this_permalink_url;
var copy_success = true;
try {
await navigator.clipboard.write([
new ClipboardItem({
"text/html": new Blob([link], { type: "text/html" }),
"text/plain": new Blob([text_fallback], { type: "text/plain" })
})
]);
} catch (err) {
console.log("Permalink-to-clipboard using ClipboardItem failed, falling back to clipboard.writeText", err);
copy_success = false;
}
if (!copy_success) {
try {
await navigator.clipboard.writeText(text_fallback);
} catch (err) {
console.log("Permalink-to-clipboard using clipboard.writeText failed", err);
console.error("Failed to copy link to clipboard!");
return;
}
}
console.log(`copied '${this_permalink_url}' to clipboard`);
let copied_msg = document.createElement("p");
copied_msg.setAttribute("role", "alert");
copied_msg.className = "permalink-alert";
copied_msg.innerHTML = "Link to " + msg_link + " copied to clipboard";
elem.parentElement.insertBefore(copied_msg, elem);
await new Promise((resolve, reject) => setTimeout(resolve, 1500));
copied_msg.remove();
}
window.addEventListener("DOMContentLoaded", function() {
const permalinks = document.querySelectorAll(".autopermalink > a");
permalinks.forEach((link) => {
link.addEventListener("click", function(event2) {
event2.preventDefault();
copyPermalink(link);
});
});
});
window.addEventListener(
"load",
function(event2) {
$("body").on("click", ".image-box > img:not(.draw_on_me):not(.mag_popup), .sbspanel > img:not(.draw_on_me):not(.mag_popup), figure > img:not(.draw_on_me):not(.mag_popup), figure > div > img:not(.draw_on_me):not(.mag_popup)", function() {
var img_big = document.createElement("div");
const content_element = document.getElementById("ptx-content");
img_big.setAttribute("class", "mag_popup_container");
img_big.innerHTML = ``;
place_to_put_big_img = $(this).parents(".image-box, .sbsrow, figure, li, .cols2 article:nth-of-type(2n)").last();
if (place_to_put_big_img.prop("tagName") == "ARTICLE") {
place_to_put_big_img = place_to_put_big_img.prev().children().first();
}
var img_big_parent = place_to_put_big_img[0].parentElement;
while (img_big_parent.id !== "ptx-content") {
const computed_position = getComputedStyle(img_big_parent).position;
if (computed_position !== "static") {
break;
}
img_big_parent = img_big_parent.parentElement;
}
const content_element_computed_style = getComputedStyle(content_element);
const content_padding_left = parseFloat(content_element_computed_style.paddingLeft);
const content_padding_right = parseFloat(content_element_computed_style.paddingRight);
const img_big_offset = content_element.getBoundingClientRect().left - img_big_parent.getBoundingClientRect().left + content_padding_left;
const doc_width = content_element.offsetWidth - content_padding_left - content_padding_right;
img_big.setAttribute("style", `width:${doc_width.toString()}px; left:${img_big_offset.toString()}px;`);
$(img_big).insertBefore(place_to_put_big_img);
});
$("body").on("click", "img.mag_popup", function() {
this.parentNode.remove();
});
p_no_id = document.querySelectorAll(".main p:not([id])");
for (var n = p_no_id.length - 1; n >= 0; --n) {
e = p_no_id[n];
if (e.hasAttribute("id")) {
continue;
}
if (e.classList.contains("watermark")) {
console.log(e, "skipping the watermark");
continue;
}
prev_p = $(e).prevAll("p");
console.log("prev_p", prev_p, "xx");
if (prev_p.length == 0) {
console.log(" PPP problem: prev_p has no length:", prev_p);
continue;
}
console.log("which has id", prev_p[0].id);
var parts_found = 1;
var parts_to_id = [e];
for (var i = 0; i < prev_p.length; ++i) {
this_previous = prev_p[i];
console.log("i", i, "this_previous", this_previous, "id", this_previous.id, "???", this_previous.hasAttribute("id"));
if (!this_previous.hasAttribute("id")) {
parts_to_id.unshift(this_previous);
} else {
base_id = this_previous.id;
console.log("base_id", base_id);
console.log("ready to add id to", parts_to_id);
for (var j = 0; j < parts_to_id.length; ++j) {
++parts_found;
var next_id = base_id + "-part" + parts_found.toString();
console.log("parts_found", parts_found, "next_id", next_id);
parts_to_id[j].setAttribute("id", next_id);
}
break;
}
}
}
console.log("adding video popouts");
all_iframes = document.querySelectorAll("body iframeXXXX");
for (var i = 0; i < all_iframes.length; i++) {
this_item = all_iframes[i];
this_item_src = this_item.src;
if (this_item_src.includes("youtube")) {
this_item_id = this_item.id;
this_item_width = this_item.width;
this_item_height = this_item.height;
if (this_item_height < 150) {
continue;
}
console.log("found a youtube video on", this_item_id);
var empty_div = document.createElement("div");
var this_videomag_container = document.createElement("div");
parent_tag = this_item.parentElement.tagName;
if (parent_tag == "FIGURE") {
this_videomag_container.setAttribute("class", "videobig");
} else {
this_videomag_container.setAttribute("class", "videobig nofigure");
}
this_videomag_container.setAttribute("video-id", this_item_id);
this_videomag_container.setAttribute("data-width", this_item_width);
this_videomag_container.setAttribute("data-height", this_item_height);
this_videomag_container.innerHTML = "fit width";
this_item.insertAdjacentElement("beforebegin", empty_div);
this_item.insertAdjacentElement("beforebegin", this_videomag_container);
this_item.insertAdjacentElement("beforebegin", empty_div);
}
}
$(".videobig").click(function() {
parent_video_id = this.getAttribute("video-id");
console.log("clicked videobig for", parent_video_id);
this_video = document.getElementById(parent_video_id);
console.log("make big: ", this_video);
original_width = this.getAttribute("data-width");
original_height = this.getAttribute("data-height");
browser_width = $(window).width();
width_ratio = browser_width / original_width;
console.log("the browser is wider by a factor of", width_ratio);
this_video.setAttribute("width", width_ratio * original_width);
this_video.setAttribute("height", width_ratio * original_height);
this_video.setAttribute("style", "position:relative; left:-260px; z-index:1000");
this.setAttribute("class", "videosmall");
this.innerHTML = "make small";
$(".videosmall").click(function() {
console.log("clicked videosmall");
parent_video_id = this.getAttribute("video-id");
this_video = document.getElementById(parent_video_id);
original_width = this.getAttribute("data-width");
original_height = this.getAttribute("data-height");
this_video.removeAttribute("style");
this_video.setAttribute("width", original_width);
this_video.setAttribute("height", original_height);
this.setAttribute("class", "videobig");
this.innerHTML = "fit width";
});
});
},
false
);
function process_workspace() {
console.log("processing workspace");
MathJax.typesetPromise();
}
window.addEventListener("load", function(event2) {
const calcDialogElement = document.getElementById("ptx-calculator-container");
const calcButtonElement = document.getElementById("ptx-calculator-toggle");
if (!calcDialogElement || !calcButtonElement) {
return;
}
const calcDialog = new PTXDialog(calcDialogElement, calcButtonElement, { "kind": "non-modal" });
const focusCalcInput = function() {
const inputField = document.querySelector("#ptx-geogebra-calculator input.gwt-SuggestBox.TextField");
if (inputField) {
inputField.focus();
}
};
function initGeogebra() {
const fixedParams = {
showToolBar: true,
showAlgebraInput: true,
perspective: "G/A",
algebraInputPosition: "bottom",
appletOnLoad: focusCalcInput,
scaleContainerClass: "ptx-calculator-container",
allowUpscale: false,
autoHeight: false
};
const generatedParams = typeof ggbParams === "object" && ggbParams ? ggbParams : {};
const params = { ...generatedParams, ...fixedParams };
let applet2 = new GGBApplet(params, true);
applet2.inject("ptx-geogebra-calculator");
return applet2;
}
let applet;
calcButtonElement.addEventListener("click", function() {
if (calcDialog.dialog.open) {
let initialized = calcDialogElement.dataset.initialized || false;
if (!initialized) {
applet = initGeogebra();
calcDialogElement.dataset.initialized = true;
} else {
focusCalcInput();
}
}
});
const resizeObserver = new ResizeObserver((entries) => {
for (let entry of entries) {
if (entry.target === calcDialogElement && applet && applet.getAppletObject()) {
const width = entry.contentRect.width;
const height = entry.contentRect.height;
const topBarHeight = calcDialogElement.querySelector(".ptx-dialog-topbar").clientHeight || 0;
applet.getAppletObject().setSize(width, height - topBarHeight);
applet.getAppletObject().recalculateEnvironments();
}
}
});
resizeObserver.observe(calcDialogElement);
});
window.addEventListener(
"load",
function(event2) {
document.onkeyup = function(event3) {
var e2 = !event3 ? window.event : event3;
switch (e2.keyCode) {
case 13:
just_hit_escape = false;
if ($(document.activeElement).hasClass("workspace")) {
process_workspace();
}
case 27:
var parent_sage_cell = document.activeElement.closest(".sagecell_editor");
if (parent_sage_cell && !just_hit_escape) {
console.log("staying in the sage cell", parent_sage_cell, document.activeElement);
just_hit_escape = true;
setTimeout(function() {
just_hit_escape = false;
}, 1e3);
} else if (knowl_focus_stack.length > 0) {
most_recently_opened = knowl_focus_stack.pop();
knowl_focus_stack_uid.pop();
most_recently_opened.focus();
console.log("moved back one knowl");
} else {
console.log("no open knowls being tracked");
break;
}
break;
}
};
},
false
);
window.addEventListener("load", function(event2) {
if (window.location.hash.length) {
let id = window.location.hash.substring(1);
var the_anchor = document.getElementById(id);
console.log("id", id, "the_anchor", the_anchor);
if (the_anchor.tagName == "ARTICLE") {
var contained_knowl = the_anchor.querySelector("a[data-knowl]");
if (contained_knowl && contained_knowl.parentElement == the_anchor) {
console.log("found a knowl", contained_knowl);
contained_knowl.click();
}
} else if (the_anchor.hasAttribute("data-knowl")) {
the_anchor.click();
} else {
var this_hidden_content = the_anchor.closest(".hidden-content");
if (this_hidden_content) {
console.log("linked to a hidden knowl with this_hidden_content", this_hidden_content);
var the_refid = this_hidden_content.id;
var this_knowl = document.querySelector('[data-refid="' + the_refid + '"]');
this_knowl.click();
}
}
}
});
function flattenParagraphsSections(printout) {
const paragraphsSections = printout.querySelectorAll("section.paragraphs");
paragraphsSections.forEach((section) => {
const parent = section.parentNode;
while (section.firstChild) {
parent.insertBefore(section.firstChild, section);
}
parent.removeChild(section);
});
}
function waitForImages(container, timeoutMs = 5e3) {
const images = container.querySelectorAll("img");
const promises = [];
for (const img of images) {
if (!img.complete) {
promises.push(new Promise((resolve) => {
img.addEventListener("load", resolve, { once: true });
img.addEventListener("error", resolve, { once: true });
}));
}
}
if (promises.length === 0) return Promise.resolve();
return Promise.race([
Promise.all(promises),
new Promise((resolve) => setTimeout(resolve, timeoutMs))
]);
}
function setInitialWorkspaceHeights() {
const workspaces = document.querySelectorAll(".workspace");
workspaces.forEach((ws) => {
ws.style.height = ws.getAttribute("data-space") || "0px";
ws.setAttribute("contenteditable", "true");
});
}
function adjustPrintoutPages() {
console.log("*** Adjusting printout pages.");
const printout = document.querySelector("section.worksheet, section.handout");
if (!printout) {
console.warn("No printout found, exiting adjustPrintoutPages.");
return;
}
const pages = printout.querySelectorAll(".onepage");
if (pages.length === 0) {
console.warn("No pages found in printout, exiting adjustPrintoutPages.");
return;
}
const firstPage = pages[0];
const lastPage = pages[pages.length - 1];
const pageFirstChild = firstPage.firstChild;
let currentChild = printout.firstChild;
while (currentChild && currentChild !== firstPage) {
const nextChild2 = currentChild.nextSibling;
firstPage.insertBefore(currentChild, pageFirstChild);
currentChild = nextChild2;
}
let nextChild = lastPage.nextSibling;
while (nextChild) {
const tempChild = nextChild;
nextChild = nextChild.nextSibling;
lastPage.appendChild(tempChild);
}
console.log("Moved all content before the first page and after the last page into the respective pages.");
}
function createPrintoutPages(margins) {
console.log("*** Creating printout pages with margins:", margins);
const conservativeContentHeight = 1056 - (margins.top + margins.bottom);
const conservativeContentWidth = 794 - (margins.left + margins.right);
const printout = document.querySelector("section.worksheet, section.handout");
if (!printout) {
console.warn("No printout found, exiting createPrintoutPages.");
return;
}
printout.style.width = toString(conservativeContentWidth + margins.left + margins.right) + "px";
setInitialWorkspaceHeights(printout);
let rows = [];
for (const child of printout.children) {
if (child.classList.contains("sidebyside")) {
rows.push(child);
} else if (child.querySelector(".task")) {
rows.push(child);
const tasks = child.querySelectorAll(".task, .conclusion");
for (let i = 0; i < tasks.length; i++) {
let parent = tasks[i].parentElement;
let grandparent = parent.parentElement;
if (grandparent.classList.contains("task")) {
tasks[i].classList.add("subsubtask");
} else if (parent.classList.contains("task")) {
tasks[i].classList.add("subtask");
}
}
for (let i = tasks.length - 1; i > 0; i--) {
printout.insertBefore(tasks[i], child.nextSibling);
}
} else {
rows.push(child);
}
}
let blockList = [];
for (const row of rows) {
let blockHeight = getElementTotalHeight(row);
if (blockHeight === 0) {
console.log("Skipping row with zero height:", row);
continue;
}
let totalWorkspaceHeight = 0;
if (row.querySelector(".workspace")) {
totalWorkspaceHeight = getElemWorkspaceHeight(row);
}
blockList.push({ elem: row, height: blockHeight, workspaceHeight: totalWorkspaceHeight });
}
const pageBreaks = findPageBreaks(blockList, conservativeContentHeight);
for (let i = 0; i < pageBreaks.length; i++) {
const pageDiv = document.createElement("section");
pageDiv.classList.add("onepage");
if (i === 0) {
pageDiv.classList.add("firstpage");
}
if (i === pageBreaks.length - 1) {
pageDiv.classList.add("lastpage");
}
const start = pageBreaks[i - 1] || 0;
const end = pageBreaks[i];
for (let j = start; j < end; j++) {
const row = blockList[j].elem;
pageDiv.appendChild(row);
}
printout.appendChild(pageDiv);
}
for (const child of printout.children) {
if (!child.classList.contains("onepage")) {
console.log("Removing old child not in a page:", child);
printout.removeChild(child);
}
}
}
function addHeadersAndFootersToPrintout() {
const printout = document.querySelector("section.worksheet, section.handout");
if (!printout) {
console.warn("No printout found, exiting addHeadersAndFootersToPrintout.");
return;
}
const pages = printout.querySelectorAll(".onepage");
pages.forEach((page, index) => {
const isFirstPage = index === 0;
const headerDiv = document.createElement("div");
headerDiv.classList.add(isFirstPage ? "first-page-header" : "running-header", "hidden");
headerDiv.innerHTML = ``;
page.insertBefore(headerDiv, page.firstChild);
const footerDiv = document.createElement("div");
footerDiv.classList.add(isFirstPage ? "first-page-footer" : "running-footer", "hidden");
footerDiv.innerHTML = ``;
page.appendChild(footerDiv);
});
const headerFooterKeys = ["header-first-left", "header-first-center", "header-first-right", "footer-first-left", "footer-first-center", "footer-first-right", "header-running-left", "header-running-center", "header-running-right", "footer-running-left", "footer-running-center", "footer-running-right"];
const headerFooterContent = {};
headerFooterKeys.forEach((key) => {
headerFooterContent[key] = localStorage.getItem(key) || printout.getAttribute(`data-${key}`) || "";
});
document.querySelector(".first-page-header").querySelector(".header-left").innerHTML = headerFooterContent["header-first-left"];
document.querySelector(".first-page-header").querySelector(".header-center").innerHTML = headerFooterContent["header-first-center"];
document.querySelector(".first-page-header").querySelector(".header-right").innerHTML = headerFooterContent["header-first-right"];
document.querySelector(".first-page-footer").querySelector(".footer-left").innerHTML = headerFooterContent["footer-first-left"];
document.querySelector(".first-page-footer").querySelector(".footer-center").innerHTML = headerFooterContent["footer-first-center"];
document.querySelector(".first-page-footer").querySelector(".footer-right").innerHTML = headerFooterContent["footer-first-right"];
document.querySelectorAll(".running-header").forEach((headerDiv) => {
headerDiv.querySelector(".header-left").innerHTML = headerFooterContent["header-running-left"];
headerDiv.querySelector(".header-center").innerHTML = headerFooterContent["header-running-center"];
headerDiv.querySelector(".header-right").innerHTML = headerFooterContent["header-running-right"];
});
document.querySelectorAll(".running-footer").forEach((footerDiv) => {
footerDiv.querySelector(".footer-left").innerHTML = headerFooterContent["footer-running-left"];
footerDiv.querySelector(".footer-center").innerHTML = headerFooterContent["footer-running-center"];
footerDiv.querySelector(".footer-right").innerHTML = headerFooterContent["footer-running-right"];
});
headerFooterKeys.forEach((key) => {
const selectorMap = {
"header-first-left": ".first-page-header .header-left",
"header-first-center": ".first-page-header .header-center",
"header-first-right": ".first-page-header .header-right",
"footer-first-left": ".first-page-footer .footer-left",
"footer-first-center": ".first-page-footer .footer-center",
"footer-first-right": ".first-page-footer .footer-right",
"header-running-left": ".running-header .header-left",
"header-running-center": ".running-header .header-center",
"header-running-right": ".running-header .header-right",
"footer-running-left": ".running-footer .footer-left",
"footer-running-center": ".running-footer .footer-center",
"footer-running-right": ".running-footer .footer-right"
};
const elements = document.querySelectorAll(selectorMap[key]);
elements.forEach((elem) => {
elem.addEventListener("input", () => {
localStorage.setItem(key, elem.innerHTML);
});
});
});
}
function adjustWorkspaceToFitPage({ paperSize, margins }) {
console.log("*** Adjusting workspace to fit page size:", paperSize, "with margins:", margins);
const highlightWorkspaceCheckbox = document.getElementById("highlight-workspace-checkbox");
const wasHighlighted = highlightWorkspaceCheckbox && highlightWorkspaceCheckbox.checked;
if (wasHighlighted) {
toggleWorkspaceHighlight(false);
}
let paperWidth, paperHeight;
if (paperSize === "a4" || document.body.classList.contains("a4")) {
console.log("Setting page size to A4");
paperWidth = 794;
paperHeight = 1122.5;
} else {
console.log("Setting page size to Letter");
paperWidth = 816;
paperHeight = 1056;
}
const paperContentHeight = paperHeight - (margins.top + margins.bottom);
setInitialWorkspaceHeights();
const pages = document.querySelectorAll(".onepage");
pages.forEach((page) => {
console.log("Adjusting workspace height for page:", page);
page.style.width = paperWidth + "px";
const rows = page.children;
let totalContentHeight = 0;
let totalWorkspaceHeight = 0;
for (const row of rows) {
totalContentHeight += getElementTotalHeight(row);
totalWorkspaceHeight += getElemWorkspaceHeight(row);
}
if (totalWorkspaceHeight === 0) {
console.log("No workspaces on this page, skipping workspace adjustment.");
page.style.width = "";
return;
}
const extraHeight = paperContentHeight - totalContentHeight;
console.log("Extra height to distribute across workspaces:", extraHeight, "px.");
const workspaceAdjustmentFactor = (totalWorkspaceHeight + extraHeight) / totalWorkspaceHeight;
console.log("Workspace adjustment factor for page:", workspaceAdjustmentFactor);
const pageWorkspaces = page.querySelectorAll(".workspace");
pageWorkspaces.forEach((ws) => {
const originalHeight = ws.offsetHeight;
const newHeight = originalHeight * workspaceAdjustmentFactor;
ws.style.height = newHeight + "px";
});
page.style.width = "";
});
console.log("Set page sizes to content area of paper size.");
if (wasHighlighted) {
toggleWorkspaceHighlight(true);
}
}
function getElementTotalHeight(elem) {
const style = getComputedStyle(elem);
const marginTop = parseFloat(style.marginTop);
const marginBottom = parseFloat(style.marginBottom);
const height = elem.offsetHeight;
return height + marginTop + marginBottom;
}
function getElemWorkspaceHeight(elem) {
if (elem.classList.contains("sidebyside")) {
const sbspanels = elem.querySelectorAll(".sbspanel");
let max = 0;
sbspanels.forEach((panel) => {
const workspaces2 = panel.querySelectorAll(".workspace");
let totalHeight2 = 0;
workspaces2.forEach((workspace) => {
const workspaceHeight = workspace.offsetHeight;
if (workspaceHeight) {
totalHeight2 += workspaceHeight;
}
});
if (totalHeight2 > max) {
max = totalHeight2;
}
});
return max;
}
let columns = 1;
if (elem.classList.contains("exercisegroup")) {
for (let i = 2; i <= 6; i++) {
if (elem.querySelector(`.cols${i}`)) {
columns = i;
console.log("Found exercisegroup with columns:", columns);
break;
}
}
}
const workspaces = elem.querySelectorAll(".workspace");
let totalHeight = 0;
workspaces.forEach((ws) => {
const workspaceHeight = ws.offsetHeight;
if (workspaceHeight) {
totalHeight += workspaceHeight;
}
});
return totalHeight / columns;
}
function findPageBreaks(rows, pageHeight) {
console.log("*** Finding page breaks for", rows.length, "rows with page height:", pageHeight);
let pageBreaks = [];
let minCost = Array(rows.length + 1).fill(Infinity);
minCost[rows.length] = 0;
let nextPageBreak = Array(rows.length).fill(-1);
for (let i = rows.length - 1; i >= 0; i--) {
let cumulativeHeight = 0;
let cumulativeWorkspaceHeight = 0;
for (let j = i; j < rows.length; j++) {
cumulativeHeight += rows[j].height;
cumulativeWorkspaceHeight += rows[j].workspaceHeight;
if (cumulativeHeight > pageHeight) {
if (j === i) {
console.log("Row", i, "exceeds page height by itself, setting as its own page.");
minCost[i] = 0;
nextPageBreak[i] = i + 1;
break;
} else {
break;
}
}
const cost = (pageHeight - cumulativeHeight) ** 2 + minCost[j + 1];
if (cost < minCost[i]) {
minCost[i] = cost;
nextPageBreak[i] = j + 1;
}
}
}
let nextPage = 1;
while (nextPage < rows.length) {
pageBreaks.push(nextPageBreak[nextPage]);
nextPage = nextPageBreak[nextPage];
}
return pageBreaks;
}
function setPageGeometryCSS({ paperSize, margins }) {
console.log("*** Setting page geometry CSS for paper size:", paperSize, "with margins:", margins);
const existingStyle = document.getElementById("page-geometry-css");
if (existingStyle) {
existingStyle.remove();
}
let wsWidth = paperSize === "letter" ? "816px" : "794px";
let wsHeight = paperSize === "letter" ? "1056px" : "1123px";
const style = document.createElement("style");
style.id = "page-geometry-css";
style.textContent = `
:root {
--ws-width: ${wsWidth};
--ws-height: ${wsHeight};
--ws-top-margin: ${margins.top}px;
--ws-right-margin: ${margins.right}px;
--ws-bottom-margin: ${margins.bottom}px;
--ws-left-margin: ${margins.left}px;
}
@page {
margin: var(--ws-top-margin, ${margins.top}px) var(--ws-right-margin, ${margins.right}px) var(--ws-bottom-margin, ${margins.bottom}px) var(--ws-left-margin, ${margins.left}px);
}
`;
document.head.appendChild(style);
}
function toggleWorkspaceHighlight(isChecked) {
if (isChecked) {
document.body.classList.add("highlight-workspace");
if (!document.querySelector(".workspace-container")) {
console.log("adding original workspace divs");
document.querySelectorAll(".workspace").forEach((workspace) => {
const container = document.createElement("div");
container.classList.add("workspace-container");
container.style.height = window.getComputedStyle(workspace).height;
const original = document.createElement("div");
original.classList.add("original-workspace");
const originalHeight = workspace.getAttribute("data-space") || "0px";
original.setAttribute("title", "Author-specified workspace height (" + originalHeight + ")");
original.style.height = originalHeight;
container.appendChild(original);
if (original.offsetHeight > workspace.offsetHeight) {
original.classList.add("warning");
}
workspace.parentNode.insertBefore(container, workspace);
container.appendChild(workspace);
});
}
} else {
document.body.classList.remove("highlight-workspace");
document.querySelectorAll(".workspace-container").forEach((container) => {
const workspace = container.querySelector(".workspace");
container.parentNode.insertBefore(workspace, container);
container.remove();
});
}
}
function getPaperSize() {
let paperSize = localStorage.getItem("papersize");
if (paperSize) {
return paperSize;
} else {
try {
fetch("https://ipapi.co/json/").then((response) => response.json()).then((data) => {
let continent = data && data.continent_code ? data.continent_code : "";
paperSize = continent === "NA" || continent === "SA" ? "letter" : "a4";
const radio = document.querySelector(`input[name="papersize"][value="${paperSize}"]`);
if (radio) {
radio.checked = true;
localStorage.setItem("papersize", paperSize);
}
document.body.classList.remove("a4", "letter");
document.body.classList.add(paperSize);
console.log("Setting papersize to", paperSize);
}).catch((err) => {
throw err;
});
} catch (e2) {
const radio = document.querySelector(`input[name="papersize"][value="letter"]`);
if (radio) radio.checked = true;
}
}
return paperSize || "letter";
}
async function loadPrintout(printableSectionID) {
const themeStylesheetLink = document.querySelector('link[rel="stylesheet"][href*="theme"]');
const themeStylesheetHref = themeStylesheetLink ? themeStylesheetLink.getAttribute("href") : null;
if (themeStylesheetHref) {
const printStylesheetHref = themeStylesheetHref.replace(/theme.*\.css/, "print-worksheet.css");
themeStylesheetLink.setAttribute("href", printStylesheetHref);
await new Promise((resolve) => {
themeStylesheetLink.addEventListener("load", resolve, { once: true });
});
}
const printableSection = document.getElementById(printableSectionID);
if (!printableSection) {
console.error("No section found with ID:", printableSectionID);
return;
}
const ptxContent = document.querySelector(".ptx-content");
const existingSections = ptxContent.querySelectorAll(":scope > section");
existingSections.forEach((sec) => ptxContent.removeChild(sec));
ptxContent.appendChild(printableSection);
}
function rewriteSolutions() {
var born_hidden_knowls = document.querySelectorAll(".worksheet details, .handout details");
born_hidden_knowls.forEach(function(detail) {
const summary = detail.querySelector("summary");
const content2 = detail.innerHTML.replace(summary.outerHTML, "");
const div = document.createElement("div");
div.classList = detail.classList;
if (summary) {
const title = document.createElement("h5");
title.innerHTML = summary.innerHTML;
div.appendChild(title);
}
const body = document.createElement("div");
body.innerHTML = content2;
div.appendChild(body);
detail.parentNode.replaceChild(div, detail);
});
}
function toPixels(value) {
if (typeof value === "number") return value;
if (typeof value !== "string") return 0;
value = value.trim();
if (value.endsWith("px")) {
return parseFloat(value);
} else if (value.endsWith("in")) {
return Math.floor(parseFloat(value) * 96);
} else if (value.endsWith("cm")) {
return Math.floor(parseFloat(value) * 37.8);
} else if (value.endsWith("mm")) {
return Math.floor(parseFloat(value) * 3.78);
} else if (value.endsWith("pt")) {
return Math.floor(parseFloat(value) * (96 / 72));
} else {
return parseFloat(value) || 0;
}
}
window.addEventListener("DOMContentLoaded", async function(event2) {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has("printpreview")) {
const printableSectionID = urlParams.get("printpreview");
await loadPrintout(printableSectionID);
const marginList = document.querySelector("section.worksheet, section.handout").getAttribute("data-margins").split(" ");
const margins = {
top: toPixels(marginList[0] || "0.75in"),
// Default to 0.75in if not specified
right: toPixels(marginList[1] || "0.75in"),
bottom: toPixels(marginList[2] || "0.75in"),
left: toPixels(marginList[3] || "0.75in")
};
rewriteSolutions();
let paperSize = getPaperSize();
if (paperSize) {
const radio = document.querySelector(`input[name="papersize"][value="${paperSize}"]`);
if (radio) {
radio.checked = true;
}
document.body.classList.remove("a4", "letter");
document.body.classList.add(paperSize);
setPageGeometryCSS({ paperSize, margins });
} else {
console.warning("Bug: paperSize should always have a value here.");
}
const papersizeRadios = document.querySelectorAll('input[name="papersize"]');
papersizeRadios.forEach((radio) => {
radio.addEventListener("change", function() {
if (this.checked) {
document.body.classList.remove("a4", "letter");
document.body.classList.add(this.value);
localStorage.setItem("papersize", this.value);
setPageGeometryCSS({ paperSize: this.value, margins });
adjustWorkspaceToFitPage({ paperSize: this.value, margins });
}
});
});
for (const solutionType of ["hint", "answer", "solution"]) {
const checkbox = document.getElementById(`hide-${solutionType}-checkbox`);
if (checkbox) {
const storageKey = `hide-${solutionType}`;
if (solutionType === "answer" || solutionType === "solution") {
if (!localStorage.getItem(storageKey)) {
checkbox.checked = true;
localStorage.setItem(storageKey, "true");
}
}
checkbox.checked = localStorage.getItem(storageKey) === "true";
document.querySelectorAll(`div.${solutionType}`).forEach((elem) => {
if (checkbox.checked) {
elem.classList.add("hidden");
} else {
elem.classList.remove("hidden");
}
});
checkbox.addEventListener("change", function() {
localStorage.setItem(storageKey, this.checked);
document.querySelectorAll(`div.${solutionType}`).forEach((elem) => {
if (checkbox.checked) {
elem.classList.add("hidden");
} else {
elem.classList.remove("hidden");
}
adjustWorkspaceToFitPage({ paperSize, margins });
});
});
}
}
const printoutSection = document.querySelector("section.worksheet, section.handout");
if (printoutSection) {
flattenParagraphsSections(printoutSection);
}
if (printoutSection) {
await waitForImages(printoutSection);
}
if (document.querySelector(".onepage")) {
adjustPrintoutPages();
} else {
createPrintoutPages(margins);
}
addHeadersAndFootersToPrintout();
for (const hf of ["first-page-header", "running-header", "first-page-footer", "running-footer"]) {
const checkbox = document.getElementById(`print-${hf}-checkbox`);
if (checkbox) {
checkbox.checked = localStorage.getItem(`print-${hf}`) === "true";
document.querySelectorAll(`.${hf}`).forEach((elem) => {
if (checkbox.checked) {
elem.classList.remove("hidden");
} else {
elem.classList.add("hidden");
}
});
checkbox.addEventListener("change", function() {
localStorage.setItem(`print-${hf}`, this.checked);
document.querySelectorAll(`.${hf}`).forEach((elem) => {
if (checkbox.checked) {
elem.classList.remove("hidden");
} else {
elem.classList.add("hidden");
}
adjustWorkspaceToFitPage({ paperSize, margins });
});
});
}
}
adjustWorkspaceToFitPage({ paperSize, margins });
const highlightWorkspaceCheckbox = document.getElementById("highlight-workspace-checkbox");
if (highlightWorkspaceCheckbox) {
highlightWorkspaceCheckbox.checked = localStorage.getItem("highlightWorkspace") === "true";
highlightWorkspaceCheckbox.addEventListener("change", function() {
localStorage.setItem("highlightWorkspace", this.checked);
toggleWorkspaceHighlight(this.checked);
});
toggleWorkspaceHighlight(highlightWorkspaceCheckbox.checked);
}
console.log("finished adjusting workspace");
}
});
document.addEventListener("click", (ev) => {
const codeBox = ev.target.closest(".clipboardable");
if (!navigator.clipboard || !codeBox) return;
const button = ev.target.closest(".code-copy");
const pre = codeBox.querySelector("pre").cloneNode(true);
pre.querySelectorAll(".unselectable").forEach((el2) => el2.remove());
const preContent = pre.textContent;
navigator.clipboard.writeText(preContent);
button.classList.toggle("copied");
setTimeout(() => button.classList.toggle("copied"), 1e3);
});
document.addEventListener("DOMContentLoaded", () => {
const elements = document.querySelectorAll(".clipboardable");
for (el of elements) {
const div = document.createElement("div");
div.classList.add("clipboardable");
el.classList.remove("clipboardable");
el.replaceWith(div);
div.insertAdjacentElement("afterbegin", el);
div.insertAdjacentHTML("beforeend", `
content_copy
check
`.trim());
}
});
window.addEventListener("DOMContentLoaded", () => {
const userDropdownButton = document.getElementById("ptx-user-dropdown-button");
const userDropdownContent = document.getElementById("ptx-user-dropdown-content");
if (userDropdownButton && userDropdownContent) {
new PTXDropdown(userDropdownContent, userDropdownButton);
}
});
// ../../js/src/pretext-embed.js
window.addEventListener("DOMContentLoaded", function(event2) {
const shareButton = document.getElementById("ptx-embed-button");
const sharePopupElement = document.getElementById("ptx-embed-popup");
if (!shareButton || !sharePopupElement) {
return;
}
const closeBtn = document.getElementById("ptx-embed-close-button");
const sharePopup = new PTXDialog(
sharePopupElement,
shareButton,
{
kind: "light-close",
closeButton: closeBtn
}
);
const embedCode = "";
const embedTextbox = document.getElementById("ptx-embed-code-textbox");
if (embedTextbox) {
embedTextbox.value = embedCode;
}
const copyButton = document.getElementById("ptx-embed-copy-button");
if (copyButton) {
if (navigator.clipboard) {
copyButton.addEventListener("click", function() {
const embedTextbox2 = document.getElementById("ptx-embed-code-textbox");
if (embedTextbox2) {
if (navigator.clipboard) {
navigator.clipboard.writeText(embedCode).then(() => {
console.log("Embed code copied to clipboard!");
copyButton.querySelector(".icon").innerText = "library_add_check";
setTimeout(function() {
copyButton.querySelector(".icon").innerText = "content_copy";
sharePopup.close();
shareButton.focus();
}, 450);
}).catch((err) => {
console.error("Failed to copy embed code: ", err);
});
} else {
console.warn("Clipboard API not supported, falling back to manual copy.");
}
}
});
} else {
copyButton.style.display = "none";
}
}
});
window.addEventListener("DOMContentLoaded", function(event2) {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has("embed")) {
if (urlParams.get("embed") === "dark") {
setDarkMode(true);
} else {
setDarkMode(false);
}
const elemsToHide = [
"ptx-navbar",
"ptx-masthead",
"ptx-page-footer",
"ptx-sidebar",
"ptx-content-footer"
];
for (let id of elemsToHide) {
const elem = document.getElementById(id);
if (elem) {
elem.classList.add("hidden");
}
}
}
});
// ../../js/src/pretext-core.js
var import_knowl = __toESM(require_knowl());
})();
//# sourceMappingURL=pretext-core.js.map