@xiee/utils 1.5.4 → 1.5.5

package/js/sidenotes.js

@@ -14,9 +14,15 @@
       // add footnote number
       s.firstElementChild.insertAdjacentHTML('afterbegin', `<span class="bg-number">${a.innerText}</span> `);
       s.querySelector('a[href^="#fnref"]')?.remove();  // remove backreference
+      s.className += ' footnotes';
     } else {
       s.innerHTML = el.outerHTML;
     }
+    while (s.lastChild?.nodeName === '#text' && /^\s*$/.test(s.lastChild.textContent)) {
+      s.lastChild.remove();
+    }
+    // remove fullwidth classes if present (because they cannot be used in the margin)
+    s.querySelectorAll('.fullwidth').forEach(el => el.classList.remove('fullwidth'));
     // insert note after the <sup> or <span> that contains a
     a2.after(s);
     a2.classList.add('note-ref');
@@ -28,4 +34,20 @@
   });
   // also add side classes to TOC
   d.getElementById('TOC')?.classList.add('side', 'side-left');
+  // if a sidenote collapses with any fullwidth element, remove the side class
+  const sides = d.querySelectorAll('.side.side-right, .side.side-left'), fulls = [];
+  d.querySelectorAll('.fullwidth').forEach(el => {
+    fulls.push([el, el.getBoundingClientRect()]);
+  });
+  // add a class to document body if it has sidenotes
+  sides.length && d.body.classList.add('has-sidenotes');
+  sides.forEach(s => {
+    const r1 = s.getBoundingClientRect();
+    for (let f of fulls) {
+      const r2 = f[1];
+      if (!(r1.right < r2.left || r1.left > r2.right || r1.bottom < r2.top || r1.top > r2.bottom)) {
+        f[0].classList.remove('fullwidth');
+      }
+    }
+  });
 })(document);

package/js/sidenotes.min.js

@@ -1 +1 @@
-(e=>{e.querySelectorAll('.footnotes > ol > li[id^="fn"], #refs > div[id^="ref-"]').forEach((t=>{const r=`a[href="#${t.id}"]`,n=e.querySelector(`${r} > sup, sup > ${r}, .citation > ${r}`);if(!n)return;const s=n.parentNode;("A"===n.tagName?n:s).removeAttribute("href");const i=e.createElement("div");i.className="side side-right",/^fn/.test(t.id)?(i.innerHTML=t.innerHTML,i.firstElementChild.insertAdjacentHTML("afterbegin",`<span class="bg-number">${n.innerText}</span> `),i.querySelector('a[href^="#fnref"]')?.remove()):i.innerHTML=t.outerHTML,s.after(i),s.classList.add("note-ref"),t.remove()})),e.querySelectorAll(".footnotes, #refs").forEach((e=>{/^\s*$/.test(e.innerText)&&e.remove()})),e.getElementById("TOC")?.classList.add("side","side-left")})(document);
+(e=>{e.querySelectorAll('.footnotes > ol > li[id^="fn"], #refs > div[id^="ref-"]').forEach((t=>{const s=`a[href="#${t.id}"]`,r=e.querySelector(`${s} > sup, sup > ${s}, .citation > ${s}`);if(!r)return;const o=r.parentNode;("A"===r.tagName?r:o).removeAttribute("href");const l=e.createElement("div");for(l.className="side side-right",/^fn/.test(t.id)?(l.innerHTML=t.innerHTML,l.firstElementChild.insertAdjacentHTML("afterbegin",`<span class="bg-number">${r.innerText}</span> `),l.querySelector('a[href^="#fnref"]')?.remove(),l.className+=" footnotes"):l.innerHTML=t.outerHTML;"#text"===l.lastChild?.nodeName&&/^\s*$/.test(l.lastChild.textContent);)l.lastChild.remove();l.querySelectorAll(".fullwidth").forEach((e=>e.classList.remove("fullwidth"))),o.after(l),o.classList.add("note-ref"),t.remove()})),e.querySelectorAll(".footnotes, #refs").forEach((e=>{/^\s*$/.test(e.innerText)&&e.remove()})),e.getElementById("TOC")?.classList.add("side","side-left");const t=e.querySelectorAll(".side.side-right, .side.side-left"),s=[];e.querySelectorAll(".fullwidth").forEach((e=>{s.push([e,e.getBoundingClientRect()])})),t.length&&e.body.classList.add("has-sidenotes"),t.forEach((e=>{const t=e.getBoundingClientRect();for(let e of s){const s=e[1];t.right<s.left||t.left>s.right||t.bottom<s.top||t.top>s.bottom||e[0].classList.remove("fullwidth")}}))})(document);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiee/utils",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "description": "Miscellaneous tools and utilities to manipulate HTML pages",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"