metanorma-document 0.2.0

data/data/javascripts/search.js

@@ -0,0 +1,203 @@
+(function() {
+  var panel, input, counter, content;
+  var matches = [], currentIndex = -1;
+  var isOpen = false;
+
+  function init() {
+    content = document.getElementById('doc-content');
+    if (!content) return;
+    createPanel();
+    bindKeys();
+  }
+
+  function createPanel() {
+    panel = document.createElement('div');
+    panel.className = 'search-panel';
+    panel.id = 'search-panel';
+    panel.setAttribute('role', 'search');
+    panel.innerHTML =
+      '<svg class="search-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round">' +
+      '<circle cx="6.5" cy="6.5" r="5"/><line x1="10.2" y1="10.2" x2="14.5" y2="14.5"/></svg>' +
+      '<input type="text" id="search-input" class="search-input" placeholder="Search\u2026" autocomplete="off" spellcheck="false" />' +
+      '<span class="search-counter" id="search-counter"></span>' +
+      '<button class="search-btn" id="search-prev" title="Previous (Shift+Enter)" aria-label="Previous match">' +
+      '<svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="9,8 6,4 3,8"/></svg></button>' +
+      '<button class="search-btn" id="search-next" title="Next (Enter)" aria-label="Next match">' +
+      '<svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="3,4 6,8 9,4"/></svg></button>' +
+      '<button class="search-btn search-close" id="search-close" title="Close (Escape)" aria-label="Close search">&times;</button>';
+    document.body.appendChild(panel);
+
+    input = document.getElementById('search-input');
+    counter = document.getElementById('search-counter');
+
+    input.addEventListener('input', debounce(function() {
+      performSearch(input.value);
+    }, 180));
+
+    input.addEventListener('keydown', function(e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        navigate(e.shiftKey ? -1 : 1);
+      }
+    });
+
+    document.getElementById('search-prev').addEventListener('click', function() { navigate(-1); });
+    document.getElementById('search-next').addEventListener('click', function() { navigate(1); });
+    document.getElementById('search-close').addEventListener('click', close);
+  }
+
+  function debounce(fn, ms) {
+    var timer;
+    return function() {
+      clearTimeout(timer);
+      timer = setTimeout(fn, ms);
+    };
+  }
+
+  function bindKeys() {
+    document.addEventListener('keydown', function(e) {
+      if ((e.ctrlKey && e.shiftKey && (e.key === 'F' || e.key === 'f')) ||
+          (e.key === '/' && !isEditable(e.target))) {
+        e.preventDefault();
+        open();
+      }
+      if (e.key === 'Escape' && isOpen) {
+        e.preventDefault();
+        close();
+      }
+    });
+  }
+
+  function isEditable(el) {
+    return el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.isContentEditable;
+  }
+
+  function open() {
+    isOpen = true;
+    panel.classList.add('search-active');
+    input.focus();
+    if (input.value) input.select();
+  }
+
+  function close() {
+    isOpen = false;
+    panel.classList.remove('search-active');
+    clearHighlights();
+    input.value = '';
+    counter.textContent = '';
+    matches = [];
+    currentIndex = -1;
+  }
+
+  function performSearch(query) {
+    clearHighlights();
+    if (!query || query.length < 2) {
+      counter.textContent = '';
+      matches = [];
+      currentIndex = -1;
+      return;
+    }
+
+    highlightMatches(query);
+    matches = Array.from(content.querySelectorAll('mark.search-match'));
+
+    if (matches.length > 0) {
+      currentIndex = 0;
+      scrollToMatch(0);
+    } else {
+      currentIndex = -1;
+    }
+    updateCounter();
+  }
+
+  function highlightMatches(query) {
+    var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT, {
+      acceptNode: function(node) {
+        var p = node.parentNode;
+        if (!p) return NodeFilter.FILTER_REJECT;
+        var tag = p.tagName;
+        if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT') return NodeFilter.FILTER_REJECT;
+        if (tag === 'MARK' && p.classList.contains('search-match')) return NodeFilter.FILTER_REJECT;
+        if (tag === 'MARK' && p.classList.contains('search-current')) return NodeFilter.FILTER_REJECT;
+        return NodeFilter.FILTER_ACCEPT;
+      }
+    });
+
+    var textNodes = [];
+    while (walker.nextNode()) textNodes.push(walker.currentNode);
+
+    var escaped = query.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');
+    var regex = new RegExp('(' + escaped + ')', 'gi');
+
+    textNodes.forEach(function(textNode) {
+      var text = textNode.textContent;
+      if (!regex.test(text)) return;
+      regex.lastIndex = 0;
+
+      var fragment = document.createDocumentFragment();
+      var lastIdx = 0;
+      var match;
+
+      while ((match = regex.exec(text)) !== null) {
+        if (match.index > lastIdx) {
+          fragment.appendChild(document.createTextNode(text.substring(lastIdx, match.index)));
+        }
+        var mark = document.createElement('mark');
+        mark.className = 'search-match';
+        mark.textContent = match[1];
+        fragment.appendChild(mark);
+        lastIdx = regex.lastIndex;
+      }
+
+      if (lastIdx < text.length) {
+        fragment.appendChild(document.createTextNode(text.substring(lastIdx)));
+      }
+
+      textNode.parentNode.replaceChild(fragment, textNode);
+    });
+  }
+
+  function clearHighlights() {
+    content.querySelectorAll('mark.search-match, mark.search-current').forEach(function(mark) {
+      var parent = mark.parentNode;
+      parent.replaceChild(document.createTextNode(mark.textContent), mark);
+      parent.normalize();
+    });
+  }
+
+  function navigate(direction) {
+    if (matches.length === 0) return;
+
+    if (currentIndex >= 0 && currentIndex < matches.length) {
+      matches[currentIndex].classList.remove('search-current');
+    }
+
+    currentIndex += direction;
+    if (currentIndex >= matches.length) currentIndex = 0;
+    if (currentIndex < 0) currentIndex = matches.length - 1;
+
+    scrollToMatch(currentIndex);
+    updateCounter();
+  }
+
+  function scrollToMatch(index) {
+    if (index < 0 || index >= matches.length) return;
+    var mark = matches[index];
+    mark.classList.add('search-current');
+    mark.scrollIntoView({ behavior: 'smooth', block: 'center' });
+  }
+
+  function updateCounter() {
+    if (matches.length === 0) {
+      counter.textContent = currentIndex === -1 ? '' : 'No matches';
+    } else {
+      counter.textContent = (currentIndex + 1) + ' / ' + matches.length;
+    }
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+})();

