gamv/ds2-core
1
0
Fork 0
Code Issues 8 Releases 7 Activity

Fixes #18

Browse Source
This commit is contained in:
A McIlwraith 2024-09-16 16:29:32 -04:00
parent f358266533
commit 2cd25ad7bd
4 changed files with 580 additions and 553 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
ds2 core.sublime-workspace
View File

@ -191,6 +191,25 @@
}, },
"buffers": "buffers":
[ [
{
"file": "src/js/scaffolding.js",
"settings":
{
"buffer_size": 2622,
"line_ending": "Unix"
},
"undo_stack":
[
[
1,
1,
"revert",
null,
"AgAAAAAAAAAAAAAAAAAAAAAAAAA+CgAALy8gY29yZSBhbmQgcHJpc20KaW1wb3J0ICogYXMgY29yZSBmcm9tICcuL2NvcmUvX2NvcmUuanMnOwppbXBvcnQgKiBhcyBQcmlzbSBmcm9tICIuLi8uLi9ub2RlX21vZHVsZXMvcHJpc21qcy9wcmlzbSI7CmltcG9ydCAiLi4vLi4vbm9kZV9tb2R1bGVzL3ByaXNtanMvcGx1Z2lucy9saW5lLW51bWJlcnMvcHJpc20tbGluZS1udW1iZXJzIjsKaW1wb3J0ICIuLi8uLi9ub2RlX21vZHVsZXMvcHJpc21qcy9wbHVnaW5zL3Rvb2xiYXIvcHJpc20tdG9vbGJhciI7CmltcG9ydCAnLi4vLi4vbm9kZV9tb2R1bGVzL3ByaXNtanMvY29tcG9uZW50cy9wcmlzbS1qc29uJzsKaW1wb3J0ICcuLi8uLi9ub2RlX21vZHVsZXMvcHJpc21qcy9jb21wb25lbnRzL3ByaXNtLXB1Zyc7CmltcG9ydCAnLi4vLi4vbm9kZV9tb2R1bGVzL3ByaXNtanMvY29tcG9uZW50cy9wcmlzbS1zYXNzJzsKCi8vIGltcG9ydCBwYXR0ZXJuIHN0dWZmLgppbXBvcnQgKiBhcyBzdGlja3lub3RlIGZyb20gIi4uL3BnL3BhdHRlcm5zL2NvcmUvc3RpY2t5LW5vdGUvX3N0aWNreS1ub3RlLmpzIjsKaW1wb3J0ICogYXMgc3d0Y2ggICAgICBmcm9tICIuLi9wZy9wYXR0ZXJucy9jb3JlL3N3aXRjaC9fc3dpdGNoLmpzIjsKaW1wb3J0ICogYXMgdGFicyAgICAgICBmcm9tICIuLi9wZy9wYXR0ZXJucy9jb3JlL3RhYnMvX3RhYnMuanMiOwoKLy8gaW5pdCBjb3JlCmNvcmUuaW5pdCh7CglzdWNjZXNzOiAoYSkgPT4geyAKCQl0YWJzLmluaXQoYSk7CgkJc3d0Y2guaW5pdChhKTsKCQlzdGlja3lub3RlLmluaXQoYSk7Cgl9LAoJbm90Rm91bmQ6IChhLCBwYXRoKSA9PiB7CgkJYS5pbm5lckhUTUwgPSBgJHthLmlubmVySFRNTH08ZGl2IGNsYXNzPSdub3RpZmljYXRpb24tYm94IGVycm9yJz48cD5UaGlzIHBhdHRlcm4gYXBwZWFycyB0byBiZSBtaXNzaW5nLjxicj48c21hbGw+KCR7cGF0aH0gcmV0dXJuZWQgaHR0cCBzdGF0dXMgNDA0KTwvc21hbGw+PC9wPjwvZGl2PmA7Cgl9Cn0pOwoKLy8gZGVwcmVjYXRlZCBzd2l0Y2ggaGFuZGxlcgpjb25zdCBmbGlwSW5mb1N3aXRjaCA9IChlLCBzID0gZS5jdXJyZW50VGFyZ2V0KSA9PiB7CgkKCXN3aXRjaChzLmdldEF0dHJpYnV0ZSgiaWQiKSkgewoKCQljYXNlICJkZXByZWNhdGVkIiA6IAoJCQljb3JlLmNvb2tpZS5zZXQoInNob3ctZGVwcmVjYXRlZCIsIHMuZ2V0QXR0cmlidXRlKCJhcmlhLWNoZWNrZWQiKSwgMzAsICIvIik7CgkJCWRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIm1haW4iKS5xdWVyeVNlbGVjdG9yQWxsKCJhcnRpY2xlW2RhdGEtc3RhdHVzPWRlcHJlY2F0ZWRdIikuZm9yRWFjaCgoYSkgPT4gewoJCQkJYS5jbGFzc0xpc3RbKCBzLmdldEF0dHJpYnV0ZSgiYXJpYS1jaGVja2VkIikgPT0gInRydWUiID8gImFkZCIgOiAicmVtb3ZlIiApXSgic2hvdy1kZXByZWNhdGVkIik7CgkJCX0pOwoJCWJyZWFrOyAKCgkJY2FzZSAiYnJlYWtwb2ludHMiIDoKCQkJY29uc29sZS5sb2coImhlcmUiKQoJCQljb3JlLmNvb2tpZS5zZXQoInNob3ctYnJlYWtwb2ludHMiLCBzLmdldEF0dHJpYnV0ZSgiYXJpYS1jaGVja2VkIiksIDMwLCAiLyIpOwoJCQlkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCJodG1sIikuY2xhc3NMaXN0Wyggcy5nZXRBdHRyaWJ1dGUoImFyaWEtY2hlY2tlZCIpID09ICJ0cnVlIiA/ICJhZGQiIDogInJlbW92ZSIgKV0oInNob3ctYnJlYWtwb2ludHMiKTsKCQlicmVhazsgCgl9Cgp9CgovLyBjcmVhdGUgYSBwdXJlIEpTIG1vdXNlIGNsaWNrIGV2ZW50CmNvbnN0IGNsaWNrID0gbmV3IE1vdXNlRXZlbnQoJ2NsaWNrJywgewoJdmlldzogd2luZG93LAoJYnViYmxlczogZmFsc2UsCgljYW5jZWxhYmxlOiB0cnVlCn0pOwoKLy8gZ2V0IHRoZSBzd2l0Y2gsIGluaXRpYWxpemUgaXQgYW5kIGFkZCB0aGUgaGFuZGxlcgpsZXQgc3dpdGNoZXMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIuaW5mby1zd2l0Y2hlcyIpOwpzd3RjaC5pbml0KHN3aXRjaGVzKTsKCmxldCBkZXByZWNhdGVkID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiI2RlcHJlY2F0ZWQiKTsKbGV0IGJyZWFrcG9pbnRzID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiI2JyZWFrcG9pbnRzIik7CgpkZXByZWNhdGVkLm9uY2xpY2sgPSBmbGlwSW5mb1N3aXRjaDsKZGVwcmVjYXRlZC5rZXlwcmVzcyA9IGZsaXBJbmZvU3dpdGNoOwpicmVha3BvaW50cy5vbmNsaWNrID0gZmxpcEluZm9Td2l0Y2g7CmJyZWFrcG9pbnRzLmtleXByZXNzID0gZmxpcEluZm9Td2l0Y2g7CgovLyBjaGVjayBhIGNvb2tpZSB0byBnZXQgdGhlIHN3aXRjaCdzIHN0YXRlCmlmIChjb3JlLmNvb2tpZS5nZXQoInNob3ctZGVwcmVjYXRlZCIpID09ICJ0cnVlIikgewoJZGVwcmVjYXRlZC5kaXNwYXRjaEV2ZW50KGNsaWNrKTsKfQppZiAoY29yZS5jb29raWUuZ2V0KCJzaG93LWJyZWFrcG9pbnRzIikgPT0gInRydWUiKSB7CglicmVha3BvaW50cy5kaXNwYXRjaEV2ZW50KGNsaWNrKTsKfQoKLy8ganVzdCBmb3IgZnVuLi4uIFdlJ2xsIHNob3cgZGVwcmVjYXRlZCBpZiB0aGV5IG1hdGNoIHRoZSBwYXRoCi8vIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYCMke2NvcmUudXJsLnAucmVwbGFjZSgvXC8vZywgIi0iKX1gKS5jbGFzc0xpc3QuYWRkKCJzaG93LWRlcHJlY2F0ZWQiKTsKAAAAAAAAAAA+CgAAAAAAAAAAAAA",
"AQAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPC/"
]
]
}
], ],
"build_system": "", "build_system": "",
"build_system_choices": "build_system_choices":
@ -281,13 +300,12 @@
"expanded_folders": "expanded_folders":
[ [
"/Users/am/Desktop/ds2-core", "/Users/am/Desktop/ds2-core",
"/Users/am/Desktop/ds2-core/src",
"/Users/am/Desktop/ds2-core/src/pg",
"/Users/am/Desktop/ds2-core/src/pg/patterns", "/Users/am/Desktop/ds2-core/src/pg/patterns",
"/Users/am/Desktop/ds2-core/src/pg/patterns/core" "/Users/am/Desktop/ds2-core/src/pg/patterns/core"
], ],
"file_history": "file_history":
[ [
"/Users/am/Desktop/ds2-core/src/js/core/_core.js",
"/Users/am/Desktop/ds2-core/src/pg/patterns/core/components/switch/index.pug", "/Users/am/Desktop/ds2-core/src/pg/patterns/core/components/switch/index.pug",
"/Users/am/Desktop/ds2-core/src/pg/patterns/core/components/sticky-note/index.pug", "/Users/am/Desktop/ds2-core/src/pg/patterns/core/components/sticky-note/index.pug",
"/Users/am/Desktop/ds2-core/src/pg/patterns/core/layouts/breakpoints/index.pug", "/Users/am/Desktop/ds2-core/src/pg/patterns/core/layouts/breakpoints/index.pug",
@ -414,8 +432,7 @@
"/Users/am/Desktop/my DS2/src/pg/patterns/layouts/main-navigation/index.pug", "/Users/am/Desktop/my DS2/src/pg/patterns/layouts/main-navigation/index.pug",
"/Users/am/Desktop/my DS2/src/pg/patterns/layouts/breakpoints/index.pug", "/Users/am/Desktop/my DS2/src/pg/patterns/layouts/breakpoints/index.pug",
"/Users/am/Desktop/my DS2/src/pg/patterns/visual-design/notifications/index.pug", "/Users/am/Desktop/my DS2/src/pg/patterns/visual-design/notifications/index.pug",
"/Users/am/Desktop/my DS2/src/pg/patterns/visual-design/spacing/spacing.css", "/Users/am/Desktop/my DS2/src/pg/patterns/visual-design/spacing/spacing.css"
"/Users/am/Desktop/my DS2/src/pg/patterns/visual-design/colours/index.pug"
], ],
"find": "find":
{ {
@ -502,6 +519,38 @@
{ {
"sheets": "sheets":
[ [
{
"buffer": 0,
"file": "src/js/scaffolding.js",
"selected": true,
"semi_transient": false,
"settings":
{
"buffer_size": 2622,
"regions":
{
},
"selection":
[
[
0,
0
]
],
"settings":
{
"syntax": "Packages/JavaScript/JavaScript.sublime-syntax",
"tab_size": 4,
"translate_tabs_to_spaces": false
},
"translation.x": 0.0,
"translation.y": 365.0,
"zoom_level": 1.0
},
"stack_index": 0,
"stack_multiselect": false,
"type": "text"
}
] ]
} }
], ],

