spec-up-t 1.2.1 → 1.2.2

package/assets/css/collapse-meta-info.css

@@ -1,40 +0,0 @@
-/*
-  Author: Kor Dwarshuis, kor@dwarshuis.com
-  Created: 2025-02-16
-  Description: Make the meta-info tables collapsible
-*/
-
-/* Wrapper for meta info content */
-dl > dd:has(table).meta-info-content-wrapper {
-  display: block;
-  position: relative;
-  max-height: none;
-  height: auto;
-  overflow: visible;
-  transition: all 0.3s ease-out;
-}
-
-/* Collapsed state for meta info content */
-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 0.3s ease-out;
-  line-height: 0;
-}
-
-/* The inner content wrapper to ensure proper spacing */
-dl > dd:has(table).meta-info-content-wrapper > div {
-  display: block;
-  padding: inherit;
-}
-
-/* Meta info toggle button */
-.meta-info-toggle-button {
-  position: relative;
-  cursor: pointer;
-}

package/assets/css/terms-and-definitions.1.css

@@ -1,223 +0,0 @@
-/* 
- * Terms and Definitions Styling
- * Organized by component and functionality
- */
-
-/* ====== GENERAL HEADING STYLES ====== */
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 1.5em !important;
-}
-
-/* ====== TERMINOLOGY SECTION CONTAINER ====== */
-#terminology-section-utility-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin: 1em auto;
-  padding: 0;
-  width: 100%;
-}
-
-@media (min-width: 576px) {
-  #terminology-section-utility-container {
-    position: sticky;
-    top: 3.5em;
-    z-index: 10; /* Higher z-index to ensure it stays on top */
-  }
-}
-
-/* ====== ANCHOR LINKS ====== */
-.toc-anchor {
-  font-size: 0.875em;
-  color: #73c2df;
-  text-decoration: none;
-  transition: opacity 0.3s ease;
-}
-
-.toc-anchor:hover {
-  opacity: 1;
-}
-
-/* ====== DEFINITION LIST STYLING (BOOTSTRAP CARD STYLE) ====== */
-dl.terms-and-definitions-list {
-  margin: 0;
-  padding: 0;
-  position: relative;
-  z-index: 1; /* Set a baseline z-index for the whole list */
-}
-
-/* Term styling (dt) */
-dl.terms-and-definitions-list > dt {
-  font-weight: 700;
-  margin: 0;
-  background-color: var(--card-bg-dt);
-  border: 1px solid var(--card-border);
-  padding: 0.5rem 1.25rem; /* Increased vertical padding for better readability */
-  border-radius: 0.375rem 0.375rem 0 0;
-  box-shadow: 0 0.125rem 0.25rem var(--card-shadow);
-  color: var(--card-text);
-  position: relative; /* Position relative for stacking */
-  line-height: 1.5; /* Improve line spacing */
-  font-size: 1.05em; /* Slightly larger font for better hierarchy */
-  display: flex; /* Use flexbox for better alignment */
-  align-items: center; /* Vertically center the content */
-  justify-content: space-between; /* Position term and controls apart */
-}
-
-/* This adds spacing between the term text and the buttons */
-dl.terms-and-definitions-list > dt > span {
-  margin-right: 1.5em; /* Add spacing to the right of the term text */
-}
-
-/* Adjust buttons positioning in the term */
-dl.terms-and-definitions-list > dt .collapse-all-defs-button {
-  margin-left: 0.8em; /* Add spacing between buttons if multiple */
-}
-
-dl.terms-and-definitions-list > dt:hover {
-  background-color: var(--card-hover-bg);
-  transition: background-color 0.2s ease-in-out;
-}
-
-/* Definition styling (dd) */
-dl.terms-and-definitions-list > dd {
-  margin: 0;
-  background-color: var(--card-bg);
-  border: 1px solid var(--card-border);
-  border-top: none;
-  padding: 1rem 1.25rem;
-  color: var(--card-text);
-  overflow: scroll;
-  width: 100%;
-  position: relative; /* Position relative for stacking */
-}
-
-/* Style paragraphs inside dd */
-dl.terms-and-definitions-list dd p {
-  margin: 0;
-  color: var(--card-text);
-}
-
-/* Borders and spacing between elements */
-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: 0.5rem;
-}
-
-/* Last definition in a group */
-dl.terms-and-definitions-list dd.last-dd {
-  border-radius: 0 0 0.375rem 0.375rem;
-  border-bottom: 1px solid var(--card-border);
-}
-
-/* ====== TRANSCLUSIONS STYLING ====== */
-/* Base transclusion styles */
-.transcluded-xref-term {
-  position: relative;
-}
-
-dt.transcluded-xref-term,
-dd.transcluded-xref-term {
-  background: #a9dde03b !important;
-}
-
-/* Fix for all buttons */
-.btn {
-  font-variant: small-caps;
-  text-transform: uppercase;
-  position: relative;
-  z-index: 5; /* Higher z-index for all buttons */
-}
-
-.collapse-all-defs-button {
-  float: right;
-}
-
-.transclusion-heading {
-  font-size: 1.3em;
-  font-weight: bold;
-  margin: 1em 0 0.5em;
-}
-
-/* Embedded transclusions in definition lists */
-dl.terms-and-definitions-list > dd.transcluded-xref-term-embedded {
-  position: relative;
-  padding-left: 2.5rem;
-}
-
-dl.terms-and-definitions-list > dd.transcluded-xref-term-embedded::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 2rem;
-  border-right: 1px dashed #a9dde0;
-}
-
-/* Arrow styling for transclusions */
-dl.terms-and-definitions-list span.transcluded-xref-term::after,
-dl.terms-and-definitions-list > dd.transcluded-xref-term-embedded::after {
-  content: "";
-  position: absolute;
-  left: 0.5rem;
-  top: 50%;
-  width: 1rem;
-  height: 1rem;
-  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;
-}
-
-/* Inline span styling for transclusions */
-dl.terms-and-definitions-list span.transcluded-xref-term {
-  padding-left: 1.5rem;
-  display: inline-block;
-}
-
-dl.terms-and-definitions-list span.transcluded-xref-term::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 1.2rem;
-  border-right: 1px dashed #a9dde0;
-}
-
-dl.terms-and-definitions-list span.transcluded-xref-term::after {
-  width: 0.8rem;
-  height: 0.8rem;
-  left: 0.2rem;
-}
-
-.placeholder-tref {
-  display: none;
-}
-
-/* ====== ERROR MESSAGES ====== */
-/* No cross-reference found styling */
-.no-xref-found-message {
-  background: #f8c481;
-  color: #03365f;
-  margin: 0 0.5em;
-  padding: 0 0.8em;
-  border-radius: 0.25rem;
-  font-size: 0.8rem;
-  font-variant: small-caps;
-  text-transform: uppercase;
-}