data/data/logos/bipm-logo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-025413ec-7b33-4cab-9252-e1a1cbcbc7d4" xmlns="http://www.w3.org/2000/svg" width="216.86mm" height="51.44mm" viewBox="0 0 614.73 145.8"><rect x="40.59" y="-.11" width="9.37" height="145.75" style="fill:#0f3c80;"/><rect x="84.49" y="-.11" width="9.37" height="145.75" style="fill:#0f3c80;"/><rect x="129.99" y="-.11" width="9.37" height="145.75" style="fill:#0f3c80;"/><rect x="122.95" y="101.81" width="24.05" height="24.05" transform="translate(120.03 -62.1) rotate(45)" style="fill:#0f3c80;"/><rect x="77.01" y="60.88" width="24.05" height="24.05" transform="translate(77.63 -41.61) rotate(45)" style="fill:#0f3c80;"/><rect x="33.12" y="21.55" width="24.05" height="24.05" transform="translate(36.97 -22.09) rotate(45)" style="fill:#0f3c80;"/><path d="M191.41,25.36h42.05c9.98,0,17.57,2.4,22.75,7.2,5.18,4.8,7.78,11.71,7.78,20.74,0,5.47-.99,10.01-2.95,13.61-1.97,3.6-4.97,6.65-9,9.14,4.03.77,7.46,1.94,10.3,3.53,2.83,1.58,5.13,3.53,6.91,5.83,1.78,2.3,3.05,4.9,3.82,7.78.77,2.88,1.15,5.95,1.15,9.22,0,5.09-.89,9.6-2.66,13.54-1.78,3.94-4.27,7.25-7.49,9.94-3.22,2.69-7.13,4.71-11.74,6.05-4.61,1.34-9.79,2.02-15.55,2.02h-45.36V25.36ZM219.63,67.98h5.18c8.83,0,13.25-3.5,13.25-10.51s-4.42-10.51-13.25-10.51h-5.18v21.02ZM219.63,112.05h6.19c7.1,0,12.19-.91,15.26-2.74,3.07-1.82,4.61-4.75,4.61-8.78s-1.54-6.96-4.61-8.78c-3.07-1.82-8.16-2.74-15.26-2.74h-6.19v23.04Z" style="fill:#0f3c80;"/><path d="M315.68,25.36v108.58h-28.22V25.36h28.22Z" style="fill:#0f3c80;"/><path d="M363.05,133.93h-28.22V25.36h44.93c12.19,0,21.53,3.17,28.01,9.5,6.48,6.34,9.72,15.26,9.72,26.78s-3.24,20.45-9.72,26.78c-6.48,6.34-15.82,9.5-28.01,9.5h-16.7v36ZM363.05,75.18h9.36c10.37,0,15.55-4.51,15.55-13.54s-5.18-13.54-15.55-13.54h-9.36v27.07Z" style="fill:#0f3c80;"/><path d="M423.96,133.93l18.43-108.58h27.94l21.74,57.89,21.6-57.89h27.94l18.43,108.58h-28.08l-9.36-62.5-25.63,62.5h-11.23l-24.34-62.5-9.36,62.5h-28.08Z" style="fill:#0f3c80;"/></svg>

