spec-up-t 1.6.0-beta.3 → 1.6.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/compiled/body.js +3 -3
- package/assets/compiled/head.css +5 -5
- package/assets/css/collapse-definitions.css +1 -1
- package/assets/css/highlightMenuItems.css +5 -2
- package/assets/css/index.css +12 -12
- package/assets/css/terms-and-definitions.css +12 -12
- package/assets/css/theme-vars.css +92 -0
- package/assets/js/collapsibleMenu.js +1 -1
- package/assets/js/highlightMenuItems.js +59 -5
- package/assets/js/insert-irefs.js +2 -2
- package/package.json +1 -1
package/assets/compiled/body.js
CHANGED
|
@@ -101,8 +101,8 @@ function attachAlphabetIndexFunctionality(){}
|
|
|
101
101
|
function attachTermFilterFunctionality(e){const t=document.querySelector(".terms-and-definitions-list");0!==(t?t.querySelectorAll("dt"):[]).length&&e.addEventListener("change",(function(t){t.target.matches('input[type="checkbox"]')&&function(t){const c=e.querySelectorAll('input[type="checkbox"]'),o=Array.from(c).filter((e=>e.checked));t.target.checked||0===o.length&&c.forEach((e=>{e!==t.target&&(e.checked=!0)})),c.forEach((e=>{const t=document.querySelector("html");"showLocalTermsCheckbox"===e.id?t.classList.toggle("hide-local-terms",!e.checked):"showExternalTermsCheckbox"===e.id&&t.classList.toggle("hide-external-terms",!e.checked)}))}(t)}))}
|
|
102
102
|
function attachSearchFunctionality(e,t,n,c){const i=document.querySelector(".terms-and-definitions-list");if(0===(i?i.querySelectorAll("dt"):[]).length)return;const o=specConfig.searchHighlightStyle||"ssi",l=document.querySelector(".terms-and-definitions-list"),r="highlight-matches-search",a={dif:"highlight-matches-DIF-search",toip:"highlight-matches-ToIP-search",btc:"highlight-matches-BTC-search",keri:"highlight-matches-KERI-search",ssi:"highlight-matches-SSI-search",gleif:"highlight-matches-GLEIF-search"}[o.toLowerCase()];let s,d=0,h=-1;function u(){d=document.querySelectorAll("."+r).length,c.innerHTML=`${d} matches`}function m(){const e=d>0;t.disabled=!e,n.disabled=!e}function f(e){e&&e.scrollIntoView({behavior:"smooth",block:"center"})}function g(){document.querySelectorAll("."+r).forEach((e=>{const t=e.parentNode;t.replaceChild(document.createTextNode(e.textContent),e),t.normalize()}))}function p(e,t=!1){clearTimeout(s),s=setTimeout((()=>{!function(e){if(!e.trim())return g(),u(),void m();g();const t=new RegExp(`(${e.replace(/[.*+?^${}()|[\\]\\\\]/g,"\\\\$&")})`,"gi");!function e(n){if(3===n.nodeType){const e=n.textContent;if(t.test(e)){const c=document.createDocumentFragment();let i,o=0;for(t.lastIndex=0;null!==(i=t.exec(e));){i.index>o&&c.appendChild(document.createTextNode(e.slice(o,i.index)));const n=document.createElement("span");n.className=`${r} ${a}`,n.textContent=i[0],c.appendChild(n),o=t.lastIndex}o<e.length&&c.appendChild(document.createTextNode(e.slice(o))),n.parentNode.replaceChild(c,n)}}else 1===n.nodeType&&Array.from(n.childNodes).forEach(e)}(l),u(),m(),h=-1;const n=document.querySelector("."+r);n&&f(n)}(e)}),600)}function v(e){const t=document.querySelectorAll("."+r);0!==t.length&&(h="next"===e?(h+1)%t.length:h<=0?t.length-1:h-1,t.forEach((e=>e.classList.remove("active"))),t[h].classList.add("active"),f(t[h]))}e.addEventListener("input",(function(){p(e.value,!0)})),n.addEventListener("click",(()=>v("next"))),t.addEventListener("click",(()=>v("prev"))),document.addEventListener("keyup",(e=>{if(d>0)switch(e.key){case"ArrowRight":n.click();break;case"ArrowLeft":t.click()}})),document.addEventListener("keydown",(function(t){document.activeElement===e&&("ArrowDown"===t.key&&d>0?(t.preventDefault(),v("next")):"ArrowUp"===t.key&&d>0&&(t.preventDefault(),v("prev")))})),document.addEventListener("click",(t=>{t.target.classList.contains("collapse-all-defs-button")&&p(e.value,!0)}))}
|
|
103
103
|
function initializeTerminologyUtilityContainer(){const t=document.querySelector(".terms-and-definitions-list"),e=t?t.querySelectorAll("dt"):[];if(0===e.length)return void hideShowUtilityContainer();const n=document.getElementById("terminology-section-utility-container"),a={};e.forEach((t=>{const e=t.querySelector("span");if(e?.id){const t=e.id,n=t.charAt(t.indexOf("term:")+5).toUpperCase();a[n]||(a[n]=e.id)}}));const i=document.createElement("div");i.className="row g-2",i.id="utility-row";const c=document.createElement("div");c.className="col-auto d-flex align-items-center";const o=document.createElement("small");o.className="text-muted mb-0",o.textContent=`${e.length} terms`,c.appendChild(o);const s=document.createElement("div");s.className="col d-flex flex-wrap align-items-center gap-3";const r=document.createElement("div");r.className="d-flex gap-3";const l=document.createElement("div");l.className="form-check",l.innerHTML='\n <input class="form-check-input" type="checkbox" id="showLocalTermsCheckbox" checked>\n <label class="form-check-label" for="showLocalTermsCheckbox">\n Local\n </label>\n ';const d=document.createElement("div");d.className="form-check",d.innerHTML='\n <input class="form-check-input" type="checkbox" id="showExternalTermsCheckbox" checked>\n <label class="form-check-label" for="showExternalTermsCheckbox">\n Remote\n </label>\n ',r.appendChild(l),r.appendChild(d),s.appendChild(r);const m=document.createElement("a");m.id="snapshot-link-in-content",m.className="btn btn-outline-primary btn-sm",m.href="#",m.textContent="Versions",s.appendChild(m);const u=document.createElement("div");u.className="col-auto d-flex justify-content-end";const p=document.createElement("div");p.setAttribute("id","container-search"),p.classList.add("input-group","input-group-sm"),p.setAttribute("role","search");const h=document.createElement("input");h.setAttribute("type","text"),h.setAttribute("id","search"),h.classList.add("form-control"),h.setAttribute("placeholder","🔍 (terms only)"),h.setAttribute("aria-label","Search terms"),h.setAttribute("autocomplete","off"),p.appendChild(h);const b=document.createElement("div");b.classList.add("input-group-text","p-0");const f=document.createElement("button");f.setAttribute("id","one-match-backward-search"),f.classList.add("btn","btn-outline-secondary"),f.setAttribute("type","button"),f.setAttribute("disabled","true"),f.setAttribute("title","Go to previous match (Left Arrow)"),f.setAttribute("aria-label","Go to previous match"),f.innerHTML='<span aria-hidden="true">▲</span>',b.appendChild(f);const C=document.createElement("button");C.setAttribute("id","one-match-forward-search"),C.classList.add("btn","btn-outline-secondary"),C.setAttribute("type","button"),C.setAttribute("disabled","true"),C.setAttribute("title","Go to next match (Right Arrow)"),C.setAttribute("aria-label","Go to next match"),C.innerHTML='<span aria-hidden="true">▼</span>',b.appendChild(C);const y=document.createElement("span");y.setAttribute("id","total-matches-search"),y.classList.add("input-group-text"),y.innerHTML="0 matches",y.setAttribute("aria-live","polite"),y.setAttribute("role","status"),p.appendChild(y),p.appendChild(b),u.appendChild(p),i.appendChild(c),i.appendChild(s),i.appendChild(u),n.appendChild(i),attachTermFilterFunctionality(r),attachSearchFunctionality(h,f,C,y)}document.addEventListener("DOMContentLoaded",(function(){initializeTerminologyUtilityContainer()}));
|
|
104
|
-
function highlightMenuItems(){let e=null;function t(e){document.querySelectorAll("#
|
|
105
|
-
function initCollapsibleMenu(){const e=document.getElementById("toc");if(!e)return void console.warn("TOC container not found");e.querySelectorAll(".collapse-toggle").forEach((e=>e.remove()));e.querySelectorAll("ul li").forEach(((e,t)=>{const l=e.querySelector("ul");if(l){e.classList.add("has-children");const a=document.createElement("button");a.className="collapse-toggle",a.setAttribute("aria-label","Toggle section"),a.setAttribute("type","button"),a.id=`toc-toggle-${t}`;const i=e.querySelector(":scope > a");if(i){const e=i.textContent.trim();a.setAttribute("aria-label",`Toggle ${e} section`),i.parentNode.insertBefore(a,i.nextSibling),l.setAttribute("role","group"),l.setAttribute("aria-labelledby",i.id||`toc-item-${t}`),i.id||(i.id=`toc-item-${t}`)}else e.appendChild(a);a.setAttribute("aria-controls",`toc-children-${t}`),l.id=`toc-children-${t}`,a.addEventListener("click",(t=>{t.preventDefault(),t.stopPropagation();e.classList.contains("collapsed")?(e.classList.remove("collapsed"),a.classList.remove("collapsed"),a.setAttribute("aria-expanded","true")):(e.classList.add("collapsed"),a.classList.add("collapsed"),a.setAttribute("aria-expanded","false"))})),a.addEventListener("keydown",(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a.click())}));e.querySelector("a.
|
|
104
|
+
function highlightMenuItems(){let e=null;function t(e){document.querySelectorAll("#toc a").forEach((e=>{e.classList.remove("menu-item-highlighted")}));const t=document.querySelector(`#toc a[href="#${e.id}"]`);if(t){t.classList.add("menu-item-highlighted");let o=t.closest("li");const l=[];for(;o;){l.push(o);const e=o.parentElement;o=e&&"UL"===e.tagName?e.closest("li"):null}setTimeout((()=>{document.querySelectorAll("#toc li.has-children").forEach((e=>{const t=e.querySelector(".collapse-toggle");t&&!l.includes(e)&&(e.classList.add("collapsed"),t.classList.add("collapsed"),t.setAttribute("aria-expanded","false"))})),l.forEach((e=>{if(e.classList.contains("has-children")){const t=e.querySelector(".collapse-toggle");t&&(e.classList.remove("collapsed"),t.classList.remove("collapsed"),t.setAttribute("aria-expanded","true"))}}))}),50);const n=document.getElementById("toc");if(n&&t){const e=n.getBoundingClientRect(),o=t.getBoundingClientRect();if(o.top<e.top||o.bottom>e.bottom){const t=o.top-e.top-e.height/2+o.height/2;n.scrollBy({top:t,behavior:"smooth"})}}document.dispatchEvent(new CustomEvent("highlight-menu-item",{detail:{menuItem:t,headingId:e.id}}))}}const o=new IntersectionObserver(((o,l)=>{const n=o.filter((e=>e.isIntersecting)).map((e=>e.target));n.length>0?(e=n[0],t(e)):e&&t(e)}),{root:null,rootMargin:"0px",threshold:.1});document.querySelectorAll("h2, h3, h4, h5, h6").forEach((e=>o.observe(e)))}document.addEventListener("DOMContentLoaded",(function(){highlightMenuItems()}));
|
|
105
|
+
function initCollapsibleMenu(){const e=document.getElementById("toc");if(!e)return void console.warn("TOC container not found");e.querySelectorAll(".collapse-toggle").forEach((e=>e.remove()));e.querySelectorAll("ul li").forEach(((e,t)=>{const l=e.querySelector("ul");if(l){e.classList.add("has-children");const a=document.createElement("button");a.className="collapse-toggle",a.setAttribute("aria-label","Toggle section"),a.setAttribute("type","button"),a.id=`toc-toggle-${t}`;const i=e.querySelector(":scope > a");if(i){const e=i.textContent.trim();a.setAttribute("aria-label",`Toggle ${e} section`),i.parentNode.insertBefore(a,i.nextSibling),l.setAttribute("role","group"),l.setAttribute("aria-labelledby",i.id||`toc-item-${t}`),i.id||(i.id=`toc-item-${t}`)}else e.appendChild(a);a.setAttribute("aria-controls",`toc-children-${t}`),l.id=`toc-children-${t}`,a.addEventListener("click",(t=>{t.preventDefault(),t.stopPropagation();e.classList.contains("collapsed")?(e.classList.remove("collapsed"),a.classList.remove("collapsed"),a.setAttribute("aria-expanded","true")):(e.classList.add("collapsed"),a.classList.add("collapsed"),a.setAttribute("aria-expanded","false"))})),a.addEventListener("keydown",(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a.click())}));e.querySelector("a.menu-item-highlighted, a.active")?a.setAttribute("aria-expanded","true"):(e.classList.add("collapsed"),a.classList.add("collapsed"),a.setAttribute("aria-expanded","false"))}}))}document.addEventListener("DOMContentLoaded",(()=>{initCollapsibleMenu()})),document.addEventListener("highlight-menu-item",initCollapsibleMenu);
|
|
106
106
|
function backToTop(){const n=document.createElement("a");n.id="back-to-top-a1zncgtqfpzsig8",n.href="#content",n.innerHTML="↑",document.body.appendChild(n);const t=function(n,t){let e;return function(){const o=this,c=arguments;clearTimeout(e),e=setTimeout((()=>n.apply(o,c)),t)}}((function(){window.scrollY>300?n.style.display="flex":n.style.display="none"}),600);window.addEventListener("scroll",(function(){t()}))}document.addEventListener("DOMContentLoaded",(function(){backToTop()}));
|
|
107
107
|
function addAnchorsToTerms(){document.querySelectorAll('dt:has(> span[id^="term:"])').forEach((e=>{const t=function(e){const t=e.querySelector('span.term-external[id^="term:"]');if(t)return t;let r=e;for(;r.querySelector('span[id^="term:"]');)r=r.querySelector('span[id^="term:"]');return r}(e),r=t.getAttribute("id"),n=document.createElement("a");n.setAttribute("href",`#${r}`),n.setAttribute("class","toc-anchor d-print-none"),n.innerHTML=(window.specConfig.anchor_symbol||"§")+" ",t.parentNode.insertBefore(n,t)}))}document.addEventListener("DOMContentLoaded",(function(){addAnchorsToTerms()}));
|
|
108
108
|
function copyAnchorToCliboard(){document.addEventListener("click",(function(o){if(o.target.classList.contains("toc-anchor")){const c=o.target.href;navigator.clipboard.writeText(c).then((()=>{console.log("Anchor copied to clipboard"),notyf.success(`Anchor copied to clipboard: ${c}`)})).catch((o=>{console.error("Failed to copy anchor to clipboard",o)}))}}))}document.addEventListener("DOMContentLoaded",(function(){copyAnchorToCliboard()}));
|
|
@@ -111,7 +111,7 @@ function showModal(e){const n=document.createElement("div");n.className="spec-up
|
|
|
111
111
|
function tokenInput(){document.querySelector(".button-token-input").addEventListener("click",(()=>{const t=prompt("Please enter your GitHub token:");t?(localStorage.setItem("githubToken",t),console.log("GitHub token is set.")):alert("GitHub token is not set.")}))}document.addEventListener("DOMContentLoaded",(function(){tokenInput()}));
|
|
112
112
|
!function(){"use strict";const e=e=>document.querySelector(e);async function t(){const t=e(".service-menu");if(!t)return;const n=[{href:"./index.pdf",title:"Download this page as a PDF",cls:"button-pdf-download"},{href:"./index.docx",title:"Download this page as a DOCX",cls:"button-docx-download"}],o=await Promise.all(n.map((e=>{return t=e.href,fetch(t,{method:"HEAD"}).then((e=>e.ok)).catch((()=>!1));var t})));let r=t.firstElementChild;n.forEach(((n,a)=>{if(!o[a])return;if(s=n.cls,e(`.service-menu .${s}`))return;var s;const c=function(e,t,n){const o=document.createElement("a");return o.classList.add(n,"btn","d-block","btn-sm","btn-outline-secondary"),o.target="_blank",o.rel="noopener noreferrer",o.href=e,o.title=t,o.setAttribute("aria-label",t),o.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" class="me-1" viewBox="0 0 16 16"> <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0H4zm0 1h5v4h4v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm7 4h-1V2l3 3h-2z"/> </svg>',o}(n.href,n.title,n.cls);t.insertBefore(c,r),r=c}))}window.SpecUpDownloads={addButtons:t},document.addEventListener("DOMContentLoaded",t,{once:!1});try{document.dispatchEvent(new CustomEvent("specup-downloads-ready"))}catch(e){}}();
|
|
113
113
|
function insertTrefs(e){!function(e){const n=[];document.querySelectorAll("dl.terms-and-definitions-list dt span.term-external").forEach((e=>{const t=e.dataset.originalTerm,r=e.closest("dt");if(r){const e=r.nextElementSibling;if(e?.classList.contains("term-external")&&e.classList.contains("meta-info-content-wrapper"))return}n.push({element:e,textContent:t,dt:r,parent:r?.parentNode})}));const t=n.map((n=>{const{textContent:t,dt:r,parent:o}=n;if(!r||!o)return null;const i=e.xtrefs.find((e=>e.term===t)),a=document.createDocumentFragment(),s=document.createElement("dd");if(s.classList.add("term-external","meta-info-content-wrapper","collapsed"),i){const e=i.avatarUrl?``:"",n=i.owner||"Unknown",r=i.repo&&i.repoUrl?`[${i.repo}](${i.repoUrl})`:"Unknown",o=i.commitHash||"Unknown",d=i.ghPageUrl?new URL(`#term:${i.term}`,i.ghPageUrl).href:"Unknown",l=`\n| Property | Value |\n| -------- | ----- |\n| Original Term | ${t} |\n| Link | ${d} |\n| Owner | ${e} ${n} |\n| Repo | ${r} |\n| Commit hash | ${o} |\n `;s.innerHTML=md.render(l),a.appendChild(s);let c=i.content.split("\n").map((e=>e.replace(/^\s*~\s*/,""))).join("\n").replace(/\]\]/g,"");const m=document.createElement("div");m.innerHTML=md.render(c),m.querySelectorAll("a").forEach((e=>{const n=e=>{try{return null!==document.getElementById(e)}catch{return!1}};try{const t=new URL(e.href);if(t.hostname!==window.location.hostname)return;if(t.hash&&n(t.hash.slice(1)))return;e.replaceWith(...e.childNodes)}catch{if(e.href.startsWith("#")&&n(e.href.slice(1)))return;e.replaceWith(...e.childNodes)}})),c=m.innerHTML;const f=document.createElement("div");f.innerHTML=md.render(c);const p=f.querySelectorAll("dd");if(p.length>0)Array.from(p).forEach((e=>{const n=e.cloneNode(!0);n.classList.add("term-external","term-external-embedded"),a.appendChild(n)}));else{const e=document.createElement("dd");e.classList.add("term-external","term-external-embedded"),e.innerHTML=f.innerHTML,a.appendChild(e)}}else{s.innerHTML=md.render("\n| Property | Value |\n| -------- | ----- |\n| Owner | Unknown |\n| Repo | Unknown |\n| Commit hash | not found |\n "),a.appendChild(s);const e=document.createElement("dd");e.innerHTML="<p>This term was not found in the external repository.</p>",a.appendChild(e)}return{dt:r,parent:o,fragment:a}})).filter(Boolean);requestAnimationFrame((()=>{t.forEach((e=>{const{dt:n,parent:t,fragment:r}=e;t.insertBefore(r,n.nextSibling)})),document.dispatchEvent(new CustomEvent("trefs-inserted",{detail:{count:t.length}}))}))}(e)}function initializeOnTrefsInserted(e){let n=!1;document.addEventListener("trefs-inserted",(function(t){n||(n=!0,e(),t.detail&&console.log(`Collapsible definitions initialized after ${t.detail.count} xrefs were inserted`))})),setTimeout((()=>{n||(console.warn("trefs-inserted event was not received, initializing collapsible definitions anyway"),e(),n=!0)}),1e3)}document.addEventListener("DOMContentLoaded",(()=>{"undefined"!=typeof allXTrefs&&allXTrefs?.xtrefs?insertTrefs(allXTrefs):(console.error("allXTrefs is undefined or missing xtrefs property"),document.dispatchEvent(new CustomEvent("trefs-inserted",{detail:{count:0,error:"Missing xtrefs data"}})))}));
|
|
114
|
-
function insertIrefs(){!function(){const e=document.querySelectorAll("span.iref-placeholder");if(0===e.length)return void document.dispatchEvent(new CustomEvent("irefs-inserted",{detail:{count:0}}));const t=[];e.forEach((e=>{const n=e.dataset.irefTerm,r=e.dataset.irefOriginal;if(!n)return void console.warn("iref placeholder missing data-iref-term attribute",e);const o=`term:${n}`,i=document.getElementById(o);if(!i){console.warn(`iref: term "${r}" (id: ${n}) not found in terms-and-definitions-list`);const o=document.createElement("div");o.className="iref-not-found",o.innerHTML=`<p class="text-warning"><em>[[iref: ${r}]] - Term not found in definitions list</em></p>`;const i=document.createDocumentFragment();return i.appendChild(o),void t.push({placeholder:e,fragment:i})}const d=i.closest("dt");if(!d)return void console.warn(`iref: could not find <dt> element for term "${r}"`);const s=document.createDocumentFragment(),l=document.createElement("div");l.className="iref-content";const c=document.createElement("dl");c.className="iref-definition-list";const a=d.cloneNode(!0);a.classList.add("iref-term"),a.classList.add("term-reference");const m=a.querySelector("a.toc-anchor");m&&m.remove();a.querySelectorAll("[id]").forEach((e=>{e.removeAttribute("id")}));a.querySelectorAll(".edit-term-buttons").forEach((e=>{e.remove()}));const f=d.querySelector('[id^="term:"]');if(f){const e=f.getAttribute("id"),t=document.createElement("a");t.href=`#${e}`,t.className="iref-go-to-glossary-button btn btn-sm btn-outline-
|
|
114
|
+
function insertIrefs(){!function(){const e=document.querySelectorAll("span.iref-placeholder");if(0===e.length)return void document.dispatchEvent(new CustomEvent("irefs-inserted",{detail:{count:0}}));const t=[];e.forEach((e=>{const n=e.dataset.irefTerm,r=e.dataset.irefOriginal;if(!n)return void console.warn("iref placeholder missing data-iref-term attribute",e);const o=`term:${n}`,i=document.getElementById(o);if(!i){console.warn(`iref: term "${r}" (id: ${n}) not found in terms-and-definitions-list`);const o=document.createElement("div");o.className="iref-not-found",o.innerHTML=`<p class="text-warning"><em>[[iref: ${r}]] - Term not found in definitions list</em></p>`;const i=document.createDocumentFragment();return i.appendChild(o),void t.push({placeholder:e,fragment:i})}const d=i.closest("dt");if(!d)return void console.warn(`iref: could not find <dt> element for term "${r}"`);const s=document.createDocumentFragment(),l=document.createElement("div");l.className="iref-content";const c=document.createElement("dl");c.className="iref-definition-list";const a=d.cloneNode(!0);a.classList.add("iref-term"),a.classList.add("term-reference");const m=a.querySelector("a.toc-anchor");m&&m.remove();a.querySelectorAll("[id]").forEach((e=>{e.removeAttribute("id")}));a.querySelectorAll(".edit-term-buttons").forEach((e=>{e.remove()}));const f=d.querySelector('[id^="term:"]');if(f){const e=f.getAttribute("id"),t=document.createElement("a");t.href=`#${e}`,t.className="iref-go-to-glossary-button btn btn-sm btn-outline-secondary py-1",t.innerHTML='<span class="iref-button-icon"></span>Glossary',t.title=`Go to original definition of ${r}`,a.appendChild(t)}c.appendChild(a);let u=d.nextElementSibling;for(;u&&"dd"===u.tagName.toLowerCase();){const e=u.cloneNode(!0);e.classList.add("iref-definition"),c.appendChild(e),u=u.nextElementSibling}l.appendChild(c),s.appendChild(l),t.push({placeholder:e,fragment:s})})),requestAnimationFrame((()=>{t.forEach((e=>{const{placeholder:t,fragment:n}=e;t.parentNode.replaceChild(n,t)})),document.dispatchEvent(new CustomEvent("irefs-inserted",{detail:{count:t.length}})),console.log(`Inserted ${t.length} inline reference(s)`)}))}()}document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll("span.iref-placeholder").length>0&&document.querySelectorAll("dl.terms-and-definitions-list dt.term-external").length>0?document.addEventListener("trefs-inserted",(()=>{insertIrefs()}),{once:!0}):insertIrefs()}));
|
|
115
115
|
function getOrCreateButtonContainer(t){let n=t.querySelector(".definition-buttons-container");return n||(n=document.createElement("div"),n.classList.add("definition-buttons-container"),t.appendChild(n)),n}function addButtonToContainer(t,n,e=!1){const i=getOrCreateButtonContainer(t);return e?i.insertBefore(n,i.firstChild):i.appendChild(n),i}
|
|
116
116
|
function collapseDefinitions(){let{dds:t,dts:e,regularDds:s,specialDds:a}=function(){const t=document.querySelectorAll("#content dl.terms-and-definitions-list > dd");return{dds:t,dts:document.querySelectorAll("#content dl.terms-and-definitions-list > dt"),regularDds:Array.from(t).filter((t=>!i(t.textContent.trim()))),specialDds:Array.from(t).filter((t=>i(t.textContent.trim())))}}();function i(t){return["Source","See also","More in","Also see","See:","See also","See more","See more in","See more about","See more on","See more at","More:","Note:","Paraphrased by","Beware:","eSSIF-Lab: ","W3C VC:","NIST:","Supporting definitions:"].some((e=>t.startsWith(e)))}a.forEach((t=>{t.classList.add("terms-def-extra-info")})),e.forEach((t=>{if(t.querySelector(".collapse-all-defs-button"))return;const e=document.createElement("button");e.classList.add("collapse-all-defs-button","btn-outline-secondary","d-print-none","btn","p-0","fs-5","d-flex","align-items-center","justify-content-center"),e.innerHTML='<span class="state-indicator" data-state="0">①</span><span class="state-indicator" data-state="1">②</span><span class="state-indicator" data-state="2">③</span>',e.setAttribute("id","toggleButton"),e.setAttribute("title","Change how much info is shown"),e.setAttribute("data-state","2"),e.querySelector('.state-indicator[data-state="2"]').classList.add("active"),addButtonToContainer(t,e)})),document.addEventListener("click",(e=>{if(e.target.classList.contains("collapse-all-defs-button")||e.target.classList.contains("state-indicator")){const i=e.target.classList.contains("collapse-all-defs-button")?e.target:e.target.closest(".collapse-all-defs-button"),n=i.getBoundingClientRect();document.documentElement.classList.add("definitions-transitioning"),i.style.position="fixed",i.style.top=`${n.top}px`,i.style.right=window.innerWidth-n.right+"px",i.style.zIndex="1000",function(){const e=document.querySelectorAll(".collapse-all-defs-button");switch((parseInt(e[0].dataset.state||0)+1)%3){case 0:t.forEach((t=>{t.classList.add("hidden"),t.classList.remove("visible")})),e.forEach((t=>{t.dataset.state=0,t.title="Show basic definitions",t.querySelectorAll(".state-indicator").forEach((t=>{0===parseInt(t.dataset.state)?t.classList.add("active"):t.classList.remove("active")}))})),document.querySelector("html").classList.add("defs-hidden");break;case 1:s.forEach((t=>{t.classList.remove("hidden"),t.classList.add("visible")})),a.forEach((t=>{t.classList.add("hidden"),t.classList.remove("visible")})),e.forEach((t=>{t.dataset.state=1,t.title="Show all definitions",t.querySelectorAll(".state-indicator").forEach((t=>{1===parseInt(t.dataset.state)?t.classList.add("active"):t.classList.remove("active")}))})),document.querySelector("html").classList.remove("defs-hidden");break;case 2:t.forEach((t=>{t.classList.remove("hidden"),t.classList.add("visible")})),a.forEach((t=>{t.classList.add("terms-def-extra-info")})),e.forEach((t=>{t.dataset.state=2,t.title="Hide all definitions",t.querySelectorAll(".state-indicator").forEach((t=>{2===parseInt(t.dataset.state)?t.classList.add("active"):t.classList.remove("active")}))})),document.querySelector("html").classList.remove("defs-hidden")}}(),requestAnimationFrame((()=>{i.style.position="",i.style.top="",i.style.right="",i.style.zIndex="",document.documentElement.classList.remove("definitions-transitioning");const t=i.getBoundingClientRect();window.scrollTo({top:window.scrollY+(t.top-n.top),behavior:"instant"})}))}}))}document.addEventListener("DOMContentLoaded",(function(){initializeOnTrefsInserted(collapseDefinitions)}));
|
|
117
117
|
function createToggleButton(e){const t=document.createElement("button");t.classList.add("meta-info-toggle-button","btn","fs-1","d-flex","align-items-center","justify-content-center"),t.innerHTML='<i class="bi bi-info-circle" style="margin-top: -0.5em;"></i>',t.title="Meta info",t.addEventListener("click",(function(t){t.preventDefault(),t.stopPropagation();e.classList.contains("collapsed")?(e.classList.remove("collapsed"),e.getBoundingClientRect()):e.classList.add("collapsed")}));let n=e.previousElementSibling;for(;n&&"DT"!==n.tagName;)n=n.previousElementSibling;n?addButtonToContainer(n,t,!0):e.insertBefore(t,e.firstChild)}function collapseMetaInfo(){document.querySelectorAll("dl > dd:has(table)").forEach((function(e){e.classList.add("meta-info-content-wrapper");const t=document.createElement("div");for(t.classList.add("meta-info-inner-wrapper");e.firstChild&&e.firstChild!==e.querySelector(".meta-info-toggle-button");)t.appendChild(e.firstChild);e.querySelector(".meta-info-toggle-button")||createToggleButton(e),e.appendChild(t),e.classList.add("collapsed")}))}document.addEventListener("DOMContentLoaded",(function(){initializeOnTrefsInserted(collapseMetaInfo)}));
|
package/assets/compiled/head.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root{--card-bg:#fff;--card-bg-dt:#fcfcfc;--toc-bg:#fff;--toc-text:#212529;--header-navbar-bg:#f8f9fa;--header-navbar-text:#212529;--card-text:#212529;--card-border:rgba(0, 0, 0, 0.125);--card-shadow:rgba(0, 0, 0, 0.075);--card-hover-bg:#f8f9fa}[data-bs-theme=dark]{--card-bg:#212529;--card-bg-dt:#24282d;--toc-bg:#212529;--toc-text:#f8f9fa;--header-navbar-bg:#343a40;--header-navbar-text:#f8f9fa;--card-text:#f8f9fa;--card-border:rgba(255, 255, 255, 0.125);--card-shadow:rgba(0, 0, 0, 0.2);--card-hover-bg:#343a40}
|
|
1
|
+
:root{--card-bg:#fff;--card-bg-dt:#fcfcfc;--toc-bg:#fff;--toc-text:#212529;--header-navbar-bg:#f8f9fa;--header-navbar-text:#212529;--card-text:#212529;--card-border:rgba(0, 0, 0, 0.125);--card-shadow:rgba(0, 0, 0, 0.075);--card-hover-bg:#f8f9fa;--local-term-bg:#f0f8ff;--external-term-bg:#a9dde03b;--error-message-bg:#f8c481;--error-message-text:#03365f;--term-reference-bg:#eaf5fb;--term-reference-border:#a9d9f5;--table-border:#ddd;--table-header-bg:#f5f5f5;--warning-message-bg:#fff3cd;--warning-message-border:#ffc107;--warning-message-text:#856404;--note-bg:#E9FBE9;--note-border:#52E052;--note-text:#178217;--issue-bg:rgb(233, 240, 251);--issue-border:rgb(82, 127, 224);--issue-text:rgb(30, 76, 174);--warning-notice-bg:#FBE9E9;--warning-notice-border:#E05252;--warning-notice-text:#AE1E1E;--todo-bg:#fbe4ff;--todo-border:#9700e2;--todo-text:#6d00a2}[data-bs-theme=dark]{--card-bg:#212529;--card-bg-dt:#24282d;--toc-bg:#212529;--toc-text:#f8f9fa;--header-navbar-bg:#343a40;--header-navbar-text:#f8f9fa;--card-text:#f8f9fa;--card-border:rgba(255, 255, 255, 0.125);--card-shadow:rgba(0, 0, 0, 0.2);--card-hover-bg:#343a40;--local-term-bg:#2a3f4f;--external-term-bg:rgba(100, 180, 200, 0.2);--error-message-bg:#8b6b3d;--error-message-text:#ffd89b;--term-reference-bg:#2d4550;--term-reference-border:#5a8fa8;--table-border:#555;--table-header-bg:#2c3135;--warning-message-bg:#6b5416;--warning-message-border:#8b6b1d;--warning-message-text:#ffd89b;--note-bg:#1a3d1a;--note-border:#2d6b2d;--note-text:#7ec97e;--issue-bg:#1a2840;--issue-border:#3a5a8a;--issue-text:#7fa8d6;--warning-notice-bg:#3d1a1a;--warning-notice-border:#6b2d2d;--warning-notice-text:#e97e7e;--todo-bg:#2d1a3d;--todo-border:#5a3a6b;--todo-text:#c89edc}
|
|
2
2
|
/*!
|
|
3
3
|
* Bootstrap v5.3.3 (https://getbootstrap.com/)
|
|
4
4
|
* Copyright 2011-2024 The Bootstrap Authors
|
|
@@ -9,13 +9,13 @@ code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shad
|
|
|
9
9
|
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}
|
|
10
10
|
#logo img{width:100px}.bi{display:inline-block;width:1.2rem;height:1.2rem}#header,#header *{background-color:var(--header-navbar-bg);color:var(--header-navbar-text)}[data-issue-count]:after{content:"(" attr(data-issue-count) ")";margin:0 0 0 .3em;padding:.1em 0 0}[data-issue-count=""][data-animate]{display:none;opacity:0}[data-issue-count][data-animate]:not([data-issue-count=""]){animation:display-show 1s}#header a:not(#logo),#header a:not(#logo) *,#header button,#header button *{background:#a9dde0}
|
|
11
11
|
.container{min-height:100vh}@media (min-width:768px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100}}ul.toc{padding:1em 0 1.75em;font-size:.85em}ul.toc,ul.toc ul{margin:0;padding:0;list-style:none}ul.toc li a{display:block;padding:.4em .8em;text-decoration:none;color:var(--toc-text);transition:background .2s ease,padding-left .2s ease,border-left .2s ease;padding-left:.8em;border-left:3px solid transparent;border-bottom:1px solid rgba(0,0,0,.03)}ul.toc ul{margin-left:1.2em!important;margin-top:.3em}ul.toc a:hover{background:#f9f9f9;padding-left:1em;border-left:3px solid #007bff}ul.toc>li>ul>li>a{padding-left:1.5em}ul.toc>li>ul>li>ul>li>a{padding-left:2em}ul.toc a:focus{outline:2px solid #007bff;outline-offset:-2px;box-shadow:0 0 0 3px rgba(0,123,255,.25);position:relative;z-index:1}.spec-footer{font-size:.7em;text-align:center}ul.toc li a.active,ul.toc li a[aria-current=page]{border-left:3px solid #007bff;font-weight:500;background:#f0f0f0}ul.toc li:last-child a{border-bottom:none}#toc ul li{position:relative}#toc ul li.has-children{position:relative}.collapse-toggle{position:absolute;top:.35em;right:0;width:28px;height:28px;background:0 0;border:1px solid transparent;border-radius:3px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s;z-index:2}.collapse-toggle:hover{background-color:rgba(0,0,0,.05)}.collapse-toggle:focus{outline:2px solid #007bff;outline-offset:1px;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.25)}.collapse-toggle::after{content:"";border-style:solid;border-width:.15em .15em 0 0;display:inline-block;height:.5em;width:.5em;position:relative;transform:rotate(135deg);transition:transform .2s ease}.collapse-toggle.collapsed::after{transform:rotate(45deg)}#toc ul li.has-children>ul{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:1}#toc ul li.has-children.collapsed>ul{max-height:0;overflow:hidden;opacity:.6}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{width:auto;height:auto;clip:auto;display:block;padding:15px 23px 14px;background-color:#fff;color:#007bff;z-index:100000;font-size:1em;font-weight:700;text-decoration:none;line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.2)}
|
|
12
|
-
h2,h3,h4,h5,h6{margin-top:1.5em!important}#terminology-section-utility-container{margin:1em auto;width:100%}@media (min-width:576px){#terminology-section-utility-container{position:sticky;top:3.5em;z-index:10}}.toc-anchor{font-size:.875em;color:#73c2df;text-decoration:none;transition:opacity .3s ease}.toc-anchor:hover{opacity:1}dl.terms-and-definitions-list{margin:0;padding:0;position:relative;z-index:1}dl.terms-and-definitions-list>dt{font-weight:700;margin:0;background-color:var(--card-bg-dt);border:1px solid var(--card-border);padding:.5rem 1.25rem;border-radius:.375rem .375rem 0 0;color:var(--card-text);position:relative;line-height:1.5;font-size:1.05em;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2.5rem}dl.terms-and-definitions-list>dt>span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}dl.terms-and-definitions-list>dt:focus>span,dl.terms-and-definitions-list>dt:hover>span,dl.terms-and-definitions-list>dt>span:focus,dl.terms-and-definitions-list>dt>span:hover{white-space:normal;overflow:visible;text-overflow:initial;word-wrap:break-word;line-height:1.4}dl.terms-and-definitions-list>dt:active>span,dl.terms-and-definitions-list>dt>span:active{white-space:normal;overflow:visible;text-overflow:initial;word-wrap:break-word;line-height:1.4}dl.terms-and-definitions-list>dt .btn{font-size:1.2em!important}dl.terms-and-definitions-list>dt:hover{background-color:var(--card-hover-bg);transition:background-color .2s ease-in-out}dl.terms-and-definitions-list>dd{margin:0;background-color:var(--card-bg);border:1px solid var(--card-border);border-top:none;padding:.5rem 2rem;color:var(--card-text);width:100%;position:relative}dl.terms-and-definitions-list dd p{margin:0;color:var(--card-text);padding-left:.5rem}dl.terms-and-definitions-list>dd::before{display:none}dl.terms-and-definitions-list dd table{margin:.5em 0;width:100%;border-collapse:collapse}dl.terms-and-definitions-list dd table td,dl.terms-and-definitions-list dd table th{padding:.5em;border:1px solid
|
|
12
|
+
h2,h3,h4,h5,h6{margin-top:1.5em!important}#terminology-section-utility-container{margin:1em auto;width:100%}@media (min-width:576px){#terminology-section-utility-container{position:sticky;top:3.5em;z-index:10}}.toc-anchor{font-size:.875em;color:#73c2df;text-decoration:none;transition:opacity .3s ease}.toc-anchor:hover{opacity:1}dl.terms-and-definitions-list{margin:0;padding:0;position:relative;z-index:1}dl.terms-and-definitions-list>dt{font-weight:700;margin:0;background-color:var(--card-bg-dt);border:1px solid var(--card-border);padding:.5rem 1.25rem;border-radius:.375rem .375rem 0 0;color:var(--card-text);position:relative;line-height:1.5;font-size:1.05em;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2.5rem}dl.terms-and-definitions-list>dt>span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}dl.terms-and-definitions-list>dt:focus>span,dl.terms-and-definitions-list>dt:hover>span,dl.terms-and-definitions-list>dt>span:focus,dl.terms-and-definitions-list>dt>span:hover{white-space:normal;overflow:visible;text-overflow:initial;word-wrap:break-word;line-height:1.4}dl.terms-and-definitions-list>dt:active>span,dl.terms-and-definitions-list>dt>span:active{white-space:normal;overflow:visible;text-overflow:initial;word-wrap:break-word;line-height:1.4}dl.terms-and-definitions-list>dt .btn{font-size:1.2em!important}dl.terms-and-definitions-list>dt:hover{background-color:var(--card-hover-bg);transition:background-color .2s ease-in-out}dl.terms-and-definitions-list>dd{margin:0;background-color:var(--card-bg);border:1px solid var(--card-border);border-top:none;padding:.5rem 2rem;color:var(--card-text);width:100%;position:relative}dl.terms-and-definitions-list dd p{margin:0;color:var(--card-text);padding-left:.5rem}dl.terms-and-definitions-list>dd::before{display:none}dl.terms-and-definitions-list dd table{margin:.5em 0;width:100%;border-collapse:collapse}dl.terms-and-definitions-list dd table td,dl.terms-and-definitions-list dd table th{padding:.5em;border:1px solid var(--table-border)}dl.terms-and-definitions-list dd table th{background-color:var(--table-header-bg)}dl>dd:has(table).meta-info-content-wrapper{display:block;font-size:.7em;position:relative;max-height:none;height:auto;overflow:visible;transition:all .3s ease-out}dl>dd:has(table).meta-info-content-wrapper td,dl>dd:has(table).meta-info-content-wrapper th{padding:.3em}dl>dd:has(table).collapsed.meta-info-content-wrapper{max-height:0;height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden;transition:all .3s ease-out;line-height:0}dl>dd:has(table).meta-info-content-wrapper>div{display:block;padding:inherit}.meta-info-toggle-button{position:relative;cursor:pointer}dl.terms-and-definitions-list dt+dd{border-bottom:none}dl.terms-and-definitions-list dd+dd{border-top:none;border-bottom:none}dl.terms-and-definitions-list dd+dt{margin-top:1rem}dl.terms-and-definitions-list dd.last-dd{border-radius:0 0 .375rem .375rem;border-bottom:1px solid var(--card-border)}html.dense-info dl.terms-and-definitions-list>dt{padding:.1rem 1.25rem;line-height:inherit;font-size:inherit;min-height:auto}html.dense-info dl.terms-and-definitions-list dd+dt{margin-top:.3rem}html.dense-info dl.terms-and-definitions-list>dt::before{display:none}html.dense-info dl.terms-and-definitions-list>dt>span{flex:1 1 auto;min-width:0}.term-external{position:relative}dl.terms-and-definitions-list>dd.term-external,dl.terms-and-definitions-list>dt.term-external{background:var(--external-term-bg)}.term-local{position:relative}dl.terms-and-definitions-list>dd.term-local,dl.terms-and-definitions-list>dt.term-local{background:var(--local-term-bg)}dl.terms-and-definitions-list .term-original-term{font-style:italic}dl.terms-and-definitions-list .term-external-parenthetical-terms{font-weight:400}dl.terms-and-definitions-list .term-local-original-term{font-style:italic}dl.terms-and-definitions-list .term-local-parenthetical-terms{font-weight:400}.btn{font-variant:small-caps;text-transform:uppercase;position:relative;z-index:5}.transclusion-heading{font-size:1.3em;font-weight:700;margin:.2em 0 .2em}dl.terms-and-definitions-list>dd.term-external-embedded{position:relative;padding-left:2.5rem;padding-top:.3rem;padding-bottom:.3rem}dl.terms-and-definitions-list span.term-external::after{content:"";position:absolute;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-box-arrow-right' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;width:.8rem;height:.8rem;left:.2rem}dl.terms-and-definitions-list span.term-external{padding-left:1.5rem;display:inline-block}.placeholder-tref{display:none}.no-xref-found-message{background:var(--error-message-bg);color:var(--error-message-text);margin:0 .5em;padding:0 .8em;border-radius:.25rem;font-size:.8rem;font-variant:small-caps;text-transform:uppercase}.term-reference{padding:3px 3px 3px 1.5em;background-color:var(--term-reference-bg);border-radius:.25rem;position:relative;text-decoration:none;box-shadow:inset 0 0 0 1px var(--term-reference-border);transition:box-shadow .3s ease-in-out}.term-reference:hover{box-shadow:inset 0 0 0 3px var(--term-reference-border)}dd .term-reference::after{content:"";position:absolute;top:50%;left:.2rem;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-box-arrow-right' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;width:.8rem;height:.8rem}dt.term-reference::after{left:1rem}.iref-content{margin:1rem 0}dl.iref-definition-list{margin:0;padding:0}dl.iref-definition-list>dt.iref-term{background-color:rgba(var(--card-bg-dt-rgb,248,249,250),.5);border:none;box-shadow:none;padding:1rem 2.25rem .5rem 0;border-radius:.375rem .375rem 0 0;transition:background-color .3s ease-in-out,transform .2s ease-in-out}dl.iref-definition-list>dt.iref-term:hover{background-color:rgba(var(--card-bg-dt-rgb,248,249,250),.5);transform:translateX(2px)}dl.iref-definition-list>dd.iref-definition{margin:0;background-color:rgba(var(--card-bg-rgb,255,255,255),.5);padding:0 2rem;transition:background-color .3s ease-in-out,transform .2s ease-in-out}dl.iref-definition-list>dd.iref-definition,dl.iref-definition-list>dt.iref-term{font-size:.8em}dl.iref-definition-list>dd.iref-definition:hover{background-color:rgba(var(--card-bg-rgb,255,255,255),.5);transform:translateX(2px)}dl.iref-definition-list>dd.iref-definition+dd.iref-definition{border-top:1px dashed rgba(0,0,0,.1)}dl.iref-definition-list>dd.iref-definition:last-child{border-radius:0 0 .375rem .375rem}dl.iref-definition-list dd.iref-definition p{margin:0;color:var(--card-text);padding-left:.5rem}a.iref-go-to-glossary-button{margin-left:.5rem;white-space:nowrap;text-decoration:none;position:relative;padding-left:1.5rem}a.iref-go-to-glossary-button:hover{text-decoration:none}a.iref-go-to-glossary-button .iref-button-icon{position:absolute;top:50%;left:.3rem;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-box-arrow-right' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;width:.8rem;height:.8rem;display:inline-block;content:""}.iref-not-found{margin:.5rem 0;padding:.5rem 1rem;background-color:var(--warning-message-bg);border:1px solid var(--warning-message-border);border-radius:.375rem;color:var(--warning-message-text)}
|
|
13
13
|
.btn{font-size:.7em!important;margin:0 0 0 .5em!important}
|
|
14
14
|
.highlight-matches-search{font-size:1em;outline:3px solid #1d6dae39;outline-offset:5px;transition:outline .3s ease-in-out}.highlight-matches-search.active{outline:3px solid #1d6dae;transition:outline .3s ease-in-out}.highlight-matches-DIF-search{background-color:#1d6dae11}.highlight-matches-ToIP-search{background-color:#a9dde0b0}.highlight-matches-BTC-search{background-color:#f19019a1}.highlight-matches-KERI-search{background-color:#b5d070d5}.highlight-matches-SSI-search{background-color:#ff0}.highlight-matches-GLEIF-search{background-color:#52dac6a6}
|
|
15
|
-
.
|
|
15
|
+
ul.toc li a.menu-item-highlighted{background-color:rgba(29,109,174,.08);border-left:3px solid #007bff;padding-left:1em}
|
|
16
16
|
#back-to-top-a1zncgtqfpzsig8{position:fixed;bottom:20px;text-decoration:none;left:calc(100% - 1.8em);width:1.5em;height:1.5em;margin:0;padding:0;background-color:#1e6eae;border-radius:50px;text-align:center;font-size:30px;color:#fff;box-shadow:0 0 1.3px rgba(0,0,0,.07),0 0 3.6px rgba(0,0,0,.1),0 0 8.7px rgba(0,0,0,.13),0 0 29px rgba(0,0,0,.2);cursor:pointer;border:none;display:none;align-items:center;justify-content:center;z-index:2}
|
|
17
17
|
@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:0;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
|
|
18
|
-
#content dl dd.hidden{display:none}#content dl dd.visible{display:block}html.definitions-transitioning dl.terms-and-definitions-list{transition:none!important}html.definitions-transitioning #content{position:relative}.collapse-all-defs-button[style*="position: fixed"]{margin:0;padding:0;will-change:transform}.collapse-all-defs-button{display:flex;gap:3px;cursor:pointer}.collapse-all-defs-button .state-indicator{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;border-color:#ccc!important;color:#ccc!important}.collapse-all-defs-button .state-indicator.active{border-color:#999!important;color:#999!important}dl.terms-and-definitions-list>dd.terms-def-extra-info{background-color
|
|
18
|
+
#content dl dd.hidden{display:none}#content dl dd.visible{display:block}html.definitions-transitioning dl.terms-and-definitions-list{transition:none!important}html.definitions-transitioning #content{position:relative}.collapse-all-defs-button[style*="position: fixed"]{margin:0;padding:0;will-change:transform}.collapse-all-defs-button{display:flex;gap:3px;cursor:pointer}.collapse-all-defs-button .state-indicator{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;border-color:#ccc!important;color:#ccc!important}.collapse-all-defs-button .state-indicator.active{border-color:#999!important;color:#999!important}dl.terms-and-definitions-list>dd.terms-def-extra-info{background-color:var(--card-bg)}
|
|
19
19
|
.definition-buttons-container{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;flex-wrap:nowrap;position:relative;z-index:5;min-height:2rem}@media (max-width:576px){.definition-buttons-container{flex:0 0 100%;justify-content:flex-end;margin-top:.25rem}}.definition-buttons-container .collapse-all-defs-button{float:none;flex-shrink:0}.definition-buttons-container .meta-info-toggle-button{float:none;flex-shrink:0}
|
|
20
20
|
.hide-local-terms #content dl.terms-and-definitions-list>dd:not(.term-external),.hide-local-terms #content dl.terms-and-definitions-list>dt:not(.term-external){display:none!important}.hide-external-terms #content dl.terms-and-definitions-list>dd.term-external,.hide-external-terms #content dl.terms-and-definitions-list>dt.term-external{display:none!important}
|
|
21
21
|
.spec-up-t-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.spec-up-t-modal{background-color:#fff;padding:2rem 20px 20px;border-radius:8px;max-width:80%;max-height:80%;overflow-y:auto;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1)}.spec-up-t-modal-close{position:absolute;top:0;right:5px;background-color:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer}
|
|
@@ -30,4 +30,4 @@ article a[href^="https://"]:not(.btn)::after,article a[href^=http]:not(.btn)::af
|
|
|
30
30
|
#content .figure:has(.scrollHintImage){padding:0;margin:0;width:auto;height:auto}
|
|
31
31
|
.highlight2{padding-left:1em;padding-right:1em;border:1px dashed #71bbe6;background:#f3f5f53b}
|
|
32
32
|
#toc ul.toc{counter-reset:toc-section}#toc ul.toc>li{counter-reset:toc-subsection}#toc ul.toc>li>ul>li{counter-reset:toc-subsubsection}#toc ul.toc>li>a::before{counter-increment:toc-section;content:counter(toc-section) ". ";font-weight:700;margin-right:.5em}#toc ul.toc>li>ul>li>a::before{counter-increment:toc-subsection;content:counter(toc-section) "." counter(toc-subsection) " ";font-weight:700;margin-right:.5em}#toc ul.toc>li>ul>li>ul>li>a::before{counter-increment:toc-subsubsection;content:counter(toc-section) "." counter(toc-subsection) "." counter(toc-subsubsection) " ";font-weight:700;margin-right:.5em}main article{counter-reset:main-section}main article h2{counter-reset:main-subsection}main article h3{counter-reset:main-subsubsection}main article h2 .toc-anchor::after{counter-increment:main-section;content:" " counter(main-section) ".";font-weight:700}main article h3 .toc-anchor::after{counter-increment:main-subsection;content:" " counter(main-section) "." counter(main-subsection);font-weight:700}main article h4 .toc-anchor::after{counter-increment:main-subsubsection;content:" " counter(main-section) "." counter(main-subsection) "." counter(main-subsubsection);font-weight:700}main article h5::before,main article h6::before{font-weight:700;margin-right:.5em}@media print{#toc ul.toc>li>a::before,#toc ul.toc>li>ul>li>a::before,#toc ul.toc>li>ul>li>ul>li>a::before,main article h2 .toc-anchor::after,main article h3 .toc-anchor::after,main article h4 .toc-anchor::after{color:#000!important}}
|
|
33
|
-
html{scroll-behavior:smooth;scroll-padding-top:50vh}body:not([hashscroll]) :target{animation:highlight-target 3.5s .25s ease}body:not([hashscroll]) dt:has(:target){animation:highlight-target-parent-dt 3.5s .25s ease}dl.terms-and-definitions-list>.highlight{background-color:#ff0!important;transition:background-color .3s ease-in-out}svg[icon]{width:1.25em;height:1.25em;vertical-align:text-top}@keyframes highlight-target{50%{background-color:#ff0}}@keyframes highlight-target-parent-dt{50%{background-color:#ff0;border:1px solid #00c8ff}}#svg{display:none}main *{overflow-wrap:anywhere;word-break:normal}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.table-responsive *{overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap!important}dd td img{max-width:30px}.notice{margin:1em 0;padding:.5em .9em .55em .65em;border-left:.5em solid}.notice p{margin:.4em 0 0}.note{background
|
|
33
|
+
html{scroll-behavior:smooth;scroll-padding-top:50vh}body:not([hashscroll]) :target{animation:highlight-target 3.5s .25s ease}body:not([hashscroll]) dt:has(:target){animation:highlight-target-parent-dt 3.5s .25s ease}dl.terms-and-definitions-list>.highlight{background-color:#ff0!important;transition:background-color .3s ease-in-out}svg[icon]{width:1.25em;height:1.25em;vertical-align:text-top}@keyframes highlight-target{50%{background-color:#ff0}}@keyframes highlight-target-parent-dt{50%{background-color:#ff0;border:1px solid #00c8ff}}#svg{display:none}main *{overflow-wrap:anywhere;word-break:normal}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.table-responsive *{overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap!important}dd td img{max-width:30px}.notice{margin:1em 0;padding:.5em .9em .55em .65em;border-left:.5em solid}.notice p{margin:.4em 0 0}.note{background:var(--note-bg);border-color:var(--note-border)}.note .notice-link{display:block;color:var(--note-text)}.issue{background:var(--issue-bg);border-color:var(--issue-border)}.issue .notice-link:before{display:block;color:var(--issue-text)}.warning{background:var(--warning-notice-bg);border-color:var(--warning-notice-border)}.warning .notice-link{display:block;color:var(--warning-notice-text)}.example{color:#cebe00;background:#1a1e23;border-left:.5em solid}.example .notice-link{display:block;color:inherit;font-size:1.1em;font-family:Heebo,sans-serif}.example pre[class*=language-]{padding:0;border-radius:0}.todo{background:var(--todo-bg);border-color:var(--todo-border)}.todo .notice-link{display:block;color:var(--todo-text)}.alert-primary{background-color:#f9fcff;border-color:#b2ebf2;color:#00838f}.alert-secondary{background-color:#f5f5f5;border-color:#e0e0e0;color:#616161}.alert-success{background-color:#e8f5e9;border-color:#c8e6c9;color:#388e3c}.alert-danger{background-color:#ffebee;border-color:#ef9a9a;color:#d32f2f}.alert-warning{background-color:#fffde7;border-color:#fff9c4;color:#f9a825}.alert-info{background-color:#e1f5fe;border-color:#b3e5fc;color:#0288d1}.alert-light{background-color:#f9f9f9;border-color:#eee;color:#424242}.alert-dark{background-color:#e0e0e0;border-color:#bdbdbd;color:#212121}.alert a{color:inherit;font-weight:700}.alert-primary a{color:#006064}.alert-success a{color:#2e7d32}.alert-danger a{color:#b71c1c}.alert-warning a{color:#f57f17}.alert-info a{color:#01579b}.alert-dark a{color:#000}[data-bs-theme=dark] .alert-primary{background-color:#004d40;border-color:#00695c;color:#b2dfdb}[data-bs-theme=dark] .alert-secondary{background-color:#424242;border-color:#616161;color:#e0e0e0}[data-bs-theme=dark] .alert-success{background-color:#1b5e20;border-color:#2e7d32;color:#a5d6a7}[data-bs-theme=dark] .alert-danger{background-color:#b71c1c;border-color:#c62828;color:#ef9a9a}[data-bs-theme=dark] .alert-warning{background-color:#f57f17;border-color:#ffb300;color:#ffe082}[data-bs-theme=dark] .alert-info{background-color:#01579b;border-color:#0277bd;color:#81d4fa}[data-bs-theme=dark] .alert-light{background-color:#303030;border-color:#424242;color:#e0e0e0}[data-bs-theme=dark] .alert-dark{background-color:#212121;border-color:#424242;color:#bdbdbd}[data-bs-theme=dark] .alert a{color:inherit;font-weight:700}[data-bs-theme=dark] .alert-primary a{color:#80cbc4}[data-bs-theme=dark] .alert-success a{color:#81c784}[data-bs-theme=dark] .alert-danger a{color:#ef5350}[data-bs-theme=dark] .alert-warning a{color:#ffca28}[data-bs-theme=dark] .alert-info a{color:#4fc3f7}[data-bs-theme=dark] .alert-dark a{color:#9e9e9e}#offcanvasSettings .btn-menu-item{border-radius:unset;width:100%;text-align:left;border:1px solid #dee2e6;background-color:var(--card-bg);color:var(--card-text);padding:10px 15px;margin-bottom:5px;transition:background-color .2s ease}#offcanvasSettings .btn-menu-item:hover{background-color:#e9ecef}
|
|
@@ -4,6 +4,9 @@
|
|
|
4
4
|
Description: JavaScript in /assets/js/highlightMenuItems.js
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
/* Use more specific selector to override base TOC styles */
|
|
8
|
+
ul.toc li a.menu-item-highlighted {
|
|
9
|
+
background-color: rgba(29, 109, 174, 0.08);
|
|
10
|
+
border-left: 3px solid #007bff;
|
|
11
|
+
padding-left: 1em;
|
|
9
12
|
}
|
package/assets/css/index.css
CHANGED
|
@@ -92,33 +92,33 @@ dd td img {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.note {
|
|
95
|
-
background:
|
|
96
|
-
border-color:
|
|
95
|
+
background: var(--note-bg);
|
|
96
|
+
border-color: var(--note-border);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.note .notice-link {
|
|
100
100
|
display: block;
|
|
101
|
-
color:
|
|
101
|
+
color: var(--note-text);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.issue {
|
|
105
|
-
background:
|
|
106
|
-
border-color:
|
|
105
|
+
background: var(--issue-bg);
|
|
106
|
+
border-color: var(--issue-border);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.issue .notice-link:before {
|
|
110
110
|
display: block;
|
|
111
|
-
color:
|
|
111
|
+
color: var(--issue-text);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.warning {
|
|
115
|
-
background:
|
|
116
|
-
border-color:
|
|
115
|
+
background: var(--warning-notice-bg);
|
|
116
|
+
border-color: var(--warning-notice-border);
|
|
117
117
|
}
|
|
118
118
|
|
|
119
119
|
.warning .notice-link {
|
|
120
120
|
display: block;
|
|
121
|
-
color:
|
|
121
|
+
color: var(--warning-notice-text);
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.example {
|
|
@@ -140,13 +140,13 @@ dd td img {
|
|
|
140
140
|
}
|
|
141
141
|
|
|
142
142
|
.todo {
|
|
143
|
-
background:
|
|
144
|
-
border-color:
|
|
143
|
+
background: var(--todo-bg);
|
|
144
|
+
border-color: var(--todo-border);
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.todo .notice-link {
|
|
148
148
|
display: block;
|
|
149
|
-
color:
|
|
149
|
+
color: var(--todo-text);
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
/* End Notices */
|
|
@@ -159,11 +159,11 @@ dl.terms-and-definitions-list dd table {
|
|
|
159
159
|
dl.terms-and-definitions-list dd table th,
|
|
160
160
|
dl.terms-and-definitions-list dd table td {
|
|
161
161
|
padding: 0.5em;
|
|
162
|
-
border: 1px solid
|
|
162
|
+
border: 1px solid var(--table-border);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
dl.terms-and-definitions-list dd table th {
|
|
166
|
-
background-color:
|
|
166
|
+
background-color: var(--table-header-bg);
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
/*
|
|
@@ -269,7 +269,7 @@ html.dense-info dl.terms-and-definitions-list>dt>span {
|
|
|
269
269
|
|
|
270
270
|
dl.terms-and-definitions-list>dt.term-external,
|
|
271
271
|
dl.terms-and-definitions-list>dd.term-external {
|
|
272
|
-
background:
|
|
272
|
+
background: var(--external-term-bg);
|
|
273
273
|
}
|
|
274
274
|
|
|
275
275
|
/* Local term styling */
|
|
@@ -279,7 +279,7 @@ dl.terms-and-definitions-list>dd.term-external {
|
|
|
279
279
|
|
|
280
280
|
dl.terms-and-definitions-list>dt.term-local,
|
|
281
281
|
dl.terms-and-definitions-list>dd.term-local {
|
|
282
|
-
background:
|
|
282
|
+
background: var(--local-term-bg);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
285
|
/* Generic class for all original terms (both local and external) */
|
|
@@ -351,8 +351,8 @@ dl.terms-and-definitions-list span.term-external {
|
|
|
351
351
|
/* ====== ERROR MESSAGES ====== */
|
|
352
352
|
/* No cross-reference found styling */
|
|
353
353
|
.no-xref-found-message {
|
|
354
|
-
background:
|
|
355
|
-
color:
|
|
354
|
+
background: var(--error-message-bg);
|
|
355
|
+
color: var(--error-message-text);
|
|
356
356
|
margin: 0 0.5em;
|
|
357
357
|
padding: 0 0.8em;
|
|
358
358
|
border-radius: 0.25rem;
|
|
@@ -365,16 +365,16 @@ dl.terms-and-definitions-list span.term-external {
|
|
|
365
365
|
/* Inline term references (clickable links to definitions) */
|
|
366
366
|
.term-reference {
|
|
367
367
|
padding: 3px 3px 3px 1.5em;
|
|
368
|
-
background-color:
|
|
368
|
+
background-color: var(--term-reference-bg);
|
|
369
369
|
border-radius: 0.25rem;
|
|
370
370
|
position: relative;
|
|
371
371
|
text-decoration: none;
|
|
372
|
-
box-shadow: inset 0 0 0 1px
|
|
372
|
+
box-shadow: inset 0 0 0 1px var(--term-reference-border);
|
|
373
373
|
transition: box-shadow 0.3s ease-in-out;
|
|
374
374
|
}
|
|
375
375
|
|
|
376
376
|
.term-reference:hover {
|
|
377
|
-
box-shadow: inset 0 0 0 3px
|
|
377
|
+
box-shadow: inset 0 0 0 3px var(--term-reference-border);
|
|
378
378
|
}
|
|
379
379
|
|
|
380
380
|
/* Arrow icon for term references inside dd elements using SVG data URI */
|
|
@@ -495,8 +495,8 @@ a.iref-go-to-glossary-button .iref-button-icon {
|
|
|
495
495
|
.iref-not-found {
|
|
496
496
|
margin: 0.5rem 0;
|
|
497
497
|
padding: 0.5rem 1rem;
|
|
498
|
-
background-color:
|
|
499
|
-
border: 1px solid
|
|
498
|
+
background-color: var(--warning-message-bg);
|
|
499
|
+
border: 1px solid var(--warning-message-border);
|
|
500
500
|
border-radius: 0.375rem;
|
|
501
|
-
color:
|
|
501
|
+
color: var(--warning-message-text);
|
|
502
502
|
}
|
|
@@ -24,6 +24,52 @@ Example of how to use these variables in your CSS:
|
|
|
24
24
|
/* Light mode shadow */
|
|
25
25
|
--card-hover-bg: #f8f9fa;
|
|
26
26
|
/* Light mode hover */
|
|
27
|
+
--local-term-bg: #f0f8ff;
|
|
28
|
+
/* Light blue background for local terms */
|
|
29
|
+
--external-term-bg: #a9dde03b;
|
|
30
|
+
/* Light cyan background for external terms */
|
|
31
|
+
--error-message-bg: #f8c481;
|
|
32
|
+
/* Warning/error background */
|
|
33
|
+
--error-message-text: #03365f;
|
|
34
|
+
/* Warning/error text */
|
|
35
|
+
--term-reference-bg: #eaf5fb;
|
|
36
|
+
/* Light blue background for term references */
|
|
37
|
+
--term-reference-border: #a9d9f5;
|
|
38
|
+
/* Light blue border for term references */
|
|
39
|
+
--table-border: #ddd;
|
|
40
|
+
/* Light gray border for tables */
|
|
41
|
+
--table-header-bg: #f5f5f5;
|
|
42
|
+
/* Light gray background for table headers */
|
|
43
|
+
--warning-message-bg: #fff3cd;
|
|
44
|
+
/* Yellow background for warnings */
|
|
45
|
+
--warning-message-border: #ffc107;
|
|
46
|
+
/* Yellow border for warnings */
|
|
47
|
+
--warning-message-text: #856404;
|
|
48
|
+
/* Dark yellow text for warnings */
|
|
49
|
+
--note-bg: #E9FBE9;
|
|
50
|
+
/* Light green background for notes */
|
|
51
|
+
--note-border: #52E052;
|
|
52
|
+
/* Green border for notes */
|
|
53
|
+
--note-text: #178217;
|
|
54
|
+
/* Green text for notes */
|
|
55
|
+
--issue-bg: rgb(233, 240, 251);
|
|
56
|
+
/* Light blue background for issues */
|
|
57
|
+
--issue-border: rgb(82, 127, 224);
|
|
58
|
+
/* Blue border for issues */
|
|
59
|
+
--issue-text: rgb(30, 76, 174);
|
|
60
|
+
/* Dark blue text for issues */
|
|
61
|
+
--warning-notice-bg: #FBE9E9;
|
|
62
|
+
/* Light red background for warnings */
|
|
63
|
+
--warning-notice-border: #E05252;
|
|
64
|
+
/* Red border for warnings */
|
|
65
|
+
--warning-notice-text: #AE1E1E;
|
|
66
|
+
/* Dark red text for warnings */
|
|
67
|
+
--todo-bg: #fbe4ff;
|
|
68
|
+
/* Light purple background for todos */
|
|
69
|
+
--todo-border: #9700e2;
|
|
70
|
+
/* Purple border for todos */
|
|
71
|
+
--todo-text: #6d00a2;
|
|
72
|
+
/* Dark purple text for todos */
|
|
27
73
|
|
|
28
74
|
}
|
|
29
75
|
|
|
@@ -45,6 +91,52 @@ Example of how to use these variables in your CSS:
|
|
|
45
91
|
/* Dark mode shadow (subtle) */
|
|
46
92
|
--card-hover-bg: #343a40;
|
|
47
93
|
/* Dark mode hover */
|
|
94
|
+
--local-term-bg: #2a3f4f;
|
|
95
|
+
/* Dark blue-gray background for local terms in dark mode */
|
|
96
|
+
--external-term-bg: rgba(100, 180, 200, 0.2);
|
|
97
|
+
/* Dark cyan background for external terms */
|
|
98
|
+
--error-message-bg: #8b6b3d;
|
|
99
|
+
/* Muted warning/error background for dark mode */
|
|
100
|
+
--error-message-text: #ffd89b;
|
|
101
|
+
/* Light warning/error text for dark mode */
|
|
102
|
+
--term-reference-bg: #2d4550;
|
|
103
|
+
/* Dark blue-gray background for term references */
|
|
104
|
+
--term-reference-border: #5a8fa8;
|
|
105
|
+
/* Muted blue border for term references in dark mode */
|
|
106
|
+
--table-border: #555;
|
|
107
|
+
/* Dark gray border for tables */
|
|
108
|
+
--table-header-bg: #2c3135;
|
|
109
|
+
/* Dark gray background for table headers */
|
|
110
|
+
--warning-message-bg: #6b5416;
|
|
111
|
+
/* Dark yellow-brown background for warnings */
|
|
112
|
+
--warning-message-border: #8b6b1d;
|
|
113
|
+
/* Muted yellow border for warnings */
|
|
114
|
+
--warning-message-text: #ffd89b;
|
|
115
|
+
/* Light yellow text for warnings */
|
|
116
|
+
--note-bg: #1a3d1a;
|
|
117
|
+
/* Dark green background for notes */
|
|
118
|
+
--note-border: #2d6b2d;
|
|
119
|
+
/* Dark green border for notes */
|
|
120
|
+
--note-text: #7ec97e;
|
|
121
|
+
/* Light green text for notes */
|
|
122
|
+
--issue-bg: #1a2840;
|
|
123
|
+
/* Dark blue background for issues */
|
|
124
|
+
--issue-border: #3a5a8a;
|
|
125
|
+
/* Muted blue border for issues */
|
|
126
|
+
--issue-text: #7fa8d6;
|
|
127
|
+
/* Light blue text for issues */
|
|
128
|
+
--warning-notice-bg: #3d1a1a;
|
|
129
|
+
/* Dark red background for warnings */
|
|
130
|
+
--warning-notice-border: #6b2d2d;
|
|
131
|
+
/* Dark red border for warnings */
|
|
132
|
+
--warning-notice-text: #e97e7e;
|
|
133
|
+
/* Light red text for warnings */
|
|
134
|
+
--todo-bg: #2d1a3d;
|
|
135
|
+
/* Dark purple background for todos */
|
|
136
|
+
--todo-border: #5a3a6b;
|
|
137
|
+
/* Muted purple border for todos */
|
|
138
|
+
--todo-text: #c89edc;
|
|
139
|
+
/* Light purple text for todos */
|
|
48
140
|
|
|
49
141
|
}
|
|
50
142
|
|
|
@@ -88,7 +88,7 @@ function initCollapsibleMenu() {
|
|
|
88
88
|
});
|
|
89
89
|
|
|
90
90
|
// Set initial states - expand the active section, collapse others
|
|
91
|
-
const hasActiveChild = item.querySelector('a.
|
|
91
|
+
const hasActiveChild = item.querySelector('a.menu-item-highlighted, a.active');
|
|
92
92
|
if (!hasActiveChild) {
|
|
93
93
|
item.classList.add('collapsed');
|
|
94
94
|
toggleBtn.classList.add('collapsed');
|
|
@@ -9,15 +9,69 @@ function highlightMenuItems() {
|
|
|
9
9
|
|
|
10
10
|
function highlightMenuItem(heading) {
|
|
11
11
|
// Remove highlight from all menu items first
|
|
12
|
-
document.querySelectorAll('#
|
|
13
|
-
item.classList.remove("
|
|
12
|
+
document.querySelectorAll('#toc a').forEach(item => {
|
|
13
|
+
item.classList.remove("menu-item-highlighted");
|
|
14
14
|
});
|
|
15
15
|
|
|
16
16
|
// Highlight the new menu item
|
|
17
|
-
const menuItem = document.querySelector(`#
|
|
17
|
+
const menuItem = document.querySelector(`#toc a[href="#${heading.id}"]`);
|
|
18
18
|
if (menuItem) {
|
|
19
|
-
menuItem.classList.add("
|
|
20
|
-
|
|
19
|
+
menuItem.classList.add("menu-item-highlighted");
|
|
20
|
+
|
|
21
|
+
// Expand all parent items that contain this menu item
|
|
22
|
+
let parentLi = menuItem.closest('li');
|
|
23
|
+
const parentsToExpand = [];
|
|
24
|
+
|
|
25
|
+
// Collect all parent li elements
|
|
26
|
+
while (parentLi) {
|
|
27
|
+
parentsToExpand.push(parentLi);
|
|
28
|
+
// Move to the parent li (skip the ul)
|
|
29
|
+
const parentUl = parentLi.parentElement;
|
|
30
|
+
if (parentUl && parentUl.tagName === 'UL') {
|
|
31
|
+
parentLi = parentUl.closest('li');
|
|
32
|
+
} else {
|
|
33
|
+
parentLi = null;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Use setTimeout to ensure collapsible menu is initialized
|
|
38
|
+
setTimeout(() => {
|
|
39
|
+
// Collapse all items first
|
|
40
|
+
document.querySelectorAll('#toc li.has-children').forEach(item => {
|
|
41
|
+
const toggleBtn = item.querySelector('.collapse-toggle');
|
|
42
|
+
if (toggleBtn && !parentsToExpand.includes(item)) {
|
|
43
|
+
item.classList.add('collapsed');
|
|
44
|
+
toggleBtn.classList.add('collapsed');
|
|
45
|
+
toggleBtn.setAttribute('aria-expanded', 'false');
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
// Expand the parents of the active item
|
|
50
|
+
parentsToExpand.forEach(parent => {
|
|
51
|
+
if (parent.classList.contains('has-children')) {
|
|
52
|
+
const toggleBtn = parent.querySelector('.collapse-toggle');
|
|
53
|
+
if (toggleBtn) {
|
|
54
|
+
parent.classList.remove('collapsed');
|
|
55
|
+
toggleBtn.classList.remove('collapsed');
|
|
56
|
+
toggleBtn.setAttribute('aria-expanded', 'true');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
}, 50);
|
|
61
|
+
|
|
62
|
+
// Scroll the menu item into view within the sidebar only (without affecting main scroll)
|
|
63
|
+
const tocContainer = document.getElementById('toc');
|
|
64
|
+
if (tocContainer && menuItem) {
|
|
65
|
+
const tocRect = tocContainer.getBoundingClientRect();
|
|
66
|
+
const itemRect = menuItem.getBoundingClientRect();
|
|
67
|
+
|
|
68
|
+
// Check if item is outside the visible area of the TOC container
|
|
69
|
+
if (itemRect.top < tocRect.top || itemRect.bottom > tocRect.bottom) {
|
|
70
|
+
// Scroll the TOC container, not the whole page
|
|
71
|
+
const scrollOffset = itemRect.top - tocRect.top - (tocRect.height / 2) + (itemRect.height / 2);
|
|
72
|
+
tocContainer.scrollBy({ top: scrollOffset, behavior: 'smooth' });
|
|
73
|
+
}
|
|
74
|
+
}
|
|
21
75
|
|
|
22
76
|
// Dispatch custom event for the collapsible menu to handle
|
|
23
77
|
document.dispatchEvent(new CustomEvent('highlight-menu-item', {
|
|
@@ -130,8 +130,8 @@ function insertIrefs() {
|
|
|
130
130
|
// Create a button-styled link with arrow icon
|
|
131
131
|
const glossaryLink = document.createElement('a');
|
|
132
132
|
glossaryLink.href = `#${termIdAttr}`;
|
|
133
|
-
glossaryLink.className = 'iref-go-to-glossary-button btn btn-sm btn-outline-
|
|
134
|
-
glossaryLink.innerHTML = '<span class="iref-button-icon"></span>
|
|
133
|
+
glossaryLink.className = 'iref-go-to-glossary-button btn btn-sm btn-outline-secondary py-1';
|
|
134
|
+
glossaryLink.innerHTML = '<span class="iref-button-icon"></span>Glossary';
|
|
135
135
|
glossaryLink.title = `Go to original definition of ${originalTerm}`;
|
|
136
136
|
|
|
137
137
|
// Append the button to the cloned dt
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "spec-up-t",
|
|
3
|
-
"version": "1.6.0-beta.
|
|
3
|
+
"version": "1.6.0-beta.5",
|
|
4
4
|
"description": "Technical specification drafting tool that generates rich specification documents from markdown. Forked from https://github.com/decentralized-identity/spec-up by Daniel Buchner (https://github.com/csuwildcat)",
|
|
5
5
|
"main": "./index",
|
|
6
6
|
"repository": {
|