-
-`);
-
- // DMath, not Math, because that would conflict with the JS built-in
- class DMath extends Mutating(T(HTMLElement)) {
-
- static set katexOptions(options) {
- DMath._katexOptions = options;
- if (DMath.katexOptions.delimiters) {
- if (!DMath.katexAdded) {
- DMath.addKatex();
- } else {
- DMath.katexLoadedCallback();
- }
- }
- }
-
- static get katexOptions() {
- if (!DMath._katexOptions) {
- DMath._katexOptions = {
- delimiters: [ { 'left':'$$', 'right':'$$', 'display': false } ]
- };
- }
- return DMath._katexOptions;
- }
-
- static katexLoadedCallback() {
- // render all d-math tags
- const mathTags = document.querySelectorAll('d-math');
- for (const mathTag of mathTags) {
- mathTag.renderContent();
- }
- // transform inline delimited math to d-math tags
- if (DMath.katexOptions.delimiters) {
- renderMathInElement(document.body, DMath.katexOptions);
- }
- }
-
- static addKatex() {
- // css tag can use this convenience function
- document.head.insertAdjacentHTML('beforeend', katexCSSTag);
- // script tag has to be created to work properly
- const scriptTag = document.createElement('script');
- scriptTag.src = katexJSURL;
- scriptTag.async = true;
- scriptTag.onload = DMath.katexLoadedCallback;
- scriptTag.crossorigin = 'anonymous';
- document.head.appendChild(scriptTag);
-
- DMath.katexAdded = true;
- }
-
- get options() {
- const localOptions = { displayMode: this.hasAttribute('block') };
- return Object.assign(localOptions, DMath.katexOptions);
- }
-
- connectedCallback() {
- super.connectedCallback();
- if (!DMath.katexAdded) {
- DMath.addKatex();
- }
- }
-
- renderContent() {
- if (typeof katex !== 'undefined') {
- const container = this.root.querySelector('#katex-container');
- katex.render(this.textContent, container, this.options);
- }
- }
-
- }
-
- DMath.katexAdded = false;
- DMath.inlineMathRendered = false;
- window.DMath = DMath; // TODO: check if this can be removed, or if we should expose a distill global
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- function collect_citations(dom = document) {
- const citations = new Set();
- const citeTags = dom.querySelectorAll("d-cite");
- for (const tag of citeTags) {
- const keyString = tag.getAttribute("key") || tag.getAttribute("bibtex-key");
- const keys = keyString.split(",").map(k => k.trim());
- for (const key of keys) {
- citations.add(key);
- }
- }
- return [...citations];
- }
-
- function author_string(ent, template, sep, finalSep) {
- if (ent.author == null) {
- return "";
- }
- var names = ent.author.split(" and ");
- let name_strings = names.map(name => {
- name = name.trim();
- if (name.indexOf(",") != -1) {
- var last = name.split(",")[0].trim();
- var firsts = name.split(",")[1];
- } else if (name.indexOf(" ") != -1) {
- var last = name
- .split(" ")
- .slice(-1)[0]
- .trim();
- var firsts = name
- .split(" ")
- .slice(0, -1)
- .join(" ");
- } else {
- var last = name.trim();
- }
- var initials = "";
- if (firsts != undefined) {
- initials = firsts
- .trim()
- .split(" ")
- .map(s => s.trim()[0]);
- initials = initials.join(".") + ".";
- }
- return template
- .replace("${F}", firsts)
- .replace("${L}", last)
- .replace("${I}", initials)
- .trim(); // in case one of first or last was empty
- });
- if (names.length > 1) {
- var str = name_strings.slice(0, names.length - 1).join(sep);
- str += (finalSep || sep) + name_strings[names.length - 1];
- return str;
- } else {
- return name_strings[0];
- }
- }
-
- function venue_string(ent) {
- var cite = ent.journal || ent.booktitle || "";
- if ("volume" in ent) {
- var issue = ent.issue || ent.number;
- issue = issue != undefined ? "(" + issue + ")" : "";
- cite += ", Vol " + ent.volume + issue;
- }
- if ("pages" in ent) {
- cite += ", pp. " + ent.pages;
- }
- if (cite != "") cite += ". ";
- if ("publisher" in ent) {
- cite += ent.publisher;
- if (cite[cite.length - 1] != ".") cite += ".";
- }
- return cite;
- }
-
- function link_string(ent) {
- if ("url" in ent) {
- var url = ent.url;
- var arxiv_match = /arxiv\.org\/abs\/([0-9\.]*)/.exec(url);
- if (arxiv_match != null) {
- url = `http://arxiv.org/pdf/${arxiv_match[1]}.pdf`;
- }
-
- if (url.slice(-4) == ".pdf") {
- var label = "PDF";
- } else if (url.slice(-5) == ".html") {
- var label = "HTML";
- }
- return `
[${label || "link"}] `;
- } /* else if ("doi" in ent){
- return `
[DOI] `;
- }*/ else {
- return "";
- }
- }
- function doi_string(ent, new_line) {
- if ("doi" in ent) {
- return `${new_line ? "
" : ""}
DOI: ${ent.doi} `;
- } else {
- return "";
- }
- }
-
- function title_string(ent) {
- return '
' + ent.title + " ";
- }
-
- function bibliography_cite(ent, fancy) {
- if (ent) {
- var cite = title_string(ent);
- cite += link_string(ent) + "
";
- if (ent.author) {
- cite += author_string(ent, "${L}, ${I}", ", ", " and ");
- if (ent.year || ent.date) {
- cite += ", ";
- }
- }
- if (ent.year || ent.date) {
- cite += (ent.year || ent.date) + ". ";
- } else {
- cite += ". ";
- }
- cite += venue_string(ent);
- cite += doi_string(ent);
- return cite;
- /*var cite = author_string(ent, "${L}, ${I}", ", ", " and ");
- if (ent.year || ent.date){
- cite += ", " + (ent.year || ent.date) + ". "
- } else {
- cite += ". "
- }
- cite += "
" + ent.title + " . ";
- cite += venue_string(ent);
- cite += doi_string(ent);
- cite += link_string(ent);
- return cite*/
- } else {
- return "?";
- }
- }
-
- function hover_cite(ent) {
- if (ent) {
- var cite = "";
- cite += "
" + ent.title + " ";
- cite += link_string(ent);
- cite += "
";
-
- var a_str = author_string(ent, "${I} ${L}", ", ") + ".";
- var v_str =
- venue_string(ent).trim() + " " + ent.year + ". " + doi_string(ent, true);
-
- if ((a_str + v_str).length < Math.min(40, ent.title.length)) {
- cite += a_str + " " + v_str;
- } else {
- cite += a_str + "
" + v_str;
- }
- return cite;
- } else {
- return "?";
- }
- }
-
- function domContentLoaded() {
- return ['interactive', 'complete'].indexOf(document.readyState) !== -1;
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- function _moveLegacyAffiliationFormatIntoArray(frontMatter) {
- // authors used to have propoerties "affiliation" and "affiliationURL".
- // We now encourage using an array for affiliations containing objects with
- // properties "name" and "url".
- for (let author of frontMatter.authors) {
- const hasOldStyle = Boolean(author.affiliation);
- const hasNewStyle = Boolean(author.affiliations);
- if (!hasOldStyle) continue;
- if (hasNewStyle) {
- console.warn(`Author ${author.author} has both old-style ("affiliation" & "affiliationURL") and new style ("affiliations") affiliation information!`);
- } else {
- let newAffiliation = {
- "name": author.affiliation
- };
- if (author.affiliationURL) newAffiliation.url = author.affiliationURL;
- author.affiliations = [newAffiliation];
- }
- }
- return frontMatter
- }
-
- function parseFrontmatter(element) {
- const scriptTag = element.firstElementChild;
- if (scriptTag) {
- const type = scriptTag.getAttribute('type');
- if (type.split('/')[1] == 'json') {
- const content = scriptTag.textContent;
- const parsed = JSON.parse(content);
- return _moveLegacyAffiliationFormatIntoArray(parsed);
- } else {
- console.error('Distill only supports JSON frontmatter tags anymore; no more YAML.');
- }
- } else {
- console.error('You added a frontmatter tag but did not provide a script tag with front matter data in it. Please take a look at our templates.');
- }
- return {};
- }
-
- class FrontMatter$1 extends HTMLElement {
-
- static get is() { return 'd-front-matter'; }
-
- constructor() {
- super();
-
- const options = {childList: true, characterData: true, subtree: true};
- const observer = new MutationObserver( (entries) => {
- for (const entry of entries) {
- if (entry.target.nodeName === 'SCRIPT' || entry.type === 'characterData') {
- const data = parseFrontmatter(this);
- this.notify(data);
- }
- }
- });
- observer.observe(this, options);
- }
-
- notify(data) {
- const options = { detail: data, bubbles: true };
- const event = new CustomEvent('onFrontMatterChanged', options);
- document.dispatchEvent(event);
- }
-
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- // no appendix -> add appendix
- // title in front, no h1 -> add it
- // no title in front, h1 -> read and put into frontMatter
- // footnote -> footnote list
- // break up bib
- // if citation, no bib-list -> add citation-list
-
- // if authors, no byline -> add byline
-
- function optionalComponents(dom, data) {
- const body = dom.body;
- const article = body.querySelector('d-article');
-
- // If we don't have an article tag, something weird is going on—giving up.
- if (!article) {
- console.warn('No d-article tag found; skipping adding optional components!');
- return;
- }
-
- let byline = dom.querySelector('d-byline');
- if (!byline) {
- if (data.authors) {
- byline = dom.createElement('d-byline');
- body.insertBefore(byline, article);
- } else {
- console.warn('No authors found in front matter; please add them before submission!');
- }
- }
-
- let title = dom.querySelector('d-title');
- if (!title) {
- title = dom.createElement('d-title');
- body.insertBefore(title, byline);
- }
-
- let h1 = title.querySelector('h1');
- if (!h1) {
- h1 = dom.createElement('h1');
- h1.textContent = data.title;
- title.insertBefore(h1, title.firstChild);
- }
-
- const hasPassword = typeof data.password !== 'undefined';
- let interstitial = body.querySelector('d-interstitial');
- if (hasPassword && !interstitial) {
- const inBrowser = typeof window !== 'undefined';
- const onLocalhost = inBrowser && window.location.hostname.includes('localhost');
- if (!inBrowser || !onLocalhost) {
- interstitial = dom.createElement('d-interstitial');
- interstitial.password = data.password;
- body.insertBefore(interstitial, body.firstChild);
- }
- } else if (!hasPassword && interstitial) {
- interstitial.parentElement.removeChild(this);
- }
-
- let appendix = dom.querySelector('d-appendix');
- if (!appendix) {
- appendix = dom.createElement('d-appendix');
- dom.body.appendChild(appendix);
- }
-
- let footnoteList = dom.querySelector('d-footnote-list');
- if (!footnoteList) {
- footnoteList = dom.createElement('d-footnote-list');
- appendix.appendChild(footnoteList);
- }
-
- let citationList = dom.querySelector('d-citation-list');
- if (!citationList) {
- citationList = dom.createElement('d-citation-list');
- appendix.appendChild(citationList);
- }
-
- }
-
- // Copyright 2018 The Distill Template Authors
-
- const frontMatter = new FrontMatter();
-
- const Controller = {
- frontMatter: frontMatter,
- waitingOn: {
- bibliography: [],
- citations: []
- },
- listeners: {
- onCiteKeyCreated(event) {
- const [citeTag, keys] = event.detail;
-
- // ensure we have citations
- if (!frontMatter.citationsCollected) {
- // console.debug('onCiteKeyCreated, but unresolved dependency ("citations"). Enqueing.');
- Controller.waitingOn.citations.push(() =>
- Controller.listeners.onCiteKeyCreated(event)
- );
- return;
- }
-
- // ensure we have a loaded bibliography
- if (!frontMatter.bibliographyParsed) {
- // console.debug('onCiteKeyCreated, but unresolved dependency ("bibliography"). Enqueing.');
- Controller.waitingOn.bibliography.push(() =>
- Controller.listeners.onCiteKeyCreated(event)
- );
- return;
- }
-
- const numbers = keys.map(key => frontMatter.citations.indexOf(key));
- citeTag.numbers = numbers;
- const entries = keys.map(key => frontMatter.bibliography.get(key));
- citeTag.entries = entries;
- },
-
- onCiteKeyChanged() {
- // const [citeTag, keys] = event.detail;
-
- // update citations
- frontMatter.citations = collect_citations();
- frontMatter.citationsCollected = true;
- for (const waitingCallback of Controller.waitingOn.citations.slice()) {
- waitingCallback();
- }
-
- // update bibliography
- const citationListTag = document.querySelector("d-citation-list");
- const bibliographyEntries = new Map(
- frontMatter.citations.map(citationKey => {
- return [citationKey, frontMatter.bibliography.get(citationKey)];
- })
- );
- citationListTag.citations = bibliographyEntries;
-
- const citeTags = document.querySelectorAll("d-cite");
- for (const citeTag of citeTags) {
- console.log(citeTag);
- const keys = citeTag.keys;
- const numbers = keys.map(key => frontMatter.citations.indexOf(key));
- citeTag.numbers = numbers;
- const entries = keys.map(key => frontMatter.bibliography.get(key));
- citeTag.entries = entries;
- }
- },
-
- onCiteKeyRemoved(event) {
- Controller.listeners.onCiteKeyChanged(event);
- },
-
- onBibliographyChanged(event) {
- const citationListTag = document.querySelector("d-citation-list");
-
- const bibliography = event.detail;
-
- frontMatter.bibliography = bibliography;
- frontMatter.bibliographyParsed = true;
- for (const waitingCallback of Controller.waitingOn.bibliography.slice()) {
- waitingCallback();
- }
-
- // ensure we have citations
- if (!frontMatter.citationsCollected) {
- Controller.waitingOn.citations.push(function() {
- Controller.listeners.onBibliographyChanged({
- target: event.target,
- detail: event.detail
- });
- });
- return;
- }
-
- if (citationListTag.hasAttribute("distill-prerendered")) {
- console.debug("Citation list was prerendered; not updating it.");
- } else {
- const entries = new Map(
- frontMatter.citations.map(citationKey => {
- return [citationKey, frontMatter.bibliography.get(citationKey)];
- })
- );
- citationListTag.citations = entries;
- }
- },
-
- onFootnoteChanged() {
- // const footnote = event.detail;
- //TODO: optimize to only update current footnote
- const footnotesList = document.querySelector("d-footnote-list");
- if (footnotesList) {
- const footnotes = document.querySelectorAll("d-footnote");
- footnotesList.footnotes = footnotes;
- }
- },
-
- onFrontMatterChanged(event) {
- const data = event.detail;
- mergeFromYMLFrontmatter(frontMatter, data);
-
- const interstitial = document.querySelector("d-interstitial");
- if (interstitial) {
- if (typeof frontMatter.password !== "undefined") {
- interstitial.password = frontMatter.password;
- } else {
- interstitial.parentElement.removeChild(interstitial);
- }
- }
-
- const prerendered = document.body.hasAttribute("distill-prerendered");
- if (!prerendered && domContentLoaded()) {
- optionalComponents(document, frontMatter);
-
- const appendix = document.querySelector("distill-appendix");
- if (appendix) {
- appendix.frontMatter = frontMatter;
- }
-
- const byline = document.querySelector("d-byline");
- if (byline) {
- byline.frontMatter = frontMatter;
- }
-
- if (data.katex) {
- DMath.katexOptions = data.katex;
- }
- }
- },
-
- DOMContentLoaded() {
- if (Controller.loaded) {
- console.warn(
- "Controller received DOMContentLoaded but was already loaded!"
- );
- return;
- } else if (!domContentLoaded()) {
- console.warn(
- "Controller received DOMContentLoaded at document.readyState: " +
- document.readyState +
- "!"
- );
- return;
- } else {
- Controller.loaded = true;
- console.debug("Runlevel 4: Controller running DOMContentLoaded");
- }
-
- const frontMatterTag = document.querySelector("d-front-matter");
- if (frontMatterTag) {
- const data = parseFrontmatter(frontMatterTag);
- Controller.listeners.onFrontMatterChanged({ detail: data });
- }
-
- // Resolving "citations" dependency due to initial DOM load
- frontMatter.citations = collect_citations();
- frontMatter.citationsCollected = true;
- for (const waitingCallback of Controller.waitingOn.citations.slice()) {
- waitingCallback();
- }
-
- if (frontMatter.bibliographyParsed) {
- for (const waitingCallback of Controller.waitingOn.bibliography.slice()) {
- waitingCallback();
- }
- }
-
- const footnotesList = document.querySelector("d-footnote-list");
- if (footnotesList) {
- const footnotes = document.querySelectorAll("d-footnote");
- footnotesList.footnotes = footnotes;
- }
- }
- } // listeners
- }; // Controller
-
- var base = "/*\n * Copyright 2018 The Distill Template Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nhtml {\n font-size: 14px;\n\tline-height: 1.6em;\n /* font-family: \"Libre Franklin\", \"Helvetica Neue\", sans-serif; */\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", Arial, sans-serif;\n /*, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";*/\n text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n\n@media(min-width: 768px) {\n html {\n font-size: 16px;\n }\n}\n\nbody {\n margin: 0;\n}\n\na {\n color: #004276;\n}\n\nfigure {\n margin: 0;\n}\n\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\ntable th {\n\ttext-align: left;\n}\n\ntable thead {\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\ntable thead th {\n padding-bottom: 0.5em;\n}\n\ntable tbody :first-child td {\n padding-top: 0.5em;\n}\n\npre {\n overflow: auto;\n max-width: 100%;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\nsup, sub {\n vertical-align: baseline;\n position: relative;\n top: -0.4em;\n line-height: 1em;\n}\n\nsub {\n top: 0.4em;\n}\n\n.kicker,\n.marker {\n font-size: 15px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.5);\n}\n\n\n/* Headline */\n\n@media(min-width: 1024px) {\n d-title h1 span {\n display: block;\n }\n}\n\n/* Figure */\n\nfigure {\n position: relative;\n margin-bottom: 2.5em;\n margin-top: 1.5em;\n}\n\nfigcaption+figure {\n\n}\n\nfigure img {\n width: 100%;\n}\n\nfigure svg text,\nfigure svg tspan {\n}\n\nfigcaption,\n.figcaption {\n color: rgba(0, 0, 0, 0.6);\n font-size: 12px;\n line-height: 1.5em;\n}\n\n@media(min-width: 1024px) {\nfigcaption,\n.figcaption {\n font-size: 13px;\n }\n}\n\nfigure.external img {\n background: white;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n padding: 18px;\n box-sizing: border-box;\n}\n\nfigcaption a {\n color: rgba(0, 0, 0, 0.6);\n}\n\nfigcaption b,\nfigcaption strong, {\n font-weight: 600;\n color: rgba(0, 0, 0, 1.0);\n}\n";
-
- var layout = "/*\n * Copyright 2018 The Distill Template Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@supports not (display: grid) {\n .base-grid,\n distill-header,\n d-title,\n d-abstract,\n d-article,\n d-appendix,\n distill-appendix,\n d-byline,\n d-footnote-list,\n d-citation-list,\n distill-footer {\n display: block;\n padding: 8px;\n }\n}\n\n.base-grid,\ndistill-header,\nd-title,\nd-abstract,\nd-article,\nd-appendix,\ndistill-appendix,\nd-byline,\nd-footnote-list,\nd-citation-list,\ndistill-footer {\n display: grid;\n justify-items: stretch;\n grid-template-columns: [screen-start] 8px [page-start kicker-start text-start gutter-start middle-start] 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr [text-end page-end gutter-end kicker-end middle-end] 8px [screen-end];\n grid-column-gap: 8px;\n}\n\n.grid {\n display: grid;\n grid-column-gap: 8px;\n}\n\n@media(min-width: 768px) {\n .base-grid,\n distill-header,\n d-title,\n d-abstract,\n d-article,\n d-appendix,\n distill-appendix,\n d-byline,\n d-footnote-list,\n d-citation-list,\n distill-footer {\n grid-template-columns: [screen-start] 1fr [page-start kicker-start middle-start text-start] 45px 45px 45px 45px 45px 45px 45px 45px [ kicker-end text-end gutter-start] 45px [middle-end] 45px [page-end gutter-end] 1fr [screen-end];\n grid-column-gap: 16px;\n }\n\n .grid {\n grid-column-gap: 16px;\n }\n}\n\n@media(min-width: 1000px) {\n .base-grid,\n distill-header,\n d-title,\n d-abstract,\n d-article,\n d-appendix,\n distill-appendix,\n d-byline,\n d-footnote-list,\n d-citation-list,\n distill-footer {\n grid-template-columns: [screen-start] 1fr [page-start kicker-start] 50px [middle-start] 50px [text-start kicker-end] 50px 50px 50px 50px 50px 50px 50px 50px [text-end gutter-start] 50px [middle-end] 50px [page-end gutter-end] 1fr [screen-end];\n grid-column-gap: 16px;\n }\n\n .grid {\n grid-column-gap: 16px;\n }\n}\n\n@media(min-width: 1180px) {\n .base-grid,\n distill-header,\n d-title,\n d-abstract,\n d-article,\n d-appendix,\n distill-appendix,\n d-byline,\n d-footnote-list,\n d-citation-list,\n distill-footer {\n grid-template-columns: [screen-start] 1fr [page-start kicker-start] 60px [middle-start] 60px [text-start kicker-end] 60px 60px 60px 60px 60px 60px 60px 60px [text-end gutter-start] 60px [middle-end] 60px [page-end gutter-end] 1fr [screen-end];\n grid-column-gap: 32px;\n }\n\n .grid {\n grid-column-gap: 32px;\n }\n}\n\n\n\n\n.base-grid {\n grid-column: screen;\n}\n\n/* .l-body,\nd-article > * {\n grid-column: text;\n}\n\n.l-page,\nd-title > *,\nd-figure {\n grid-column: page;\n} */\n\n.l-gutter {\n grid-column: gutter;\n}\n\n.l-text,\n.l-body {\n grid-column: text;\n}\n\n.l-page {\n grid-column: page;\n}\n\n.l-body-outset {\n grid-column: middle;\n}\n\n.l-page-outset {\n grid-column: page;\n}\n\n.l-screen {\n grid-column: screen;\n}\n\n.l-screen-inset {\n grid-column: screen;\n padding-left: 16px;\n padding-left: 16px;\n}\n\n\n/* Aside */\n\nd-article aside {\n grid-column: gutter;\n font-size: 12px;\n line-height: 1.6em;\n color: rgba(0, 0, 0, 0.6)\n}\n\n@media(min-width: 768px) {\n aside {\n grid-column: gutter;\n }\n\n .side {\n grid-column: gutter;\n }\n}\n";
-
- var print = "/*\n * Copyright 2018 The Distill Template Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@media print {\n\n @page {\n size: 8in 11in;\n @bottom-right {\n content: counter(page) \" of \" counter(pages);\n }\n }\n\n html {\n /* no general margins -- CSS Grid takes care of those */\n }\n\n p, code {\n page-break-inside: avoid;\n }\n\n h2, h3 {\n page-break-after: avoid;\n }\n\n d-header {\n visibility: hidden;\n }\n\n d-footer {\n display: none!important;\n }\n\n}\n";
-
- var byline = "/*\n * Copyright 2018 The Distill Template Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nd-byline {\n contain: style;\n overflow: hidden;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n font-size: 0.8rem;\n line-height: 1.8em;\n padding: 1.5rem 0;\n min-height: 1.8em;\n}\n\n\nd-byline .byline {\n grid-template-columns: 1fr 1fr;\n grid-column: text;\n}\n\n@media(min-width: 768px) {\n d-byline .byline {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n}\n\nd-byline .authors-affiliations {\n grid-column-end: span 2;\n grid-template-columns: 1fr 1fr;\n margin-bottom: 1em;\n}\n\n@media(min-width: 768px) {\n d-byline .authors-affiliations {\n margin-bottom: 0;\n }\n}\n\nd-byline h3 {\n font-size: 0.6rem;\n font-weight: 400;\n color: rgba(0, 0, 0, 0.5);\n margin: 0;\n text-transform: uppercase;\n}\n\nd-byline p {\n margin: 0;\n}\n\nd-byline a,\nd-article d-byline a {\n color: rgba(0, 0, 0, 0.8);\n text-decoration: none;\n border-bottom: none;\n}\n\nd-article d-byline a:hover {\n text-decoration: underline;\n border-bottom: none;\n}\n\nd-byline p.author {\n font-weight: 500;\n}\n\nd-byline .affiliations {\n\n}\n";
-
- var article = "/*\n * Copyright 2018 The Distill Template Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nd-article {\n contain: layout style;\n overflow-x: hidden;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n padding-top: 2rem;\n color: rgba(0, 0, 0, 0.8);\n}\n\nd-article > * {\n grid-column: text;\n}\n\n@media(min-width: 768px) {\n d-article {\n font-size: 16px;\n }\n}\n\n@media(min-width: 1024px) {\n d-article {\n font-size: 1.06rem;\n line-height: 1.7em;\n }\n}\n\n\n/* H2 */\n\n\nd-article .marker {\n text-decoration: none;\n border: none;\n counter-reset: section;\n grid-column: kicker;\n line-height: 1.7em;\n}\n\nd-article .marker:hover {\n border: none;\n}\n\nd-article .marker span {\n padding: 0 3px 4px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n position: relative;\n top: 4px;\n}\n\nd-article .marker:hover span {\n color: rgba(0, 0, 0, 0.7);\n border-bottom: 1px solid rgba(0, 0, 0, 0.7);\n}\n\nd-article h2 {\n font-weight: 600;\n font-size: 24px;\n line-height: 1.25em;\n margin: 2rem 0 1.5rem 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n padding-bottom: 1rem;\n}\n\n@media(min-width: 1024px) {\n d-article h2 {\n font-size: 36px;\n }\n}\n\n/* H3 */\n\nd-article h3 {\n font-weight: 700;\n font-size: 18px;\n line-height: 1.4em;\n margin-bottom: 1em;\n margin-top: 2em;\n}\n\n@media(min-width: 1024px) {\n d-article h3 {\n font-size: 20px;\n }\n}\n\n/* H4 */\n\nd-article h4 {\n font-weight: 600;\n text-transform: uppercase;\n font-size: 14px;\n line-height: 1.4em;\n}\n\nd-article a {\n color: inherit;\n}\n\nd-article p,\nd-article ul,\nd-article ol,\nd-article blockquote {\n margin-top: 0;\n margin-bottom: 1em;\n margin-left: 0;\n margin-right: 0;\n}\n\nd-article blockquote {\n border-left: 2px solid rgba(0, 0, 0, 0.2);\n padding-left: 2em;\n font-style: italic;\n color: rgba(0, 0, 0, 0.6);\n}\n\nd-article a {\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n text-decoration: none;\n}\n\nd-article a:hover {\n border-bottom: 1px solid rgba(0, 0, 0, 0.8);\n}\n\nd-article .link {\n text-decoration: underline;\n cursor: pointer;\n}\n\nd-article ul,\nd-article ol {\n padding-left: 24px;\n}\n\nd-article li {\n margin-bottom: 0.2em;\n margin-left: 0;\n padding-left: 0;\n}\n\nd-article li:last-child {\n margin-bottom: 0;\n}\n\nd-article pre {\n font-size: 14px;\n margin-bottom: 20px;\n}\n\nd-article hr {\n grid-column: screen;\n width: 100%;\n border: none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n margin-top: 60px;\n margin-bottom: 60px;\n}\n\nd-article section {\n margin-top: 60px;\n margin-bottom: 60px;\n}\n\nd-article span.equation-mimic {\n font-family: georgia;\n font-size: 115%;\n font-style: italic;\n}\n\nd-article > d-code,\nd-article section > d-code {\n display: block;\n}\n\nd-article > d-math[block],\nd-article section > d-math[block] {\n display: block;\n}\n\n@media (max-width: 768px) {\n d-article > d-code,\n d-article section > d-code,\n d-article > d-math[block],\n d-article section > d-math[block] {\n overflow-x: scroll;\n -ms-overflow-style: none; // IE 10+\n overflow: -moz-scrollbars-none; // Firefox\n }\n\n d-article > d-code::-webkit-scrollbar,\n d-article section > d-code::-webkit-scrollbar,\n d-article > d-math[block]::-webkit-scrollbar,\n d-article section > d-math[block]::-webkit-scrollbar {\n display: none; // Safari and Chrome\n }\n}\n\nd-article .citation {\n color: #668;\n cursor: pointer;\n}\n\nd-include {\n width: auto;\n display: block;\n}\n\nd-figure {\n contain: layout style;\n}\n\n/* KaTeX */\n\n.katex, .katex-prerendered {\n contain: style;\n display: inline-block;\n}\n\n/* Tables */\n\nd-article table {\n border-collapse: collapse;\n margin-bottom: 1.5rem;\n border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n}\n\nd-article table th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n}\n\nd-article table td {\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\nd-article table tr:last-of-type td {\n border-bottom: none;\n}\n\nd-article table th,\nd-article table td {\n font-size: 15px;\n padding: 2px 8px;\n}\n\nd-article table tbody :first-child td {\n padding-top: 2px;\n}\n";
-
- var title = "/*\n * Copyright 2018 The Distill Template Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nd-title {\n padding: 2rem 0 1.5rem;\n contain: layout style;\n overflow-x: hidden;\n}\n\n@media(min-width: 768px) {\n d-title {\n padding: 4rem 0 1.5rem;\n }\n}\n\nd-title h1 {\n grid-column: text;\n font-size: 40px;\n font-weight: 700;\n line-height: 1.1em;\n margin: 0 0 0.5rem;\n}\n\n@media(min-width: 768px) {\n d-title h1 {\n font-size: 50px;\n }\n}\n\nd-title p {\n font-weight: 300;\n font-size: 1.2rem;\n line-height: 1.55em;\n grid-column: text;\n}\n\nd-title .status {\n margin-top: 0px;\n font-size: 12px;\n color: #009688;\n opacity: 0.8;\n grid-column: kicker;\n}\n\nd-title .status span {\n line-height: 1;\n display: inline-block;\n padding: 6px 0;\n border-bottom: 1px solid #80cbc4;\n font-size: 11px;\n text-transform: uppercase;\n}\n";
-
- // Copyright 2018 The Distill Template Authors
-
- const styles = base + layout + title + byline + article + math + print;
-
- function makeStyleTag(dom) {
-
- const styleTagId = 'distill-prerendered-styles';
- const prerenderedTag = dom.getElementById(styleTagId);
- if (!prerenderedTag) {
- const styleTag = dom.createElement('style');
- styleTag.id = styleTagId;
- styleTag.type = 'text/css';
- const cssTextTag = dom.createTextNode(styles);
- styleTag.appendChild(cssTextTag);
- const firstScriptTag = dom.head.querySelector('script');
- dom.head.insertBefore(styleTag, firstScriptTag);
- }
-
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- function addPolyfill(polyfill, polyfillLoadedCallback) {
- console.debug('Runlevel 0: Polyfill required: ' + polyfill.name);
- const script = document.createElement('script');
- script.src = polyfill.url;
- script.async = false;
- if (polyfillLoadedCallback) {
- script.onload = function() { polyfillLoadedCallback(polyfill); };
- }
- script.onerror = function() {
- new Error('Runlevel 0: Polyfills failed to load script ' + polyfill.name);
- };
- document.head.appendChild(script);
- }
-
- const polyfills = [
- {
- name: 'WebComponents',
- support: function() {
- return 'customElements' in window &&
- 'attachShadow' in Element.prototype &&
- 'getRootNode' in Element.prototype &&
- 'content' in document.createElement('template') &&
- 'Promise' in window &&
- 'from' in Array;
- },
- url: 'https://distill.pub/third-party/polyfills/webcomponents-lite.js'
- }, {
- name: 'IntersectionObserver',
- support: function() {
- return 'IntersectionObserver' in window &&
- 'IntersectionObserverEntry' in window;
- },
- url: 'https://distill.pub/third-party/polyfills/intersection-observer.js'
- },
- ];
-
- class Polyfills {
-
- static browserSupportsAllFeatures() {
- return polyfills.every((poly) => poly.support());
- }
-
- static load(callback) {
- // Define an intermediate callback that checks if all is loaded.
- const polyfillLoaded = function(polyfill) {
- polyfill.loaded = true;
- console.debug('Runlevel 0: Polyfill has finished loading: ' + polyfill.name);
- // console.debug(window[polyfill.name]);
- if (Polyfills.neededPolyfills.every((poly) => poly.loaded)) {
- console.debug('Runlevel 0: All required polyfills have finished loading.');
- console.debug('Runlevel 0->1.');
- window.distillRunlevel = 1;
- callback();
- }
- };
- // Add polyfill script tags
- for (const polyfill of Polyfills.neededPolyfills) {
- addPolyfill(polyfill, polyfillLoaded);
- }
- }
-
- static get neededPolyfills() {
- if (!Polyfills._neededPolyfills) {
- Polyfills._neededPolyfills = polyfills.filter((poly) => !poly.support());
- }
- return Polyfills._neededPolyfills;
- }
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- // const marginSmall = 16;
- // const marginLarge = 3 * marginSmall;
- // const margin = marginSmall + marginLarge;
- // const gutter = marginSmall;
- // const outsetAmount = margin / 2;
- // const numCols = 4;
- // const numGutters = numCols - 1;
- // const columnWidth = (768 - 2 * marginLarge - numGutters * gutter) / numCols;
- //
- // const screenwidth = 768;
- // const pageWidth = screenwidth - 2 * marginLarge;
- // const bodyWidth = pageWidth - columnWidth - gutter;
-
- function body(selector) {
- return `${selector} {
- grid-column: left / text;
- }
- `;
- }
-
- // Copyright 2018 The Distill Template Authors
-
- const T$1 = Template('d-abstract', `
-
-
-
-`);
-
- class Abstract extends T$1(HTMLElement) {
-
- }
-
- // Copyright 2018 The Distill Template Authors
-
- const T$2 = Template('d-appendix', `
-
-
-`, false);
-
- class Appendix extends T$2(HTMLElement) {
-
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- // import { Template } from '../mixins/template';
- // import { Controller } from '../controller';
-
- const isOnlyWhitespace = /^\s*$/;
-
- class Article extends HTMLElement {
- static get is() { return 'd-article'; }
-
- constructor() {
- super();
-
- new MutationObserver( (mutations) => {
- for (const mutation of mutations) {
- for (const addedNode of mutation.addedNodes) {
- switch (addedNode.nodeName) {
- case '#text': { // usually text nodes are only linebreaks.
- const text = addedNode.nodeValue;
- if (!isOnlyWhitespace.test(text)) {
- console.warn('Use of unwrapped text in distill articles is discouraged as it breaks layout! Please wrap any text in a
or tag. We found the following text: ' + text);
- const wrapper = document.createElement('span');
- wrapper.innerHTML = addedNode.nodeValue;
- addedNode.parentNode.insertBefore(wrapper, addedNode);
- addedNode.parentNode.removeChild(addedNode);
- }
- } break;
- }
- }
- }
- }).observe(this, {childList: true});
- }
-
- }
-
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
- function createCommonjsModule(fn, module) {
- return module = { exports: {} }, fn(module, module.exports), module.exports;
- }
-
- var bibtexParse = createCommonjsModule(function (module, exports) {
- /* start bibtexParse 0.0.22 */
-
- //Original work by Henrik Muehe (c) 2010
- //
- //CommonJS port by Mikola Lysenko 2013
- //
- //Port to Browser lib by ORCID / RCPETERS
- //
- //Issues:
- //no comment handling within strings
- //no string concatenation
- //no variable values yet
- //Grammar implemented here:
- //bibtex -> (string | preamble | comment | entry)*;
- //string -> '@STRING' '{' key_equals_value '}';
- //preamble -> '@PREAMBLE' '{' value '}';
- //comment -> '@COMMENT' '{' value '}';
- //entry -> '@' key '{' key ',' key_value_list '}';
- //key_value_list -> key_equals_value (',' key_equals_value)*;
- //key_equals_value -> key '=' value;
- //value -> value_quotes | value_braces | key;
- //value_quotes -> '"' .*? '"'; // not quite
- //value_braces -> '{' .*? '"'; // not quite
- (function(exports) {
-
- function BibtexParser() {
-
- this.months = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"];
- this.notKey = [',','{','}',' ','='];
- this.pos = 0;
- this.input = "";
- this.entries = new Array();
-
- this.currentEntry = "";
-
- this.setInput = function(t) {
- this.input = t;
- };
-
- this.getEntries = function() {
- return this.entries;
- };
-
- this.isWhitespace = function(s) {
- return (s == ' ' || s == '\r' || s == '\t' || s == '\n');
- };
-
- this.match = function(s, canCommentOut) {
- if (canCommentOut == undefined || canCommentOut == null)
- canCommentOut = true;
- this.skipWhitespace(canCommentOut);
- if (this.input.substring(this.pos, this.pos + s.length) == s) {
- this.pos += s.length;
- } else {
- throw "Token mismatch, expected " + s + ", found "
- + this.input.substring(this.pos);
- } this.skipWhitespace(canCommentOut);
- };
-
- this.tryMatch = function(s, canCommentOut) {
- if (canCommentOut == undefined || canCommentOut == null)
- canCommentOut = true;
- this.skipWhitespace(canCommentOut);
- if (this.input.substring(this.pos, this.pos + s.length) == s) {
- return true;
- } else {
- return false;
- } };
-
- /* when search for a match all text can be ignored, not just white space */
- this.matchAt = function() {
- while (this.input.length > this.pos && this.input[this.pos] != '@') {
- this.pos++;
- }
- if (this.input[this.pos] == '@') {
- return true;
- } return false;
- };
-
- this.skipWhitespace = function(canCommentOut) {
- while (this.isWhitespace(this.input[this.pos])) {
- this.pos++;
- } if (this.input[this.pos] == "%" && canCommentOut == true) {
- while (this.input[this.pos] != "\n") {
- this.pos++;
- } this.skipWhitespace(canCommentOut);
- } };
-
- this.value_braces = function() {
- var bracecount = 0;
- this.match("{", false);
- var start = this.pos;
- var escaped = false;
- while (true) {
- if (!escaped) {
- if (this.input[this.pos] == '}') {
- if (bracecount > 0) {
- bracecount--;
- } else {
- var end = this.pos;
- this.match("}", false);
- return this.input.substring(start, end);
- } } else if (this.input[this.pos] == '{') {
- bracecount++;
- } else if (this.pos >= this.input.length - 1) {
- throw "Unterminated value";
- } } if (this.input[this.pos] == '\\' && escaped == false)
- escaped = true;
- else
- escaped = false;
- this.pos++;
- } };
-
- this.value_comment = function() {
- var str = '';
- var brcktCnt = 0;
- while (!(this.tryMatch("}", false) && brcktCnt == 0)) {
- str = str + this.input[this.pos];
- if (this.input[this.pos] == '{')
- brcktCnt++;
- if (this.input[this.pos] == '}')
- brcktCnt--;
- if (this.pos >= this.input.length - 1) {
- throw "Unterminated value:" + this.input.substring(start);
- } this.pos++;
- } return str;
- };
-
- this.value_quotes = function() {
- this.match('"', false);
- var start = this.pos;
- var escaped = false;
- while (true) {
- if (!escaped) {
- if (this.input[this.pos] == '"') {
- var end = this.pos;
- this.match('"', false);
- return this.input.substring(start, end);
- } else if (this.pos >= this.input.length - 1) {
- throw "Unterminated value:" + this.input.substring(start);
- } }
- if (this.input[this.pos] == '\\' && escaped == false)
- escaped = true;
- else
- escaped = false;
- this.pos++;
- } };
-
- this.single_value = function() {
- var start = this.pos;
- if (this.tryMatch("{")) {
- return this.value_braces();
- } else if (this.tryMatch('"')) {
- return this.value_quotes();
- } else {
- var k = this.key();
- if (k.match("^[0-9]+$"))
- return k;
- else if (this.months.indexOf(k.toLowerCase()) >= 0)
- return k.toLowerCase();
- else
- throw "Value expected:" + this.input.substring(start) + ' for key: ' + k;
-
- } };
-
- this.value = function() {
- var values = [];
- values.push(this.single_value());
- while (this.tryMatch("#")) {
- this.match("#");
- values.push(this.single_value());
- } return values.join("");
- };
-
- this.key = function() {
- var start = this.pos;
- while (true) {
- if (this.pos >= this.input.length) {
- throw "Runaway key";
- } // а-яА-Я is Cyrillic
- //console.log(this.input[this.pos]);
- if (this.notKey.indexOf(this.input[this.pos]) >= 0) {
- return this.input.substring(start, this.pos);
- } else {
- this.pos++;
-
- } } };
-
- this.key_equals_value = function() {
- var key = this.key();
- if (this.tryMatch("=")) {
- this.match("=");
- var val = this.value();
- return [ key, val ];
- } else {
- throw "... = value expected, equals sign missing:"
- + this.input.substring(this.pos);
- } };
-
- this.key_value_list = function() {
- var kv = this.key_equals_value();
- this.currentEntry['entryTags'] = {};
- this.currentEntry['entryTags'][kv[0]] = kv[1];
- while (this.tryMatch(",")) {
- this.match(",");
- // fixes problems with commas at the end of a list
- if (this.tryMatch("}")) {
- break;
- }
- kv = this.key_equals_value();
- this.currentEntry['entryTags'][kv[0]] = kv[1];
- } };
-
- this.entry_body = function(d) {
- this.currentEntry = {};
- this.currentEntry['citationKey'] = this.key();
- this.currentEntry['entryType'] = d.substring(1);
- this.match(",");
- this.key_value_list();
- this.entries.push(this.currentEntry);
- };
-
- this.directive = function() {
- this.match("@");
- return "@" + this.key();
- };
-
- this.preamble = function() {
- this.currentEntry = {};
- this.currentEntry['entryType'] = 'PREAMBLE';
- this.currentEntry['entry'] = this.value_comment();
- this.entries.push(this.currentEntry);
- };
-
- this.comment = function() {
- this.currentEntry = {};
- this.currentEntry['entryType'] = 'COMMENT';
- this.currentEntry['entry'] = this.value_comment();
- this.entries.push(this.currentEntry);
- };
-
- this.entry = function(d) {
- this.entry_body(d);
- };
-
- this.bibtex = function() {
- while (this.matchAt()) {
- var d = this.directive();
- this.match("{");
- if (d == "@STRING") {
- this.string();
- } else if (d == "@PREAMBLE") {
- this.preamble();
- } else if (d == "@COMMENT") {
- this.comment();
- } else {
- this.entry(d);
- }
- this.match("}");
- } };
- }
- exports.toJSON = function(bibtex) {
- var b = new BibtexParser();
- b.setInput(bibtex);
- b.bibtex();
- return b.entries;
- };
-
- /* added during hackathon don't hate on me */
- exports.toBibtex = function(json) {
- var out = '';
- for ( var i in json) {
- out += "@" + json[i].entryType;
- out += '{';
- if (json[i].citationKey)
- out += json[i].citationKey + ', ';
- if (json[i].entry)
- out += json[i].entry ;
- if (json[i].entryTags) {
- var tags = '';
- for (var jdx in json[i].entryTags) {
- if (tags.length != 0)
- tags += ', ';
- tags += jdx + '= {' + json[i].entryTags[jdx] + '}';
- }
- out += tags;
- }
- out += '}\n\n';
- }
- return out;
-
- };
-
- })( exports);
-
- /* end bibtexParse */
- });
-
- // Copyright 2018 The Distill Template Authors
-
- function normalizeTag(string) {
- return string
- .replace(/[\t\n ]+/g, ' ')
- .replace(/{\\["^`.'acu~Hvs]( )?([a-zA-Z])}/g, (full, x, char) => char)
- .replace(/{\\([a-zA-Z])}/g, (full, char) => char);
- }
-
- function parseBibtex(bibtex) {
- const bibliography = new Map();
- const parsedEntries = bibtexParse.toJSON(bibtex);
- for (const entry of parsedEntries) {
- // normalize tags; note entryTags is an object, not Map
- for (const [key, value] of Object.entries(entry.entryTags)) {
- entry.entryTags[key.toLowerCase()] = normalizeTag(value);
- }
- entry.entryTags.type = entry.entryType;
- // add to bibliography
- bibliography.set(entry.citationKey, entry.entryTags);
- }
- return bibliography;
- }
-
- function serializeFrontmatterToBibtex(frontMatter) {
- return `@article{${frontMatter.slug},
- author = {${frontMatter.bibtexAuthors}},
- title = {${frontMatter.title}},
- journal = {${frontMatter.journal.title}},
- year = {${frontMatter.publishedYear}},
- note = {${frontMatter.url}},
- doi = {${frontMatter.doi}}
-}`;
- }
-
- // Copyright 2018 The Distill Template Authors
-
- class Bibliography extends HTMLElement {
-
- static get is() { return 'd-bibliography'; }
-
- constructor() {
- super();
-
- // set up mutation observer
- const options = {childList: true, characterData: true, subtree: true};
- const observer = new MutationObserver( (entries) => {
- for (const entry of entries) {
- if (entry.target.nodeName === 'SCRIPT' || entry.type === 'characterData') {
- this.parseIfPossible();
- }
- }
- });
- observer.observe(this, options);
- }
-
- connectedCallback() {
- requestAnimationFrame(() => {
- this.parseIfPossible();
- });
- }
-
- parseIfPossible() {
- const scriptTag = this.querySelector('script');
- if (!scriptTag) return;
- if (scriptTag.type == 'text/bibtex') {
- const newBibtex = scriptTag.textContent;
- if (this.bibtex !== newBibtex) {
- this.bibtex = newBibtex;
- const bibliography = parseBibtex(this.bibtex);
- this.notify(bibliography);
- }
- } else if (scriptTag.type == 'text/json') {
- const bibliography = new Map(JSON.parse(scriptTag.textContent));
- this.notify(bibliography);
- } else {
- console.warn('Unsupported bibliography script tag type: ' + scriptTag.type);
- }
- }
-
- notify(bibliography) {
- const options = { detail: bibliography, bubbles: true };
- const event = new CustomEvent('onBibliographyChanged', options);
- this.dispatchEvent(event);
- }
-
- /* observe 'src' attribute */
-
- static get observedAttributes() {
- return ['src'];
- }
-
- receivedBibtex(event) {
- const bibliography = parseBibtex(event.target.response);
- this.notify(bibliography);
- }
-
- attributeChangedCallback(name, oldValue, newValue) {
- var oReq = new XMLHttpRequest();
- oReq.onload = (e) => this.receivedBibtex(e);
- oReq.onerror = () => console.warn(`Could not load Bibtex! (tried ${newValue})`);
- oReq.responseType = 'text';
- oReq.open('GET', newValue, true);
- oReq.send();
- }
-
-
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- // import style from '../styles/d-byline.css';
-
- function bylineTemplate(frontMatter) {
- return `
-
-
-
-
-
Published
-
October, 2025
-
-
-
-`
- );
-
- class Cite extends T$3(HTMLElement) {
- /* Lifecycle */
- constructor() {
- super();
- this._numbers = [];
- this._entries = [];
- }
-
- connectedCallback() {
- this.outerSpan = this.root.querySelector("#citation-");
- this.innerSpan = this.root.querySelector(".citation-number");
- this.hoverBox = this.root.querySelector("d-hover-box");
- window.customElements.whenDefined("d-hover-box").then(() => {
- this.hoverBox.listen(this);
- });
- // in case this component got connected after values were set
- if (this.numbers) {
- this.displayNumbers(this.numbers);
- }
- if (this.entries) {
- this.displayEntries(this.entries);
- }
- }
-
- //TODO This causes an infinite loop on firefox with polyfills.
- // This is only needed for interactive editing so no priority.
- // disconnectedCallback() {
- // const options = { detail: [this, this.keys], bubbles: true };
- // const event = new CustomEvent('onCiteKeyRemoved', options);
- // document.dispatchEvent(event);
- // }
-
- /* observe 'key' attribute */
-
- static get observedAttributes() {
- return ["key", "bibtex-key"];
- }
-
- attributeChangedCallback(name, oldValue, newValue) {
- const eventName = oldValue ? "onCiteKeyChanged" : "onCiteKeyCreated";
- const keys = newValue.split(",").map(k => k.trim());
- const options = { detail: [this, keys], bubbles: true };
- const event = new CustomEvent(eventName, options);
- document.dispatchEvent(event);
- }
-
- set key(value) {
- this.setAttribute("key", value);
- }
-
- get key() {
- return this.getAttribute("key") || this.getAttribute("bibtex-key");
- }
-
- get keys() {
- const result = this.key.split(",");
- console.log(result);
- return result;
- }
-
- /* Setters & Rendering */
-
- set numbers(numbers) {
- this._numbers = numbers;
- this.displayNumbers(numbers);
- }
-
- get numbers() {
- return this._numbers;
- }
-
- displayNumbers(numbers) {
- if (!this.innerSpan) return;
- const numberStrings = numbers.map(index => {
- return index == -1 ? "?" : index + 1 + "";
- });
- const textContent = "[" + numberStrings.join(", ") + "]";
- this.innerSpan.textContent = textContent;
- }
-
- set entries(entries) {
- this._entries = entries;
- this.displayEntries(entries);
- }
-
- get entries() {
- return this._entries;
- }
-
- displayEntries(entries) {
- if (!this.hoverBox) return;
- this.hoverBox.innerHTML = `
- ${entries
- .map(hover_cite)
- .map(html => `${html} `)
- .join("\n")}
- `;
- }
- }
-
- // Copyright 2018 The Distill Template Authors
-
- const styles$1 = `
-d-citation-list {
- contain: style;
-}
-
-d-citation-list .references {
- grid-column: text;
-}
-
-d-citation-list .references .title {
- font-weight: 500;
-}
-`;
-
- function renderCitationList(element, entries, dom=document) {
- if (entries.size > 0) {
- element.style.display = '';
- let list = element.querySelector('.references');
- if (list) {
- list.innerHTML = '';
- } else {
- const stylesTag = dom.createElement('style');
- stylesTag.innerHTML = styles$1;
- element.appendChild(stylesTag);
-
- const heading = dom.createElement('h3');
- heading.id = 'references';
- heading.textContent = 'References';
- element.appendChild(heading);
-
- list = dom.createElement('ol');
- list.id = 'references-list';
- list.className = 'references';
- element.appendChild(list);
- }
-
- for (const [key, entry] of entries) {
- const listItem = dom.createElement('li');
- listItem.id = key;
- listItem.innerHTML = bibliography_cite(entry);
- list.appendChild(listItem);
- }
- } else {
- element.style.display = 'none';
- }
- }
-
- class CitationList extends HTMLElement {
-
- static get is() { return 'd-citation-list'; }
-
- connectedCallback() {
- if (!this.hasAttribute('distill-prerendered')) {
- this.style.display = 'none';
- }
- }
-
- set citations(citations) {
- renderCitationList(this, citations);
- }
-
- }
-
- var prism = createCommonjsModule(function (module) {
- /* **********************************************
- Begin prism-core.js
- ********************************************** */
-
- var _self = (typeof window !== 'undefined')
- ? window // if in browser
- : (
- (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
- ? self // if in worker
- : {} // if in node js
- );
-
- /**
- * Prism: Lightweight, robust, elegant syntax highlighting
- * MIT license http://www.opensource.org/licenses/mit-license.php/
- * @author Lea Verou http://lea.verou.me
- */
-
- var Prism = (function (_self){
-
- // Private helper vars
- var lang = /\blang(?:uage)?-([\w-]+)\b/i;
- var uniqueId = 0;
-
-
- var _ = {
- manual: _self.Prism && _self.Prism.manual,
- disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
- util: {
- encode: function encode(tokens) {
- if (tokens instanceof Token) {
- return new Token(tokens.type, encode(tokens.content), tokens.alias);
- } else if (Array.isArray(tokens)) {
- return tokens.map(encode);
- } else {
- return tokens.replace(/&/g, '&').replace(/' + env.content + '';
- };
-
- /**
- * @param {string} text
- * @param {LinkedList} tokenList
- * @param {any} grammar
- * @param {LinkedListNode} startNode
- * @param {number} startPos
- * @param {boolean} [oneshot=false]
- * @param {string} [target]
- */
- function matchGrammar(text, tokenList, grammar, startNode, startPos, oneshot, target) {
- for (var token in grammar) {
- if (!grammar.hasOwnProperty(token) || !grammar[token]) {
- continue;
- }
-
- var patterns = grammar[token];
- patterns = Array.isArray(patterns) ? patterns : [patterns];
-
- for (var j = 0; j < patterns.length; ++j) {
- if (target && target == token + ',' + j) {
- return;
- }
-
- var pattern = patterns[j],
- inside = pattern.inside,
- lookbehind = !!pattern.lookbehind,
- greedy = !!pattern.greedy,
- lookbehindLength = 0,
- alias = pattern.alias;
-
- if (greedy && !pattern.pattern.global) {
- // Without the global flag, lastIndex won't work
- var flags = pattern.pattern.toString().match(/[imsuy]*$/)[0];
- pattern.pattern = RegExp(pattern.pattern.source, flags + 'g');
- }
-
- pattern = pattern.pattern || pattern;
-
- for ( // iterate the token list and keep track of the current token/string position
- var currentNode = startNode.next, pos = startPos;
- currentNode !== tokenList.tail;
- pos += currentNode.value.length, currentNode = currentNode.next
- ) {
-
- var str = currentNode.value;
-
- if (tokenList.length > text.length) {
- // Something went terribly wrong, ABORT, ABORT!
- return;
- }
-
- if (str instanceof Token) {
- continue;
- }
-
- var removeCount = 1; // this is the to parameter of removeBetween
-
- if (greedy && currentNode != tokenList.tail.prev) {
- pattern.lastIndex = pos;
- var match = pattern.exec(text);
- if (!match) {
- break;
- }
-
- var from = match.index + (lookbehind && match[1] ? match[1].length : 0);
- var to = match.index + match[0].length;
- var p = pos;
-
- // find the node that contains the match
- p += currentNode.value.length;
- while (from >= p) {
- currentNode = currentNode.next;
- p += currentNode.value.length;
- }
- // adjust pos (and p)
- p -= currentNode.value.length;
- pos = p;
-
- // the current node is a Token, then the match starts inside another Token, which is invalid
- if (currentNode.value instanceof Token) {
- continue;
- }
-
- // find the last node which is affected by this match
- for (
- var k = currentNode;
- k !== tokenList.tail && (p < to || (typeof k.value === 'string' && !k.prev.value.greedy));
- k = k.next
- ) {
- removeCount++;
- p += k.value.length;
- }
- removeCount--;
-
- // replace with the new match
- str = text.slice(pos, p);
- match.index -= pos;
- } else {
- pattern.lastIndex = 0;
-
- var match = pattern.exec(str);
- }
-
- if (!match) {
- if (oneshot) {
- break;
- }
-
- continue;
- }
-
- if (lookbehind) {
- lookbehindLength = match[1] ? match[1].length : 0;
- }
-
- var from = match.index + lookbehindLength,
- match = match[0].slice(lookbehindLength),
- to = from + match.length,
- before = str.slice(0, from),
- after = str.slice(to);
-
- var removeFrom = currentNode.prev;
-
- if (before) {
- removeFrom = addAfter(tokenList, removeFrom, before);
- pos += before.length;
- }
-
- removeRange(tokenList, removeFrom, removeCount);
-
- var wrapped = new Token(token, inside ? _.tokenize(match, inside) : match, alias, match, greedy);
- currentNode = addAfter(tokenList, removeFrom, wrapped);
-
- if (after) {
- addAfter(tokenList, currentNode, after);
- }
-
-
- if (removeCount > 1)
- matchGrammar(text, tokenList, grammar, currentNode.prev, pos, true, token + ',' + j);
-
- if (oneshot)
- break;
- }
- }
- }
- }
-
- /**
- * @typedef LinkedListNode
- * @property {T} value
- * @property {LinkedListNode | null} prev The previous node.
- * @property {LinkedListNode | null} next The next node.
- * @template T
- */
-
- /**
- * @template T
- */
- function LinkedList() {
- /** @type {LinkedListNode} */
- var head = { value: null, prev: null, next: null };
- /** @type {LinkedListNode} */
- var tail = { value: null, prev: head, next: null };
- head.next = tail;
-
- /** @type {LinkedListNode} */
- this.head = head;
- /** @type {LinkedListNode} */
- this.tail = tail;
- this.length = 0;
- }
-
- /**
- * Adds a new node with the given value to the list.
- * @param {LinkedList} list
- * @param {LinkedListNode} node
- * @param {T} value
- * @returns {LinkedListNode} The added node.
- * @template T
- */
- function addAfter(list, node, value) {
- // assumes that node != list.tail && values.length >= 0
- var next = node.next;
-
- var newNode = { value: value, prev: node, next: next };
- node.next = newNode;
- next.prev = newNode;
- list.length++;
-
- return newNode;
- }
- /**
- * Removes `count` nodes after the given node. The given node will not be removed.
- * @param {LinkedList} list
- * @param {LinkedListNode} node
- * @param {number} count
- * @template T
- */
- function removeRange(list, node, count) {
- var next = node.next;
- for (var i = 0; i < count && next !== list.tail; i++) {
- next = next.next;
- }
- node.next = next;
- next.prev = node;
- list.length -= i;
- }
- /**
- * @param {LinkedList} list
- * @returns {T[]}
- * @template T
- */
- function toArray(list) {
- var array = [];
- var node = list.head.next;
- while (node !== list.tail) {
- array.push(node.value);
- node = node.next;
- }
- return array;
- }
-
-
- if (!_self.document) {
- if (!_self.addEventListener) {
- // in Node.js
- return _;
- }
-
- if (!_.disableWorkerMessageHandler) {
- // In worker
- _self.addEventListener('message', function (evt) {
- var message = JSON.parse(evt.data),
- lang = message.language,
- code = message.code,
- immediateClose = message.immediateClose;
-
- _self.postMessage(_.highlight(code, _.languages[lang], lang));
- if (immediateClose) {
- _self.close();
- }
- }, false);
- }
-
- return _;
- }
-
- //Get current script and highlight
- var script = _.util.currentScript();
-
- if (script) {
- _.filename = script.src;
-
- if (script.hasAttribute('data-manual')) {
- _.manual = true;
- }
- }
-
- function highlightAutomaticallyCallback() {
- if (!_.manual) {
- _.highlightAll();
- }
- }
-
- if (!_.manual) {
- // If the document state is "loading", then we'll use DOMContentLoaded.
- // If the document state is "interactive" and the prism.js script is deferred, then we'll also use the
- // DOMContentLoaded event because there might be some plugins or languages which have also been deferred and they
- // might take longer one animation frame to execute which can create a race condition where only some plugins have
- // been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.
- // See https://github.com/PrismJS/prism/issues/2102
- var readyState = document.readyState;
- if (readyState === 'loading' || readyState === 'interactive' && script && script.defer) {
- document.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);
- } else {
- if (window.requestAnimationFrame) {
- window.requestAnimationFrame(highlightAutomaticallyCallback);
- } else {
- window.setTimeout(highlightAutomaticallyCallback, 16);
- }
- }
- }
-
- return _;
-
- })(_self);
-
- if ( module.exports) {
- module.exports = Prism;
- }
-
- // hack for components to work correctly in node.js
- if (typeof commonjsGlobal !== 'undefined') {
- commonjsGlobal.Prism = Prism;
- }
-
-
- /* **********************************************
- Begin prism-markup.js
- ********************************************** */
-
- Prism.languages.markup = {
- 'comment': //,
- 'prolog': /<\?[\s\S]+?\?>/,
- 'doctype': {
- pattern: /"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:(?!)*\]\s*)?>/i,
- greedy: true
- },
- 'cdata': //i,
- 'tag': {
- pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/i,
- greedy: true,
- inside: {
- 'tag': {
- pattern: /^<\/?[^\s>\/]+/i,
- inside: {
- 'punctuation': /^<\/?/,
- 'namespace': /^[^\s>\/:]+:/
- }
- },
- 'attr-value': {
- pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/i,
- inside: {
- 'punctuation': [
- /^=/,
- {
- pattern: /^(\s*)["']|["']$/,
- lookbehind: true
- }
- ]
- }
- },
- 'punctuation': /\/?>/,
- 'attr-name': {
- pattern: /[^\s>\/]+/,
- inside: {
- 'namespace': /^[^\s>\/:]+:/
- }
- }
-
- }
- },
- 'entity': /&#?[\da-z]{1,8};/i
- };
-
- Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] =
- Prism.languages.markup['entity'];
-
- // Plugin to make entity title show the real entity, idea by Roman Komarov
- Prism.hooks.add('wrap', function(env) {
-
- if (env.type === 'entity') {
- env.attributes['title'] = env.content.replace(/&/, '&');
- }
- });
-
- Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
- /**
- * Adds an inlined language to markup.
- *
- * An example of an inlined language is CSS with `
-
- block to let us know how to highlight your code; e.g.:\n zeros = np.zeros(shape) .');
- return;
- }
- const language = prism.languages[this.languageName];
- if (language == undefined) {
- console.warn(`Distill does not yet support highlighting your code block in "${this.languageName}'.`);
- return;
- }
-
- let content = this.textContent;
- const codeTag = this.shadowRoot.querySelector('#code-container');
-
- if (this.hasAttribute('block')) {
- // normalize the tab indents
- content = content.replace(/\n/, '');
- const tabs = content.match(/\s*/);
- content = content.replace(new RegExp('\n' + tabs, 'g'), '\n');
- content = content.trim();
- // wrap code block in pre tag if needed
- if (codeTag.parentNode instanceof ShadowRoot) {
- const preTag = document.createElement('pre');
- this.shadowRoot.removeChild(codeTag);
- preTag.appendChild(codeTag);
- this.shadowRoot.appendChild(preTag);
- }
-
- }
-
- codeTag.className = `language-${this.languageName}`;
- codeTag.innerHTML = prism.highlight(content, language);
- }
-
- }
-
- // Copyright 2018 The Distill Template Authors
-
- const T$5 = Template('d-footnote', `
-
-
-
-
-
-
-
-
-
-`);
-
- class Footnote extends T$5(HTMLElement) {
-
- constructor() {
- super();
-
- const options = {childList: true, characterData: true, subtree: true};
- const observer = new MutationObserver(this.notify);
- observer.observe(this, options);
- }
-
- notify() {
- const options = { detail: this, bubbles: true };
- const event = new CustomEvent('onFootnoteChanged', options);
- document.dispatchEvent(event);
- }
-
- connectedCallback() {
- // listen and notify about changes to slotted content
- // const slot = this.shadowRoot.querySelector('#slot');
- // console.warn(slot.textContent);
- // slot.addEventListener('slotchange', this.notify);
- this.hoverBox = this.root.querySelector('d-hover-box');
- window.customElements.whenDefined('d-hover-box').then(() => {
- this.hoverBox.listen(this);
- });
- // create numeric ID
- Footnote.currentFootnoteId += 1;
- const IdString = Footnote.currentFootnoteId.toString();
- this.root.host.id = 'd-footnote-' + IdString;
-
- // set up hidden hover box
- const id = 'dt-fn-hover-box-' + IdString;
- this.hoverBox.id = id;
-
- // set up visible footnote marker
- const span = this.root.querySelector('#fn-');
- span.setAttribute('id', 'fn-' + IdString);
- span.setAttribute('data-hover-ref', id);
- span.textContent = IdString;
- }
-
- }
-
- Footnote.currentFootnoteId = 0;
-
- // Copyright 2018 The Distill Template Authors
-
- const T$6 = Template('d-footnote-list', `
-
-
-Footnotes
-Table of contents
- `;
-
- for (const el of headings) {
- // should element be included in TOC?
- const isInTitle = el.parentElement.tagName == 'D-TITLE';
- const isException = el.getAttribute('no-toc');
- if (isInTitle || isException) continue;
- // create TOC entry
- const title = el.textContent;
- const link = '#' + el.getAttribute('id');
-
- let newLine = '' + '' + title + ' ' + ' ';
- if (el.tagName == 'H3') {
- newLine = '';
- } else {
- newLine += ' ';
- element.innerHTML = ToC;
- }
-
- // Copyright 2018 The Distill Template Authors
- //
- // Licensed under the Apache License, Version 2.0 (the "License");
- // you may not use this file except in compliance with the License.
- // You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
-
- // Figure
- //
- // d-figure provides a state-machine of visibility events:
- //
- // scroll out of view
- // +----------------+
- // *do work here* | |
- // +----------------+ +-+---------+ +-v---------+
- // | ready +----> onscreen | | offscreen |
- // +----------------+ +---------^-+ +---------+-+
- // | |
- // +----------------+
- // scroll into view
- //
-
- class Figure extends HTMLElement {
-
- static get is() { return 'd-figure'; }
-
- static get readyQueue() {
- if (!Figure._readyQueue) {
- Figure._readyQueue = [];
- }
- return Figure._readyQueue;
- }
-
- static addToReadyQueue(figure) {
- if (Figure.readyQueue.indexOf(figure) === -1) {
- Figure.readyQueue.push(figure);
- Figure.runReadyQueue();
- }
- }
-
- static runReadyQueue() {
- // console.log("Checking to run readyQueue, length: " + Figure.readyQueue.length + ", scrolling: " + Figure.isScrolling);
- // if (Figure.isScrolling) return;
- // console.log("Running ready Queue");
- const figure = Figure.readyQueue
- .sort((a,b) => a._seenOnScreen - b._seenOnScreen )
- .filter((figure) => !figure._ready)
- .pop();
- if (figure) {
- figure.ready();
- requestAnimationFrame(Figure.runReadyQueue);
- }
-
- }
-
- constructor() {
- super();
- // debugger
- this._ready = false;
- this._onscreen = false;
- this._offscreen = true;
- }
-
- connectedCallback() {
- this.loadsWhileScrolling = this.hasAttribute('loadsWhileScrolling');
- Figure.marginObserver.observe(this);
- Figure.directObserver.observe(this);
- }
-
- disconnectedCallback() {
- Figure.marginObserver.unobserve(this);
- Figure.directObserver.unobserve(this);
- }
-
- // We use two separate observers:
- // One with an extra 1000px margin to warn if the viewpoint gets close,
- // And one for the actual on/off screen events
-
- static get marginObserver() {
- if (!Figure._marginObserver) {
- // if (!('IntersectionObserver' in window)) {
- // throw new Error('no interscetionobbserver!');
- // }
- const viewportHeight = window.innerHeight;
- const margin = Math.floor(2 * viewportHeight);
- const options = {rootMargin: margin + 'px 0px ' + margin + 'px 0px', threshold: 0.01};
- const callback = Figure.didObserveMarginIntersection;
- const observer = new IntersectionObserver(callback, options);
- Figure._marginObserver = observer;
- }
- return Figure._marginObserver;
- }
-
- static didObserveMarginIntersection(entries) {
- for (const entry of entries) {
- const figure = entry.target;
- if (entry.isIntersecting && !figure._ready) {
- Figure.addToReadyQueue(figure);
- }
- }
- }
-
- static get directObserver() {
- if (!Figure._directObserver) {
- Figure._directObserver = new IntersectionObserver(
- Figure.didObserveDirectIntersection, {
- rootMargin: '0px', threshold: [0, 1.0],
- }
- );
- }
- return Figure._directObserver;
- }
-
- static didObserveDirectIntersection(entries) {
- for (const entry of entries) {
- const figure = entry.target;
- if (entry.isIntersecting) {
- figure._seenOnScreen = new Date();
- // if (!figure._ready) { figure.ready(); }
- if (figure._offscreen) { figure.onscreen(); }
- } else {
- if (figure._onscreen) { figure.offscreen(); }
- }
- }
- }
-
- // Notify listeners that registered late, too:
-
- addEventListener(eventName, callback) {
- super.addEventListener(eventName, callback);
- // if we had already dispatched something while presumingly no one was listening, we do so again
- // debugger
- if (eventName === 'ready') {
- if (Figure.readyQueue.indexOf(this) !== -1) {
- this._ready = false;
- Figure.runReadyQueue();
- }
- }
- if (eventName === 'onscreen') {
- this.onscreen();
- }
- }
-
- // Custom Events
-
- ready() {
- // debugger
- this._ready = true;
- Figure.marginObserver.unobserve(this);
- const event = new CustomEvent('ready');
- this.dispatchEvent(event);
- }
-
- onscreen() {
- this._onscreen = true;
- this._offscreen = false;
- const event = new CustomEvent('onscreen');
- this.dispatchEvent(event);
- }
-
- offscreen() {
- this._onscreen = false;
- this._offscreen = true;
- const event = new CustomEvent('offscreen');
- this.dispatchEvent(event);
- }
-
- }
-
- if (typeof window !== 'undefined') {
-
- Figure.isScrolling = false;
- let timeout;
- const resetTimer = () => {
- Figure.isScrolling = true;
- clearTimeout(timeout);
- timeout = setTimeout(() => {
- Figure.isScrolling = false;
- Figure.runReadyQueue();
- }, 500);
- };
- window.addEventListener('scroll', resetTimer, true);
-
- }
-
- // Copyright 2018 The Distill Template Authors
-
- // This overlay is not secure.
- // It is only meant as a social deterrent.
-
- const productionHostname = 'distill.pub';
- const T$9 = Template('d-interstitial', `
-
-
-
-
-
This article is in review.
-
Do not share this URL or the contents of this article. Thank you!
-
-
Enter the password we shared with you as part of the review process to view the article.
-
-
\n \n \n";
-
- const headerTemplate = `
-
-
-`;
-
- // Copyright 2018 The Distill Template Authors
-
- const T$b = Template('distill-header', headerTemplate, false);
-
- class DistillHeader extends T$b(HTMLElement) {
-
- }
-
- // Copyright 2018 The Distill Template Authors
-
- const styles$2 = `
-
-`;
-
- function appendixTemplate(frontMatter) {
- let html = styles$2;
-
- if (typeof frontMatter.githubUrl !== 'undefined') {
- html += `
- Updates and Corrections
- `;
- if (frontMatter.githubCompareUpdatesUrl) {
- html += `View all changes to this article since it was first published.`;
- }
- html += `
- If you see mistakes or want to suggest changes, please create an issue on GitHub .
- `;
- }
-
- const journal = frontMatter.journal;
- if (typeof journal !== 'undefined' && journal.title === 'Distill') {
- html += `
- Reuse
- Diagrams and text are licensed under Creative Commons Attribution CC-BY 4.0 with the source available on GitHub , unless noted otherwise. The figures that have been reused from other sources don’t fall under this license and can be recognized by a note in their caption: “Figure from …”.
- `;
- }
-
- if (typeof frontMatter.publishedDate !== 'undefined') {
- html += `
- Citation
- For attribution, cite this work as
- ${frontMatter.concatenatedAuthors}, "${frontMatter.title}", Distill, ${frontMatter.publishedYear}.
- BibTeX citation
- ${serializeFrontmatterToBibtex(frontMatter)}
- `;
- }
-
- return html;
- }
-
- class DistillAppendix extends HTMLElement {
-
- static get is() { return 'distill-appendix'; }
-
- set frontMatter(frontMatter) {
- this.innerHTML = appendixTemplate(frontMatter);
- }
-
- }
-
- const footerTemplate = `
-
-
-
-
-`;
-
- // Copyright 2018 The Distill Template Authors
-
- const T$c = Template('distill-footer', footerTemplate);
-
- class DistillFooter extends T$c(HTMLElement) {
-
- }
-
- // Copyright 2018 The Distill Template Authors
-
- let templateIsLoading = false;
- let runlevel = 0;
- const initialize = function() {
- if (window.distill.runlevel < 1) {
- throw new Error("Insufficient Runlevel for Distill Template!");
- }
-
- /* 1. Flag that we're being loaded */
- if ("distill" in window && window.distill.templateIsLoading) {
- throw new Error(
- "Runlevel 1: Distill Template is getting loaded more than once, aborting!"
- );
- } else {
- window.distill.templateIsLoading = true;
- console.debug("Runlevel 1: Distill Template has started loading.");
- }
-
- /* 2. Add styles if they weren't added during prerendering */
- makeStyleTag(document);
- console.debug("Runlevel 1: Static Distill styles have been added.");
- console.debug("Runlevel 1->2.");
- window.distill.runlevel += 1;
-
- /* 3. Register Controller listener functions */
- /* Needs to happen before components to their connected callbacks have a controller to talk to. */
- for (const [functionName, callback] of Object.entries(Controller.listeners)) {
- if (typeof callback === "function") {
- document.addEventListener(functionName, callback);
- } else {
- console.error("Runlevel 2: Controller listeners need to be functions!");
- }
- }
- console.debug("Runlevel 2: We can now listen to controller events.");
- console.debug("Runlevel 2->3.");
- window.distill.runlevel += 1;
-
- /* 4. Register components */
- const components = [
- Abstract, Appendix, Article, Bibliography, Byline, Cite, CitationList, Code,
- Footnote, FootnoteList, FrontMatter$1, HoverBox, Title, DMath, References, TOC, Figure,
- Slider, Interstitial
- ];
-
- const distillComponents = [DistillHeader, DistillAppendix, DistillFooter];
-
- if (window.distill.runlevel < 2) {
- throw new Error("Insufficient Runlevel for adding custom elements!");
- }
- const allComponents = components.concat(distillComponents);
- for (const component of allComponents) {
- console.debug("Runlevel 2: Registering custom element: " + component.is);
- customElements.define(component.is, component);
- }
-
- console.debug(
- "Runlevel 3: Distill Template finished registering custom elements."
- );
- console.debug("Runlevel 3->4.");
- window.distill.runlevel += 1;
-
- // If template was added after DOMContentLoaded we may have missed that event.
- // Controller will check for that case, so trigger the event explicitly:
- if (domContentLoaded()) {
- Controller.listeners.DOMContentLoaded();
- }
-
- console.debug("Runlevel 4: Distill Template initialisation complete.");
- window.distill.templateIsLoading = false;
- window.distill.templateHasLoaded = true;
- };
-
- window.distill = { runlevel, initialize, templateIsLoading };
-
- /* 0. Check browser feature support; synchronously polyfill if needed */
- if (Polyfills.browserSupportsAllFeatures()) {
- console.debug("Runlevel 0: No need for polyfills.");
- console.debug("Runlevel 0->1.");
- window.distill.runlevel += 1;
- window.distill.initialize();
- } else {
- console.debug("Runlevel 0: Distill Template is loading polyfills.");
- Polyfills.load(window.distill.initialize);
- }
-
-})));
-//# sourceMappingURL=template.v2.js.map
diff --git a/src/fragments/attention-visualizer.html b/src/fragments/attention-visualizer.html
deleted file mode 100644
index af609f7d3fe234b10641a65ba9b9c085576ac894..0000000000000000000000000000000000000000
--- a/src/fragments/attention-visualizer.html
+++ /dev/null
@@ -1,45 +0,0 @@
-
-
-
- attention-mask-visualizer
-
-
-
- ATTN MASK — GPT-2 (causal)
- Tokens: [The, cat, sat, on, the, mat]
- Legend: x = can attend, . = masked (future)
-
- The cat sat on the mat
- The x
- cat x x
- sat x x x
- on x x x x
- the x x x x x
- mat x x x x x x
-
-
- ATTN MASK — PaliGemma-style (bidirectional prefix + causal suffix)
- Prefix: [<i0> <i1> <i2> <i3> <i4> What is this]
- Suffix: [A great duck]
- Legend: ✓ = can attend, ✗ = cannot
-
- <i0><i1><i2><i3><i4> What is this | A great duck
- <i0> ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- <i1> ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- <i2> ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- <i3> ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- <i4> ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- What ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- is ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- this ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗
- --------------------------------------------------------------------
- A ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗
- great ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗
- duck ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓
-
-
-
-
-
-
class GlmMLP(Phi3MLP):
- pass
-
-class GlmAttention(LlamaAttention):
- def __init__(self, config, layer_idx=None):
- super().__init__(config, layer_idx)
- self.o_proj = nn.Linear(
- config.num_attention_heads * self.head_dim,
- config.hidden_size,
- bias=False
- )
-
-class GlmForCausalLM(LlamaForCausalLM):
- pass
-
-
-
-
-
class GlmMLP(nn.Module):
- def __init__(self, config):
- super().__init__()
- self.config = config
- self.gate_up_proj = nn.Linear(
- config.hidden_size,
- 2 * config.intermediate_size,
- bias=False
- )
- self.down_proj = nn.Linear(
- config.intermediate_size,
- config.hidden_size,
- bias=False
- )
- self.activation_fn = ACT2FN[config.hidden_act]
-
- def forward(self, hidden_states: torch.FloatTensor) -> torch.FloatTensor:
- up_states = self.gate_up_proj(hidden_states)
- gate, up_states = up_states.chunk(2, dim=-1)
- up_states = up_states * self.activation_fn(gate)
- return self.down_proj(up_states)
-
-
-class GlmAttention(nn.Module):
- """Multi-headed attention from 'Attention Is All You Need' paper"""
-
- def __init__(self, config: GlmConfig, layer_idx: Optional[int] = None):
- super().__init__()
- self.config = config
- self.layer_idx = layer_idx
- self.head_dim = getattr(
- config, "head_dim",
- config.hidden_size // config.num_attention_heads
- )
- self.num_key_value_groups = (
- config.num_attention_heads // config.num_key_value_heads
- )
- self.scaling = self.head_dim**-0.5
- self.attention_dropout = config.attention_dropout
- self.is_causal = True
-
- self.q_proj = nn.Linear(
- config.hidden_size,
- config.num_attention_heads * self.head_dim,
- bias=config.attention_bias
- )
- self.k_proj = nn.Linear(
- config.hidden_size,
- config.num_key_value_heads * self.head_dim,
- bias=config.attention_bias
- )
- self.v_proj = nn.Linear(
- config.hidden_size,
- config.num_key_value_heads * self.head_dim,
- bias=config.attention_bias
- )
- self.o_proj = nn.Linear(
- config.num_attention_heads * self.head_dim,
- config.hidden_size,
- bias=False
- )
-
- def forward(
- self,
- hidden_states: torch.Tensor,
- position_embeddings: Tuple[torch.Tensor, torch.Tensor],
- attention_mask: Optional[torch.Tensor],
- past_key_value: Optional[Cache] = None,
- cache_position: Optional[torch.LongTensor] = None,
- **kwargs: Unpack[FlashAttentionKwargs],
- ) -> Tuple[torch.Tensor, Optional[torch.Tensor], Optional[Tuple[torch.Tensor]]]:
- input_shape = hidden_states.shape[:-1]
- hidden_shape = (*input_shape, -1, self.head_dim)
-
- query_states = self.q_proj(hidden_states).view(hidden_shape).transpose(1, 2)
- key_states = self.k_proj(hidden_states).view(hidden_shape).transpose(1, 2)
- value_states = self.v_proj(hidden_states).view(hidden_shape).transpose(1, 2)
-
- cos, sin = position_embeddings
- query_states, key_states = apply_rotary_pos_emb(query_states, key_states, cos, sin)
-
- if past_key_value is not None:
- cache_kwargs = {"sin": sin, "cos": cos, "cache_position": cache_position}
- key_states, value_states = past_key_value.update(
- key_states, value_states, self.layer_idx, cache_kwargs
- )
-
- attention_interface: Callable = eager_attention_forward
- if self.config._attn_implementation != "eager":
- attention_interface = ALL_ATTENTION_FUNCTIONS[self.config._attn_implementation]
-
- attn_output, attn_weights = attention_interface(
- self, query_states, key_states, value_states,
- attention_mask, dropout=0.0 if not self.training else self.attention_dropout,
- scaling=self.scaling, **kwargs,
- )
-
- attn_output = attn_output.reshape(*input_shape, -1).contiguous()
- attn_output = self.o_proj(attn_output)
- return attn_output, attn_weights
-
-
-@use_kernel_forward_from_hub("RMSNorm")
-class GlmRMSNorm(nn.Module):
- def __init__(self, hidden_size, eps=1e-6):
- super().__init__()
- self.weight = nn.Parameter(torch.ones(hidden_size))
- self.variance_epsilon = eps
-
- def forward(self, hidden_states):
- input_dtype = hidden_states.dtype
- hidden_states = hidden_states.to(torch.float32)
- variance = hidden_states.pow(2).mean(-1, keepdim=True)
- hidden_states = hidden_states * torch.rsqrt(variance + self.variance_epsilon)
- return self.weight * hidden_states.to(input_dtype)
-
-# ... (many more classes and functions would follow)
-
-
- Left: Clean modular definition with inheritance.
- Right: Auto-expanded version with all inherited functionality visible.
-
\ No newline at end of file
diff --git a/src/fragments/loc-growth.html b/src/fragments/loc-growth.html
deleted file mode 100644
index f4dc8fb3987a1eba35fcc01ad790a98eccb9f624..0000000000000000000000000000000000000000
--- a/src/fragments/loc-growth.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/src/fragments/memory-profiler.html b/src/fragments/memory-profiler.html
deleted file mode 100644
index 1481a56dc0a85f790c7f58aadf2a6c0a98c3465b..0000000000000000000000000000000000000000
--- a/src/fragments/memory-profiler.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
🚀 CUDA Warmup Efficiency Benchmark
-
- Real CUDA warmup benchmarking with actual Transformers models. Measure the performance impact of the caching_allocator_warmup function.
-
-
-
-
-
-
-
-
- Real CUDA warmup benchmarking with actual Transformers models. Measure the performance impact of the caching_allocator_warmup function at transformers/src/transformers/modeling_utils.py:6186. This interactive tool loads models twice - once with warmup disabled and once with warmup enabled - to demonstrate the significant loading time improvements.
-
-
-
Interactive Terminal
-
-
- Run
-
-
$ Ready to run commands...
-
-
- Note: This is a simulated terminal. In the original Gradio app, this would execute real Python commands with proper security restrictions.
-
-
# In the model's config (example: ERNIE 4.5-style decoder blocks)
-base_model_tp_plan = {
- "layers.*.self_attn.q_proj": "colwise",
- "layers.*.self_attn.k_proj": "colwise",
- "layers.*.self_attn.v_proj": "colwise",
- "layers.*.self_attn.o_proj": "rowwise",
- "layers.*.mlp.gate_proj": "colwise",
- "layers.*.mlp.up_proj": "colwise",
- "layers.*.mlp.down_proj": "rowwise",
-}
-
-# Runtime
-import torch
-from transformers import AutoModelForCausalLM, AutoTokenizer
-
-model_id = "your/model-or-local-checkpoint"
-model = AutoModelForCausalLM.from_pretrained(
- model_id,
- dtype=torch.bfloat16,
- tp_plan=base_model_tp_plan, # <-- plan defined above
-)
-tok = AutoTokenizer.from_pretrained(model_id)
-inputs = tok("Hello", return_tensors="pt").to(model.device)
-out = model(**inputs)
-
-
Mem allocation patterns during model loading
-
-
- Start Animation
- Reset
-
-
-
-
-
❌ Without Warmup
-
0.00s
-
Layers loaded: 0/10
-
-
-
- Individual Allocations: Grey "malloc" = Memory allocation overheadGreen "data" = Actual layer data loading
-
-
-
-
-
✅ With Warmup
-
0.00s
-
Layers loaded: 0/10
-
-
-
- Pre-allocated Pool: Blue container = Single large malloc (warmup)Green progress bar = Layer data loading (no malloc needed)
-
-
-
-
-