data/data/logos/iec-logo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-1e25dacd-7d56-41c4-88ff-93630a461cdb" xmlns="http://www.w3.org/2000/svg" width="499.98" height="500" viewBox="0 0 499.98 500"><rect width="499.98" height="500" style="fill:#0061a9; stroke-width:0px;"/><rect x="54.16" y="108.12" width="41.1" height="202.53" style="fill:#fff; stroke-width:0px;"/><path d="m273.21,103.37h-100.09c-9.68,0-23.92,10.82-23.92,26.11v148.47c0,12.14,10.99,32.39,29.84,32.39h96.1v-17.09h-68.17c-12.1,0-17.86-5.8-17.86-13.19v-55.37c0-5.81-2.45-15.3,4.8-15.3h59.96v-15.29h-58.52c-7.74,0-6.24-5.54-6.24-10.28v-46.67c0-5.28-.15-14.38,9.99-14.38h74.11v-19.39Z" style="fill:#fff; stroke-width:0px;"/><path d="m449.7,137.13s-22.26-37.98-72.54-37.98c-41.09,0-94.78,38.51-94.78,109.72,0,77.52,60.93,106,97.69,106,56.09,0,76.38-52.22,76.38-52.22l-9.67-8.96s-25.75,46.16-64.19,46.16c-23.68,0-61.53-23.47-61.53-90.98,0-74.91,32.02-93.9,61.53-93.9,36.27,0,56.94,32.7,56.94,32.7l10.16-10.54Z" style="fill:#fff; stroke-width:0px;"/><path d="m387.12,368.67H54.17v-8.71h343.9s-.4-.79-5.8,3.56c-3.94,3.17-5.14,5.15-5.14,5.15" style="fill:#fff; stroke-width:0px;"/><rect x="54.16" y="382.95" width="329.41" height="9.76" style="fill:#fff; stroke-width:0px;"/><path d="m397.79,416.96l-343.64-.13v-8.59l332.83.14s1.72,1.54,3.95,3.83c4.36,4.44,6.85,4.74,6.85,4.74" style="fill:#fff; stroke-width:0px;"/><path d="m423.52,418.1c15.65,0,28.33-13.27,28.33-29.64s-12.68-29.66-28.33-29.66-28.33,13.27-28.33,29.66,12.68,29.64,28.33,29.64" style="fill:#fff; stroke-width:0px;"/><path d="m422.86,429.46c22.55,0,40.83-18.36,40.83-41s-18.27-41.03-40.83-41.03-40.84,18.36-40.84,41.03,18.29,41,40.84,41" style="fill:#0061a9; stroke-width:0px;"/><path d="m423.64,418.1c15.65,0,28.34-13.27,28.34-29.64s-12.69-29.66-28.34-29.66-28.34,13.27-28.34,29.66,12.69,29.64,28.34,29.64" style="fill:#fff; stroke-width:0px;"/></svg>