package/assets/js/index.1.js

@@ -1,137 +0,0 @@
-(function () {
-
-  var markdown = window.markdownit();
-
-
-  /* GitHub Issues */
-
-  let source = specConfig.source;
-  if (source) {
-    if (source.host === 'github') {
-      fetch(`https://api.github.com/repos/${source.account + '/' + source.repo}/issues`)
-        .then(response => response.json())
-        .then(issues => {
-          let count = issues.length;
-          document.querySelectorAll('[issue-count]').forEach(node => {
-            node.setAttribute('issue-count', count)
-          });
-          repo_issue_list.innerHTML = issues.map(issue => {
-            return `<li class="repo-issue">
-              <detail-box>
-                <section>${markdown.render(issue.body || '')}</section>
-                <header class="repo-issue-title">
-                  <span class="repo-issue-number">${issue.number}</span>
-                  <span class="repo-issue-link">
-                    <a href="${issue.html_url}" target="_blank">${issue.title}</a>
-                  </span>
-                  <span detail-box-toggle></span>
-                </header>
-              </detail-box>
-            </li>`
-          }).join('');
-          Prism.highlightAllUnder(repo_issue_list);
-        })
-    }
-  }
-  //${markdown.render(issue.body)}
-
-  /* Mermaid Diagrams */
-
-  mermaid.initialize({
-    startOnLoad: true,
-    theme: 'neutral'
-  });
-
-  /* Charts */
-
-  document.querySelectorAll('.chartjs').forEach(chart => {
-    new Chart(chart, JSON.parse(chart.textContent));
-  });
-
-  /* Tooltips */
-  let tipMap = new WeakMap();
-  delegateEvent('pointerover', '.term-reference, .spec-reference, .x-term-reference', (e, anchor) => {
-    const id = anchor.getAttribute('data-local-href') || anchor.getAttribute('href') || '';
-
-    // Don't process if we've already created a tooltip for this anchor
-    if (tipMap.has(anchor)) return;
-
-    // Extract term ID
-    const termId = id.replace('#', '');
-
-    // Find the term in the document
-    let term = document.getElementById(termId);
-
-    // If term wasn't found directly, and it's an external reference (contains ':')
-    if (!term && termId.includes(':')) {
-      // Try to find the term in the hidden div with all external references
-      // This is the format for external references: term:namespace:name
-      const parts = termId.split(':');
-
-      // For external refs, first look for exact match in the hidden div
-      if (parts.length > 1) {
-        term = document.getElementById(termId);
-
-        // If not found, try just looking for the term name (last part)
-        if (!term && parts.length > 2) {
-          const termName = parts[2]; // The actual term name
-          term = document.getElementById(`term:${termName}`);
-        }
-      }
-    }
-
-    // If we still haven't found the term definition, give up
-    if (!term) return;
-
-    // Find the container of the term definition
-    let container = term.closest('dt, td:first-child');
-
-    // Special handling for external term references
-    // which might be directly in the term span without a container
-    if (!container && term.textContent) {
-      let tip = {
-        allowHTML: true,
-        inlinePositioning: true,
-        content: term.innerHTML || term.textContent
-      };
-      tipMap.set(anchor, tippy(anchor, tip));
-      return;
-    }
-
-    if (!container) return;
-
-    let tip = {
-      allowHTML: true,
-      inlinePositioning: true
-    };
-
-    switch (container.tagName) {
-      case 'DT':
-        // For definition terms, show the definition text
-        tip.content = container.nextElementSibling?.textContent || 'No definition found';
-        break;
-      case 'TD':
-        // For table cells, create a table of properties
-        let table = container.closest('table');
-        let tds = Array.from(container.closest('tr').children);
-        tds.shift();
-        if (table) {
-          let headings = Array.from(table.querySelectorAll('thead th'));
-          headings.shift();
-          if (headings.length) {
-            tip.content = `
-            <header>${container.textContent}</header>
-            <table>
-              ${headings.map((th, i) => {
-              return `<tr><td>${th.textContent}:</td><td>${tds[i] ? tds[i].textContent : ''}</td></tr>`
-            }).join('')}
-            </table>`;
-          }
-        }
-        break;
-    }
-
-    if (tip.content) tipMap.set(anchor, tippy(anchor, tip));
-  }, { passive: true });
-
-})();