3
prepros.config
View File

@ -1207,6 +1207,9 @@
"concat-js": { "concat-js": {
"enable": false "enable": false
}, },
"babel": {
"enable": true
},
"bundle-js": { "bundle-js": {
"enable": true, "enable": true,
"options": { "options": {

470
public/assets/scaffolding-min.js vendored
View File

@ -4,31 +4,34 @@
/* 1 */ /* 1 */
/***/ (function(module) { /***/ (function(module) {
const getDate = function(){ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
var getDate = function getDate() {
var d = new Date(); var d = new Date();
return d.toLocaleDateString(lang, {day: "numeric", month: "long", year: "numeric"}); return d.toLocaleDateString(lang, {
} day: "numeric",
month: "long",
year: "numeric"
});
};
String.prototype.toTitleCase = function () { String.prototype.toTitleCase = function () {
return this.replace(/\w\S*/g, function (txt) { return this.replace(/\w\S*/g, function (txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
}); });
} };
String.prototype.toSentenceCase = function () { String.prototype.toSentenceCase = function () {
return this.charAt(0).toUpperCase() + this.substr(1).toLowerCase(); return this.charAt(0).toUpperCase() + this.substr(1).toLowerCase();
} };
String.prototype.toContent = function () { String.prototype.toContent = function () {
return this.replace(/-/g, " "); return this.replace(/-/g, " ");
} };
String.prototype.toPath = function () { String.prototype.toPath = function () {
return this.trim().replace(/ /g, "_").replace(/-/g, "_").replace(/[\/\W]/g, "").replace(/_/g, "-"); return this.trim().replace(/ /g, "_").replace(/-/g, "_").replace(/[\/\W]/g, "").replace(/_/g, "-");
} };
var font = {
const font = {
size: 0 size: 0
} };
var copyColourFallback = function copyColourFallback(copyInfo, attr) {
const copyColourFallback = (copyInfo, attr) => { console.log("fallback");
console.log("fallback")
var textArea = document.createElement('textarea'); var textArea = document.createElement('textarea');
textArea.value = copyInfo; textArea.value = copyInfo;
@ -36,48 +39,44 @@ const copyColourFallback = (copyInfo, attr) => {
textArea.style.top = '0'; textArea.style.top = '0';
textArea.style.left = '0'; textArea.style.left = '0';
textArea.style.position = 'fixed'; textArea.style.position = 'fixed';
document.body.appendChild(textArea); document.body.appendChild(textArea);
textArea.focus(); textArea.focus();
textArea.select(); textArea.select();
try { try {
var successful = document.execCommand('copy'); var successful = document.execCommand('copy');
setTimeout(function () { setTimeout(function () {
if (successful) { if (successful) {
//copyInfo.success(); //copyInfo.success();
showMessage(`Copied ${attr}.`) showMessage("Copied ".concat(attr, "."));
} else { } else {
//copyInfo.error(); //copyInfo.error();
showMessage(`Copy failed (${attr}).`, false) showMessage("Copy failed (".concat(attr, ")."), false);
} }
}, 1); }, 1);
} catch (err) { } catch (err) {
setTimeout(function () { setTimeout(function () {
showMessage(`Copy failed (${attr}). ${err.Message}`, false); showMessage("Copy failed (".concat(attr, "). ").concat(err.Message), false);
//copyInfo.error(err); //copyInfo.error(err);
}, 1); }, 1);
} }
document.body.removeChild(textArea); document.body.removeChild(textArea);
} };
var showMessage = function showMessage(m, s) {
const showMessage = (m, s) => {
s = s == undefined ? true : s; s = s == undefined ? true : s;
console.log("Copy success (navigator.clipboard)"); console.log("Copy success (navigator.clipboard)");
let status = document.createElement("div"); var status = document.createElement("div");
status.setAttribute("id", "copystatus"); status.setAttribute("id", "copystatus");
// status.style.display = "none"; // status.style.display = "none";
status.innerHTML = "<div class='" + (s ? "succeeded" : "failed") + "'>" + m + "</div>"; status.innerHTML = "<div class='" + (s ? "succeeded" : "failed") + "'>" + m + "</div>";
document.querySelector("body").prepend(status) document.querySelector("body").prepend(status);
status.querySelector("div").style.top = window.scrollY + 100 + "px";
status.querySelector("div").style.top = (window.scrollY + 100)+ "px"; setTimeout(function () {
setTimeout( () => {
status.remove(); status.remove();
}, 1000); }, 1000);
} };
var oneClickSelect = function oneClickSelect(e) {
const oneClickSelect = (e, t = e.currentTarget) => { var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : e.currentTarget;
// In here, "this" is the element // In here, "this" is the element
var range, selection; var range, selection;
if (window.getSelection) { if (window.getSelection) {
@ -91,12 +90,11 @@ const oneClickSelect = (e, t = e.currentTarget) => {
range.moveToElementText(t); range.moveToElementText(t);
range.select(); range.select();
} }
} };
var getURLVars = function getURLVars() {
const getURLVars = () => {
var oResult = {}; var oResult = {};
if (location.search.length > 0) { if (location.search.length > 0) {
var aQueryString = (location.search.substr(1)).split("&"); var aQueryString = location.search.substr(1).split("&");
for (var i = 0; i < aQueryString.length; i++) { for (var i = 0; i < aQueryString.length; i++) {
var aTemp = aQueryString[i].split("="); var aTemp = aQueryString[i].split("=");
if (aTemp[1].length > 0) { if (aTemp[1].length > 0) {
@ -105,13 +103,12 @@ const getURLVars = () => {
} }
} }
return oResult; return oResult;
} };
module.exports = { module.exports = {
url: (() => { url: function () {
var v = {}; var v = {};
if (location.search.length > 0) { if (location.search.length > 0) {
var qs = (location.search.substr(1)).split("&"); var qs = location.search.substr(1).split("&");
for (var i = 0; i < qs.length; i++) { for (var i = 0; i < qs.length; i++) {
var t = qs[i].split("="); var t = qs[i].split("=");
if (t[1].length > 0) { if (t[1].length > 0) {
@ -120,24 +117,20 @@ module.exports = {
} }
} }
return v; return v;
})(), }(),
cookie: { cookie: {
set: (name, value, expires, path, domain, secure) => { set: function set(name, value, expires, path, domain, secure) {
switch(typeof expires) { switch (_typeof(expires)) {
case "number": case "number":
var d = new Date() var d = new Date();
expires = d.setTime(d + (expires*24*60*60*1000)); expires = d.setTime(d + expires * 24 * 60 * 60 * 1000);
break; break;
case "object": case "object":
expires = expires.toGMTString(); expires = expires.toGMTString();
} }
document.cookie= name + "=" + escape(value) + document.cookie = name + "=" + escape(value) + (expires ? "; expires=" + expires : "") + "; path=/" + (domain ? "; domain=" + domain : "") + (secure ? "; secure" : "");
((expires) ? "; expires=" + expires : "") +
("; path=/") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}, },
get: (cname) => { get: function get(cname) {
var name = cname + "="; var name = cname + "=";
var ca = document.cookie.split(";"); var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) { for (var i = 0; i < ca.length; i++) {
@ -151,19 +144,17 @@ module.exports = {
} }
return ""; return "";
}, },
remove: (cnane) => { remove: function remove(cnane) {
setCookie(cname, "", -1); setCookie(cname, "", -1);
}, }
}, },
colour: { colour: {
copy: function copy(w, t) {
copy: (w, t) => { var c = t.parentNode.getAttribute("data-" + (w == "var" ? "token" : w));
let c = t.parentNode.getAttribute("data-" + (w=="var" ? "token" : w)); c = w == "var" ? "var(".concat(c, ")") : c;
c = w == "var" ? `var(${c})` : c;
if (navigator.clipboard) { if (navigator.clipboard) {
navigator.clipboard.writeText(c).then(function () { navigator.clipboard.writeText(c).then(function () {
showMessage(`Copied ${w}.`); showMessage("Copied ".concat(w, "."));
}, function (e) { }, function (e) {
copyColourFallback(c, w); copyColourFallback(c, w);
}); });
@ -171,145 +162,136 @@ module.exports = {
copyColourFallback(c, w); copyColourFallback(c, w);
} }
}, },
positionTooltip: function positionTooltip() {
positionTooltip: () => { document.querySelectorAll("color-pill > span").forEach(function (ps) {
document.querySelectorAll("color-pill > span").forEach((ps) => { ps.querySelectorAll("div.tooltip-tc").forEach(function (tip) {
ps.querySelectorAll("div.tooltip-tc").forEach((tip) => { if (font.size * 10 > ps.offsetLeft) {
if ( (font.size * 10) > ps.offsetLeft ) {
tip.setAttribute("tip-position", "right"); tip.setAttribute("tip-position", "right");
} else { } else {
tip.setAttribute("tip-position", "bottom"); tip.setAttribute("tip-position", "bottom");
} }
}); });
}) });
} }
}, },
// getCSS: (el, prop, b = false) { // getCSS: (el, prop, b = false) {
// return window.getComputedStyle(el, null).getPropertyValue(prop); // return window.getComputedStyle(el, null).getPropertyValue(prop);
// }, // },
init: (args = {}) => { init: function init() {
const url = getURLVars(); var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var url = getURLVars();
font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px", "")); font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px", ""));
if (url.p !== undefined) { if (url.p !== undefined) {
document.querySelectorAll("main article:not([data-path^='" + url.p + "'])").forEach((a) => { document.querySelectorAll("main article:not([data-path^='" + url.p + "'])").forEach(function (a) {
a.remove(); a.remove();
}); });
if (url.p == -1) { if (url.p == -1) {
document.querySelector("title").innerHTML = `${url.p.toContent().toTitleCase()} | ${ document.querySelector("title").getAttribute("data-site") }`; document.querySelector("title").innerHTML = "".concat(url.p.toContent().toTitleCase(), " | ").concat(document.querySelector("title").getAttribute("data-site"));
} else { } else {
document.querySelector("title").innerHTML = `${url.p.substring(url.p.lastIndexOf("/")+1).toContent().toTitleCase()} | ${ document.querySelector("title").getAttribute("data-site") }` var theTitle = document.querySelectorAll("article");
if (theTitle.length > 0) {
theTitle = theTitle[0].getAttribute("data-name").toContent().toTitleCase();
if (document.querySelector("article").getAttribute("data-display") !== null) {
theTitle = document.querySelector("article").getAttribute("data-display");
}
document.querySelector("title").innerHTML = "".concat(theTitle, " | ").concat(document.querySelector("title").getAttribute("data-site"));
}
} }
} }
if (typeof args.beforeArticleLoad == "function") args.beforeArticleLoad(); if (typeof args.beforeArticleLoad == "function") args.beforeArticleLoad();
document.querySelectorAll("article").forEach(function (a) {
document.querySelectorAll("article").forEach((a) => {
if (a.getAttribute("data-template") != "none") { if (a.getAttribute("data-template") != "none") {
const observer = new IntersectionObserver(articles => { var observer = new IntersectionObserver(function (articles) {
articles.forEach(article => { articles.forEach(function (article) {
let a = article.target; var a = article.target;
// console.log("observing: ", { id: a.getAttribute("id"), intersecting: a.isIntersecting } ) // console.log("observing: ", { id: a.getAttribute("id"), intersecting: a.isIntersecting } )
// if (article.intersectionRatio > 0) { // if (article.intersectionRatio > 0) {
// console.log("Is interesecting: ", { id: article.target.getAttribute("id"), intersecting: article.isIntersecting, ratio: article.intersectionRatio } ) // console.log("Is interesecting: ", { id: article.target.getAttribute("id"), intersecting: article.isIntersecting, ratio: article.intersectionRatio } )
if (article.isIntersecting == true) { if (article.isIntersecting == true) {
let path = a.getAttribute("data-path"); var path = a.getAttribute("data-path");
path = "patterns/" + path = "patterns/" + (a.getAttribute("data-core") == "true" ? "core/" + path.substring(path.lastIndexOf("/") + 1) : a.getAttribute("data-path")) + "/index.html";
(a.getAttribute("data-core") == "true" ? var ASYNC = true;
"core/" + path.substring(path.lastIndexOf("/") + 1) : var ajx = new XMLHttpRequest();
a.getAttribute("data-path")) ajx.onreadystatechange = function () {
+ "/index.html";
const ASYNC = true;
let ajx = new XMLHttpRequest();
ajx.onreadystatechange = () => {
if (ajx.readyState == 4) { if (ajx.readyState == 4) {
observer.unobserve(article.target); observer.unobserve(article.target);
switch (ajx.status) { switch (ajx.status) {
case 200: case 200:
a.innerHTML = a.innerHTML + ajx.responseText; a.innerHTML = a.innerHTML + ajx.responseText;
a.style.height = "auto" a.style.height = "auto";
switch (a.getAttribute("data-template")) { switch (a.getAttribute("data-template")) {
case "pug": case "pug":
a.querySelectorAll("pre").forEach((aa) => { a.querySelectorAll("pre").forEach(function (aa) {
aa.innerHTML = `<code class="${aa.getAttribute("class")}">${aa.innerHTML}</code>`; aa.innerHTML = "<code class=\"".concat(aa.getAttribute("class"), "\">").concat(aa.innerHTML, "</code>");
}) });
break; break;
case "md": case "md":
a.querySelectorAll("code").forEach((aa) => { a.querySelectorAll("code").forEach(function (aa) {
aa.classList.add("language-html"); aa.classList.add("language-html");
}) });
break; break;
} }
a.querySelectorAll("code").forEach(function (c) {
a.querySelectorAll("code").forEach((c)=> {
c.classList.add("line-numbers"); c.classList.add("line-numbers");
c.innerHTML = c.innerHTML.replace(/</g, "&lt;"); c.innerHTML = c.innerHTML.replace(/</g, "&lt;");
c.classList.add("copy-to-clipboard-button"); c.classList.add("copy-to-clipboard-button");
}) });
if (typeof args.success == "function") args.success(a); if (typeof args.success == "function") args.success(a);
Prism.highlightAll(); Prism.highlightAll();
a.querySelectorAll("code").forEach(function (c) {
a.querySelectorAll("code").forEach((c)=> { c.onclick = function (e) {
c.onclick = (e) => {
oneClickSelect(e); oneClickSelect(e);
} };
}) });
module.exports.colour.positionTooltip(); module.exports.colour.positionTooltip();
window.onresize = () => { window.onresize = function () {
module.exports.colour.positionTooltip(); module.exports.colour.positionTooltip();
} };
a.querySelectorAll("name > span, color-pill > span").forEach(function (pill) {
a.querySelectorAll("name > span, color-pill > span").forEach((pill) => { pill.onclick = function (e) {
pill.onclick = (e) => {
e.preventDefault(); e.preventDefault();
let w = ""; var w = "";
if (e.metaKey || e.ctrlKey || e.keyCode == 91 || e.keyCode == 224) { if (e.metaKey || e.ctrlKey || e.keyCode == 91 || e.keyCode == 224) {
w = "var"; w = "var";
} else if (e.altKey) { } else if (e.altKey) {
w = "token" w = "token";
} else if (e.shiftKey) { } else if (e.shiftKey) {
w = "rgb"; w = "rgb";
} else { } else {
w = "hex"; w = "hex";
} }
module.exports.colour.copy(w, pill); module.exports.colour.copy(w, pill);
} };
}) });
break; break;
case 404: case 404:
if (typeof args.notFound == "function") args.notFound(a, path); if (typeof args.notFound == "function") args.notFound(a, path);
break; break;
default: default:
console.log("uncaught http error", { status: ajx.status, path: a.getAttribute("data-path") }); console.log("uncaught http error", {
status: ajx.status,
path: a.getAttribute("data-path")
});
} }
a.style.height = "auto"; a.style.height = "auto";
if (typeof args.done == "function") args.done(a); if (typeof args.done == "function") args.done(a);
} }
}; };
ajx.open("GET", path, ASYNC); ajx.open("GET", path, ASYNC);
ajx.send(); ajx.send();
} }
}) });
}, { threshold: 0, rootMargin: "100%" }) }, {
threshold: 0,
rootMargin: "100%"
});
observer.observe(a); observer.observe(a);
} else { } else {
a.style.height = "auto"; a.style.height = "auto";
} }
}) });
if (typeof args.afterArticleLoad == "function") args.afterArticleLoad(); if (typeof args.afterArticleLoad == "function") args.afterArticleLoad();
} }
}; };
@ -3028,45 +3010,47 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ init: function() { return /* binding */ init; } /* harmony export */ init: function() { return /* binding */ init; }
/* harmony export */ }); /* harmony export */ });
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
//- DS2 core (c) 2024 Alexander McIlwraith //- DS2 core (c) 2024 Alexander McIlwraith
//- Licensed under CC BY-SA 4.0 //- Licensed under CC BY-SA 4.0
const font = { var font = {
size: 0 size: 0
} };
var pos = {
const pos = {
x: 0, x: 0,
y: 0 y: 0
} };
function drag(sticky) { function drag(sticky) {
sticky.onmousedown = event => { sticky.onmousedown = function (event) {
// get the position within the sticky // get the position within the sticky
pos.x = (event.clientX - sticky.offsetLeft); pos.x = event.clientX - sticky.offsetLeft;
pos.y = (event.clientY - sticky.offsetTop); pos.y = event.clientY - sticky.offsetTop;
// on mouse move, move the sticky to the position, minus the offset, of the mouse // on mouse move, move the sticky to the position, minus the offset, of the mouse
document.onmousemove = documentEvent => { document.onmousemove = function (documentEvent) {
sticky.style.top = (documentEvent.clientY - pos.y) + 'px'; sticky.style.top = documentEvent.clientY - pos.y + 'px';
sticky.style.left = (documentEvent.clientX - pos.x) + 'px'; sticky.style.left = documentEvent.clientX - pos.x + 'px';
sticky.setAttribute("moved", "true"); sticky.setAttribute("moved", "true");
} };
// when done, remove mouse move and mouse up handlers. // when done, remove mouse move and mouse up handlers.
document.onmouseup = () => { document.onmouseup = function () {
document.onmouseup = null; document.onmouseup = null;
document.onmousemove = null; document.onmousemove = null;
};
};
} }
}
}
function waitForElement(selector) { function waitForElement(selector) {
return new Promise(resolve => { return new Promise(function (resolve) {
if (document.querySelector(selector)) { if (document.querySelector(selector)) {
return resolve(document.querySelector(selector)); return resolve(document.querySelector(selector));
} }
var observer = new MutationObserver(function (mutations) {
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) { if (document.querySelector(selector)) {
observer.disconnect(); observer.disconnect();
resolve(document.querySelector(selector)); resolve(document.querySelector(selector));
@ -3080,84 +3064,81 @@ function waitForElement(selector) {
}); });
}); });
} }
var checkBottom = function checkBottom(attach) {
const checkBottom = (attach) => {
// check if top or bottom // check if top or bottom
if (attach.y < 0) { if (attach.y < 0) {
attach.ys = "bottom"; attach.ys = "bottom";
attach.y = attach.y * -1; attach.y = attach.y * -1;
} }
} };
var setStickyPostions = function setStickyPostions(s, attach) {
const setStickyPostions = (s, attach) => {
// set // set
s.style[attach.ys] = `${attach.y}px`; s.style[attach.ys] = "".concat(attach.y, "px");
s.style[attach.xs] = `${attach.x}px`; s.style[attach.xs] = "".concat(attach.x, "px");
s.style.display = "grid"; s.style.display = "grid";
} };
var css = function css(el, attr) {
const css = (el, attr) => { var st = "";
let st = "" Object.entries(attr).forEach(function (val) {
Object.entries(attr).forEach(val => { var _val = _slicedToArray(val, 2),
const [key, value] = val; key = _val[0],
st += `${key}: ${value}; `; value = _val[1];
}) st += "".concat(key, ": ").concat(value, "; ");
});
el.setAttribute("style", st.trim()); el.setAttribute("style", st.trim());
} };
var calculateStickyPosition = function calculateStickyPosition(s) {
var float = s.getAttribute("float");
const calculateStickyPosition = (s) => { var p = s.parentNode.getBoundingClientRect();
let float = s.getAttribute("float");
let p = s.parentNode.getBoundingClientRect()
switch (float) { switch (float) {
case "left": case "left":
css(s, {left: (p.left * -1) + "px"}) css(s, {
left: p.left * -1 + "px"
});
break; break;
case "right": case "right":
css(s, { left: (Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) - p.left - s.offsetWidth - (font.size * 2)) + "px" }); css(s, {
left: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) - p.left - s.offsetWidth - font.size * 2 + "px"
});
break; break;
} }
var offset = s.getAttribute("offset");
let offset = s.getAttribute("offset");
if (offset !== null) { if (offset !== null) {
offset = offset.trim().split(" "); offset = offset.trim().split(" ");
css(s, {top: offset[0], left: offset[1] }) css(s, {
top: offset[0],
left: offset[1]
});
} }
} };
function init() {
function init(p = document){ var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px", "")); font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px", ""));
p.querySelectorAll("sticky-note").forEach(function (s) {
p.querySelectorAll("sticky-note").forEach((s) => {
if (s.querySelectorAll("svg").length == 0) { if (s.querySelectorAll("svg").length == 0) {
var wrapper = document.createElement("sticky-note-wrapper");
let wrapper = document.createElement("sticky-note-wrapper");
s.parentNode.insertBefore(wrapper, s); s.parentNode.insertBefore(wrapper, s);
wrapper.appendChild(s); wrapper.appendChild(s);
s.setAttribute("content", s.innerHTML.replace(/"/g, "\"")); s.setAttribute("content", s.innerHTML.replace(/"/g, "\""));
s.innerHTML = `<div><svg width='0' height='0'><defs><clipPath id='stickyClip' clipPathUnits='objectBoundingBox'><path d='M 0 0 Q 0 0.69, 0.03 0.96 0.03 0.96, 1 0.96 Q 0.96 0.69, 0.96 0 0.96 0, 0 0' stroke-linejoin='round' stroke-linecap='square' /></clipPath></defs></svg></div><div><div>${s.innerHTML}</div></div>`; s.innerHTML = "<div><svg width='0' height='0'><defs><clipPath id='stickyClip' clipPathUnits='objectBoundingBox'><path d='M 0 0 Q 0 0.69, 0.03 0.96 0.03 0.96, 1 0.96 Q 0.96 0.69, 0.96 0 0.96 0, 0 0' stroke-linejoin='round' stroke-linecap='square' /></clipPath></defs></svg></div><div><div>".concat(s.innerHTML, "</div></div>");
} }
calculateStickyPosition(s); calculateStickyPosition(s);
drag(s); drag(s);
s.ondblclick = (e) => { s.ondblclick = function (e) {
if (e.ctrlKey) { if (e.ctrlKey) {
calculateStickyPosition(s); calculateStickyPosition(s);
} else { } else {
// add one click select // add one click select
} }
} };
}) });
window.onresize = function () {
window.onresize = () => {
font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px", "")); font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px", ""));
let stickies = p.querySelectorAll("sticky-note"); var stickies = p.querySelectorAll("sticky-note");
stickies.forEach((s) => { stickies.forEach(function (s) {
calculateStickyPosition(s); calculateStickyPosition(s);
}); });
} };
} }
/***/ }), /***/ }),
@ -3168,7 +3149,7 @@ function init(p = document){
//- Licensed under CC BY-SA 4.0 //- Licensed under CC BY-SA 4.0
function flip(e) { function flip(e) {
let sw = e.currentTarget; var sw = e.currentTarget;
switch (sw.getAttribute("aria-checked")) { switch (sw.getAttribute("aria-checked")) {
case "true": case "true":
sw.setAttribute("aria-checked", "false"); sw.setAttribute("aria-checked", "false");
@ -3177,20 +3158,20 @@ function flip(e) {
sw.setAttribute("aria-checked", "true"); sw.setAttribute("aria-checked", "true");
break; break;
} }
}; }
;
module.exports = { module.exports = {
init: (p = document) => { init: function init() {
p.querySelectorAll("[role='switch']").forEach((sw) => { var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
p.querySelectorAll("[role='switch']").forEach(function (sw) {
sw.innerHTML = "<span></span>"; sw.innerHTML = "<span></span>";
sw.setAttribute("aria-checked", "false"); sw.setAttribute("aria-checked", "false");
sw.setAttribute("tabindex", "0"); sw.setAttribute("tabindex", "0");
sw.addEventListener("click", flip, false); sw.addEventListener("click", flip, false);
sw.addEventListener("keypress", flip, false); sw.addEventListener("keypress", flip, false);
}) });
} }
} };
/***/ }), /***/ }),
/* 10 */ /* 10 */
@ -3206,69 +3187,66 @@ __webpack_require__.r(__webpack_exports__);
*/ */
// create a pure JS mouse click event // create a pure JS mouse click event
const click = new MouseEvent('click', { var click = new MouseEvent('click', {
view: window, view: window,
bubbles: false, bubbles: false,
cancelable: true cancelable: true
}); });
function init() {
function init(p = document, s = true) { var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
p.querySelectorAll(".tab-group, tabset").forEach(tabGroup => { var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
p.querySelectorAll(".tab-group, tabset").forEach(function (tabGroup) {
if (tabGroup.querySelector("[role=tablist]") === null) { if (tabGroup.querySelector("[role=tablist]") === null) {
const tabgroup = tabGroup.getAttribute("id"); var tabgroup = tabGroup.getAttribute("id");
let tablist = ""; var tablist = "";
Array.from(tabGroup.children).forEach(function (child) {
Array.from(tabGroup.children).forEach(child => { var tab = child.getAttribute("tab") || child.getAttribute("data-tab");
const tab = child.getAttribute("tab") || child.getAttribute("data-tab");
if (tab !== null) { if (tab !== null) {
const tabID = tab.replace(/\W+/g, "-").toLowerCase(); var tabID = tab.replace(/\W+/g, "-").toLowerCase();
const tabPanel = document.createElement('div'); var tabPanel = document.createElement('div');
tabPanel.id = `tab-panel-${tabgroup}-${tabID}`; tabPanel.id = "tab-panel-".concat(tabgroup, "-").concat(tabID);
tabPanel.className = tablist === "" ? "open" : ""; tabPanel.className = tablist === "" ? "open" : "";
tabPanel.setAttribute("role", "tabpanel"); tabPanel.setAttribute("role", "tabpanel");
tabPanel.setAttribute("tabindex", "0"); tabPanel.setAttribute("tabindex", "0");
tabPanel.setAttribute("aria-labelledby", `tab-${tabgroup}-${tabID}`); tabPanel.setAttribute("aria-labelledby", "tab-".concat(tabgroup, "-").concat(tabID));
tabPanel.appendChild(child.cloneNode(true)); tabPanel.appendChild(child.cloneNode(true));
child.parentNode.replaceChild(tabPanel, child); child.parentNode.replaceChild(tabPanel, child);
tablist += `<li tabindex="0" role="tab" ${tablist === "" ? "class='selected'" : ""} id="tab-${tabgroup}-${tabID}"><span>${tab}</span></li>`; tablist += "<li tabindex=\"0\" role=\"tab\" ".concat(tablist === "" ? "class='selected'" : "", " id=\"tab-").concat(tabgroup, "-").concat(tabID, "\"><span>").concat(tab, "</span></li>");
} else { } else {
child.classList.add("tab-hidden"); child.classList.add("tab-hidden");
} }
}); });
var ul = document.createElement('ul');
const ul = document.createElement('ul');
ul.setAttribute("role", "tablist"); ul.setAttribute("role", "tablist");
ul.innerHTML = s != true ? `${tablist}` : `${tablist}<li role="separator" class="separator"></li>`; ul.innerHTML = s != true ? "".concat(tablist) : "".concat(tablist, "<li role=\"separator\" class=\"separator\"></li>");
tabGroup.insertBefore(ul, tabGroup.firstChild); tabGroup.insertBefore(ul, tabGroup.firstChild);
tabGroup.querySelectorAll('[role="tab"]').forEach(function (tab) {
tabGroup.querySelectorAll('[role="tab"]').forEach(tab => { tab.addEventListener("click", function () {
tab.addEventListener("click", () => { var siblings = Array.from(tab.parentNode.children);
const siblings = Array.from(tab.parentNode.children); siblings.forEach(function (sibling) {
siblings.forEach(sibling => sibling.classList.remove("selected")); return sibling.classList.remove("selected");
});
tab.classList.add("selected"); tab.classList.add("selected");
var tabPanels = Array.from(tab.parentNode.parentNode.children).filter(function (child) {
const tabPanels = Array.from(tab.parentNode.parentNode.children) return child.getAttribute("role") === "tabpanel";
.filter(child => child.getAttribute("role") === "tabpanel"); });
tabPanels.forEach(panel => panel.classList.remove("open")); tabPanels.forEach(function (panel) {
return panel.classList.remove("open");
const tabPanelId = tab.getAttribute("id").replace("tab", "tab-panel"); });
var tabPanelId = tab.getAttribute("id").replace("tab", "tab-panel");
document.getElementById(tabPanelId).classList.add("open"); document.getElementById(tabPanelId).classList.add("open");
}); });
tab.addEventListener("keypress", function (e) {
tab.addEventListener("keypress", (e) => {
e.preventDefault(); e.preventDefault();
if (e.which == 32 || e.which == 13) { if (e.which == 32 || e.which == 13) {
e.currentTarget.dispatchEvent(click); e.currentTarget.dispatchEvent(click);
} }
}) });
}); });
} }
}); });
} }
/***/ }) /***/ })
/******/ ]); /******/ ]);
/************************************************************************/ /************************************************************************/
@ -3389,51 +3367,46 @@ __webpack_require__.r(__webpack_exports__);
// init core // init core
_core_core_js__WEBPACK_IMPORTED_MODULE_0__.init({ _core_core_js__WEBPACK_IMPORTED_MODULE_0__.init({
success: (a) => { success: function success(a) {
_pg_patterns_core_tabs_tabs_js__WEBPACK_IMPORTED_MODULE_9__.init(a); _pg_patterns_core_tabs_tabs_js__WEBPACK_IMPORTED_MODULE_9__.init(a);
_pg_patterns_core_switch_switch_js__WEBPACK_IMPORTED_MODULE_8__.init(a); _pg_patterns_core_switch_switch_js__WEBPACK_IMPORTED_MODULE_8__.init(a);
_pg_patterns_core_sticky_note_sticky_note_js__WEBPACK_IMPORTED_MODULE_7__.init(a); _pg_patterns_core_sticky_note_sticky_note_js__WEBPACK_IMPORTED_MODULE_7__.init(a);
}, },
notFound: (a, path) => { notFound: function notFound(a, path) {
a.innerHTML = `${a.innerHTML}<div class='notification-box error'><p>This pattern appears to be missing.<br><small>(${path} returned http status 404)</small></p></div>`; a.innerHTML = "".concat(a.innerHTML, "<div class='notification-box error'><p>This pattern appears to be missing.<br><small>(").concat(path, " returned http status 404)</small></p></div>");
} }
}); });
// deprecated switch handler // deprecated switch handler
const flipInfoSwitch = (e, s = e.currentTarget) => { var flipInfoSwitch = function flipInfoSwitch(e) {
var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : e.currentTarget;
switch (s.getAttribute("id")) { switch (s.getAttribute("id")) {
case "deprecated": case "deprecated":
_core_core_js__WEBPACK_IMPORTED_MODULE_0__.cookie.set("show-deprecated", s.getAttribute("aria-checked"), 30, "/"); _core_core_js__WEBPACK_IMPORTED_MODULE_0__.cookie.set("show-deprecated", s.getAttribute("aria-checked"), 30, "/");
document.querySelector("main").querySelectorAll("article[data-status=deprecated]").forEach((a) => { document.querySelector("main").querySelectorAll("article[data-status=deprecated]").forEach(function (a) {
a.classList[( s.getAttribute("aria-checked") == "true" ? "add" : "remove" )]("show-deprecated"); a.classList[s.getAttribute("aria-checked") == "true" ? "add" : "remove"]("show-deprecated");
}); });
break; break;
case "breakpoints": case "breakpoints":
console.log("here") console.log("here");
_core_core_js__WEBPACK_IMPORTED_MODULE_0__.cookie.set("show-breakpoints", s.getAttribute("aria-checked"), 30, "/"); _core_core_js__WEBPACK_IMPORTED_MODULE_0__.cookie.set("show-breakpoints", s.getAttribute("aria-checked"), 30, "/");
document.querySelector("html").classList[( s.getAttribute("aria-checked") == "true" ? "add" : "remove" )]("show-breakpoints"); document.querySelector("html").classList[s.getAttribute("aria-checked") == "true" ? "add" : "remove"]("show-breakpoints");
break; break;
} }
};
}
// create a pure JS mouse click event // create a pure JS mouse click event
const click = new MouseEvent('click', { var click = new MouseEvent('click', {
view: window, view: window,
bubbles: false, bubbles: false,
cancelable: true cancelable: true
}); });
// get the switch, initialize it and add the handler // get the switch, initialize it and add the handler
let switches = document.querySelector(".info-switches"); var switches = document.querySelector(".info-switches");
_pg_patterns_core_switch_switch_js__WEBPACK_IMPORTED_MODULE_8__.init(switches); _pg_patterns_core_switch_switch_js__WEBPACK_IMPORTED_MODULE_8__.init(switches);
var deprecated = document.querySelector("#deprecated");
let deprecated = document.querySelector("#deprecated"); var breakpoints = document.querySelector("#breakpoints");
let breakpoints = document.querySelector("#breakpoints");
deprecated.onclick = flipInfoSwitch; deprecated.onclick = flipInfoSwitch;
deprecated.keypress = flipInfoSwitch; deprecated.keypress = flipInfoSwitch;
breakpoints.onclick = flipInfoSwitch; breakpoints.onclick = flipInfoSwitch;
@ -3449,7 +3422,6 @@ if (_core_core_js__WEBPACK_IMPORTED_MODULE_0__.cookie.get("show-breakpoints") ==
// just for fun... We'll show deprecated if they match the path // just for fun... We'll show deprecated if they match the path
// document.querySelector(`#${core.url.p.replace(/\//g, "-")}`).classList.add("show-deprecated"); // document.querySelector(`#${core.url.p.replace(/\//g, "-")}`).classList.add("show-deprecated");
}(); }();
/******/ })() /******/ })()
; ;

