${aa.innerHTML}`;
- })
- break;
- case "md":
- a.querySelectorAll("code").forEach((aa) => {
- aa.classList.add("language-html");
- })
- break;
- }
-
- a.querySelectorAll("code").forEach((c)=> {
- c.classList.add("line-numbers");
- c.innerHTML = c.innerHTML.replace(/ {
- c.onclick = (e) => {
- oneClickSelect(e);
- }
- })
-
-
- module.exports.colour.positionTooltip();
- window.onresize = () => {
- module.exports.colour.positionTooltip();
- }
-
- a.querySelectorAll("name > span, color-pill > span").forEach((pill) => {
- pill.onclick = (e) => {
- e.preventDefault();
- let w = "";
- if (e.metaKey || e.ctrlKey || e.keyCode == 91 || e.keyCode == 224) {
- w = "var";
- } else if (e.altKey) {
- w = "token"
- } else if (e.shiftKey) {
- w = "rgb";
- } else {
- w = "hex";
- }
- module.exports.colour.copy(w, pill);
- }
- })
- break;
-
- case 404:
- if (typeof args.notFound == "function") args.notFound(a, path);
- break;
-
- default:
- console.log("uncaught http error", { status: ajx.status, path: a.getAttribute("data-path") });
- }
-
- a.style.height = "auto";
-
- if (typeof args.done == "function") args.done(a);
-
- }
- };
- ajx.open("GET", path, ASYNC);
- ajx.send();
-
- }
- })
- }, { threshold: 0, rootMargin: "100%" })
-
- observer.observe(a);
-
- } else {
- a.style.height = "auto";
- }
- })
-
- if (typeof args.afterArticleLoad == "function") args.afterArticleLoad();
- }
+ if (article.isIntersecting == true) {
+ var path = a.getAttribute("data-path");
+ path = "patterns/" + (a.getAttribute("data-core") == "true" ? "core/" + path.substring(path.lastIndexOf("/") + 1) : a.getAttribute("data-path")) + "/index.html";
+ var ASYNC = true;
+ var ajx = new XMLHttpRequest();
+ ajx.onreadystatechange = function () {
+ if (ajx.readyState == 4) {
+ observer.unobserve(article.target);
+ switch (ajx.status) {
+ case 200:
+ a.innerHTML = a.innerHTML + ajx.responseText;
+ a.style.height = "auto";
+ switch (a.getAttribute("data-template")) {
+ case "pug":
+ a.querySelectorAll("pre").forEach(function (aa) {
+ aa.innerHTML = "").concat(aa.innerHTML, "");
+ });
+ break;
+ case "md":
+ a.querySelectorAll("code").forEach(function (aa) {
+ aa.classList.add("language-html");
+ });
+ break;
+ }
+ a.querySelectorAll("code").forEach(function (c) {
+ c.classList.add("line-numbers");
+ c.innerHTML = c.innerHTML.replace(/ span, color-pill > span").forEach(function (pill) {
+ pill.onclick = function (e) {
+ e.preventDefault();
+ var w = "";
+ if (e.metaKey || e.ctrlKey || e.keyCode == 91 || e.keyCode == 224) {
+ w = "var";
+ } else if (e.altKey) {
+ w = "token";
+ } else if (e.shiftKey) {
+ w = "rgb";
+ } else {
+ w = "hex";
+ }
+ module.exports.colour.copy(w, pill);
+ };
+ });
+ break;
+ case 404:
+ if (typeof args.notFound == "function") args.notFound(a, path);
+ break;
+ default:
+ console.log("uncaught http error", {
+ status: ajx.status,
+ path: a.getAttribute("data-path")
+ });
+ }
+ a.style.height = "auto";
+ if (typeof args.done == "function") args.done(a);
+ }
+ };
+ ajx.open("GET", path, ASYNC);
+ ajx.send();
+ }
+ });
+ }, {
+ threshold: 0,
+ rootMargin: "100%"
+ });
+ observer.observe(a);
+ } else {
+ a.style.height = "auto";
+ }
+ });
+ if (typeof args.afterArticleLoad == "function") args.afterArticleLoad();
+ }
};
/***/ }),
@@ -3028,136 +3010,135 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ init: function() { return /* binding */ init; }
/* 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
//- Licensed under CC BY-SA 4.0
-const font = {
- size: 0
-}
-
-const pos = {
- x: 0,
- y: 0
-}
-
+var font = {
+ size: 0
+};
+var pos = {
+ x: 0,
+ y: 0
+};
function drag(sticky) {
- sticky.onmousedown = event => {
- // get the position within the sticky
- pos.x = (event.clientX - sticky.offsetLeft);
- pos.y = (event.clientY - sticky.offsetTop);
+ sticky.onmousedown = function (event) {
+ // get the position within the sticky
+ pos.x = event.clientX - sticky.offsetLeft;
+ pos.y = event.clientY - sticky.offsetTop;
- // on mouse move, move the sticky to the position, minus the offset, of the mouse
- document.onmousemove = documentEvent => {
- sticky.style.top = (documentEvent.clientY - pos.y) + 'px';
- sticky.style.left = (documentEvent.clientX - pos.x) + 'px';
- sticky.setAttribute("moved", "true");
- }
- // when done, remove mouse move and mouse up handlers.
- document.onmouseup = () => {
- document.onmouseup = null;
- document.onmousemove = null;
- }
- }
+ // on mouse move, move the sticky to the position, minus the offset, of the mouse
+ document.onmousemove = function (documentEvent) {
+ sticky.style.top = documentEvent.clientY - pos.y + 'px';
+ sticky.style.left = documentEvent.clientX - pos.x + 'px';
+ sticky.setAttribute("moved", "true");
+ };
+ // when done, remove mouse move and mouse up handlers.
+ document.onmouseup = function () {
+ document.onmouseup = null;
+ document.onmousemove = null;
+ };
+ };
}
-
function waitForElement(selector) {
- return new Promise(resolve => {
- if (document.querySelector(selector)) {
- return resolve(document.querySelector(selector));
- }
-
- const observer = new MutationObserver(mutations => {
- if (document.querySelector(selector)) {
- observer.disconnect();
- resolve(document.querySelector(selector));
- }
- });
-
- // If you get "parameter 1 is not of type 'Node'" error, see https://stackoverflow.com/a/77855838/492336
- observer.observe(document.body, {
- childList: true,
- subtree: true
- });
+ return new Promise(function (resolve) {
+ if (document.querySelector(selector)) {
+ return resolve(document.querySelector(selector));
+ }
+ var observer = new MutationObserver(function (mutations) {
+ if (document.querySelector(selector)) {
+ observer.disconnect();
+ resolve(document.querySelector(selector));
+ }
});
+
+ // If you get "parameter 1 is not of type 'Node'" error, see https://stackoverflow.com/a/77855838/492336
+ observer.observe(document.body, {
+ childList: true,
+ subtree: true
+ });
+ });
}
-
-const checkBottom = (attach) => {
- // check if top or bottom
- if (attach.y < 0) {
- attach.ys = "bottom";
- attach.y = attach.y * -1;
- }
-}
-
-const setStickyPostions = (s, attach) => {
- // set
- s.style[attach.ys] = `${attach.y}px`;
- s.style[attach.xs] = `${attach.x}px`;
- s.style.display = "grid";
-}
-
-const css = (el, attr) => {
- let st = ""
- Object.entries(attr).forEach(val => {
- const [key, value] = val;
- st += `${key}: ${value}; `;
- })
- el.setAttribute("style",st.trim());
-}
-
-
-const calculateStickyPosition = (s) => {
- let float = s.getAttribute("float");
- let p = s.parentNode.getBoundingClientRect()
- switch (float) {
- case "left":
- css(s, {left: (p.left * -1) + "px"})
- break;
- case "right":
- css(s, { left: (Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) - p.left - s.offsetWidth - (font.size * 2)) + "px" });
- break;
- }
-
- let offset = s.getAttribute("offset");
- if (offset !== null) {
- offset = offset.trim().split(" ");
- css(s, {top: offset[0], left: offset[1] })
- }
-}
-
-function init(p = document){
- font.size = parseFloat(getComputedStyle(document.documentElement).fontSize.replace("px",""));
-
- p.querySelectorAll("sticky-note").forEach((s) => {
- if (s.querySelectorAll("svg").length == 0) {
-
- let wrapper = document.createElement("sticky-note-wrapper");
-
- s.parentNode.insertBefore(wrapper, s);
- wrapper.appendChild(s);
-
- s.setAttribute("content", s.innerHTML.replace(/"/g, "\""));
- s.innerHTML = `This pattern appears to be missing.
(${path} returned http status 404)
This pattern appears to be missing.
(").concat(path, " returned http status 404)