9
src/js/core/_core.js
View File

@ -192,13 +192,16 @@ module.exports = {
if (url.p == -1) { if (url.p == -1) {
document.querySelector("title").innerHTML = `${url.p.toContent().toTitleCase()} | ${ document.querySelector("title").getAttribute("data-site") }`; document.querySelector("title").innerHTML = `${url.p.toContent().toTitleCase()} | ${ document.querySelector("title").getAttribute("data-site") }`;
} else { } else {
let theTitle = docuemnt.querySelector("article").getAttribute("data-name").toContent().toTitleCase(); let theTitle = document.querySelectorAll("article");
if (docuemnt.querySelector("article").getAttribute("data-display") !== null) { if (theTitle.length > 0) {
theTitle = docuemnt.querySelector("article").getAttribute("data-display") theTitle = theTitle[0].getAttribute("data-name").toContent().toTitleCase();
if (document.querySelector("article").getAttribute("data-display") !== null) {
theTitle = document.querySelector("article").getAttribute("data-display")
} }
document.querySelector("title").innerHTML = `${theTitle} | ${ document.querySelector("title").getAttribute("data-site") }` document.querySelector("title").innerHTML = `${theTitle} | ${ document.querySelector("title").getAttribute("data-site") }`
} }
} }
}
if (typeof args.beforeArticleLoad == "function") args.beforeArticleLoad(); if (typeof args.beforeArticleLoad == "function") args.beforeArticleLoad();