securemark 0.271.0 → 0.272.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.272.0
+
+- Change footnote identifiers.
+
 ## 0.271.0
 
 - Extend table highlight syntax.

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! securemark v0.271.0 https://github.com/falsandtru/securemark | (c) 2017, falsandtru | UNLICENSED License */
+/*! securemark v0.272.0 https://github.com/falsandtru/securemark | (c) 2017, falsandtru | UNLICENSED License */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("Prism"), require("DOMPurify"));
@@ -1373,17 +1373,18 @@ exports.suppressAsyncException = suppressAsyncException;
 /***/ }),
 
 /***/ 4128:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
 __webpack_require__(6921);
-const global =  false || typeof globalThis !== 'undefined' && globalThis
-// @ts-ignore
-|| typeof self !== 'undefined' && self || Function('return this')();
+const global = globalThis;
 global.global = global;
-module.exports = global;
+exports["default"] = global;
 
 /***/ }),
 
@@ -1394,9 +1395,7 @@ module.exports = global;
 
 
 // @ts-ignore
-var globalThis;
-// @ts-ignore
-var global = (/* unused pure expression or super */ null && (globalThis));
+var global = globalThis;
 
 /***/ }),
 
@@ -1487,9 +1486,9 @@ class Heap {
     this.$length = 0;
   }
 }
-exports.Heap = Heap;
 Heap.max = (a, b) => a > b ? -1 : a < b ? 1 : 0;
 Heap.min = (a, b) => a > b ? 1 : a < b ? -1 : 0;
+exports.Heap = Heap;
 function sort(cmp, array, index, length, stable) {
   if (length === 0) return false;
   switch (index) {
@@ -1631,9 +1630,9 @@ class MultiHeap {
     this.$length = 0;
   }
 }
-exports.MultiHeap = MultiHeap;
 MultiHeap.max = Heap.max;
 MultiHeap.min = Heap.min;
+exports.MultiHeap = MultiHeap;
 
 /***/ }),
 
@@ -1993,10 +1992,10 @@ class PriorityQueue {
     return;
   }
 }
-exports.PriorityQueue = PriorityQueue;
 PriorityQueue.priority = Symbol('priority');
 PriorityQueue.max = heap_1.Heap.max;
 PriorityQueue.min = heap_1.Heap.min;
+exports.PriorityQueue = PriorityQueue;
 class MultiQueue {
   constructor(entries) {
     this.dict = new Map();
@@ -2570,7 +2569,6 @@ class ReadonlyURL {
     return this.href;
   }
 }
-exports.ReadonlyURL = ReadonlyURL;
 // Can't freeze URL object in the Firefox extension environment.
 // ref: https://github.com/falsandtru/pjax-api/issues/44#issuecomment-633915035
 // Bug: Error in dependents.
@@ -2578,6 +2576,7 @@ exports.ReadonlyURL = ReadonlyURL;
 ReadonlyURL.get = (0, memoize_1.memoize)((url, base) => ({
   url: new __webpack_require__.g.URL(url, base)
 }), (url, base = '') => `${base.indexOf('\n') > -1 ? base.replace(/\n+/g, '') : base}\n${url}`, new cache_1.Cache(10000));
+exports.ReadonlyURL = ReadonlyURL;
 
 /***/ }),
 
@@ -3540,7 +3539,6 @@ class Delimiters {
     return false;
   }
 }
-exports.Delimiters = Delimiters;
 _a = Delimiters;
 Delimiters.matcher = (0, memoize_1.memoize)(pattern => {
   switch (typeof pattern) {
@@ -3552,6 +3550,7 @@ Delimiters.matcher = (0, memoize_1.memoize)(pattern => {
       return (0, memoize_1.reduce)(source => pattern.test(source) || undefined);
   }
 }, _a.signature);
+exports.Delimiters = Delimiters;
 
 /***/ }),
 
@@ -4539,7 +4538,7 @@ exports.aside = (0, combinator_1.block)((0, combinator_1.validate)('~~~', (0, co
     'data-invalid-message': 'Missing the title at the first line'
   }, `${opener}${body}${closer}`)];
   return [(0, dom_1.html)('aside', {
-    id: (0, indexee_1.identity)(context.id, (0, indexee_1.text)(heading)),
+    id: (0, indexee_1.identity)(context.id, (0, indexee_1.index)(heading)),
     class: 'aside'
   }, [document, (0, dom_1.html)('h2', 'References'), references])];
 })));
@@ -5737,7 +5736,7 @@ const shortmedia_1 = __webpack_require__(4189);
 const autolink_1 = __webpack_require__(6051);
 const bracket_1 = __webpack_require__(5196);
 const source_1 = __webpack_require__(6743);
-exports.inline = (0, combinator_1.union)([annotation_1.annotation, reference_1.reference, template_1.template, comment_1.comment, math_1.math, extension_1.extension, ruby_1.ruby, link_1.textlink, link_1.linemedialink, media_1.linemedia, html_1.html, insertion_1.insertion, deletion_1.deletion, mark_1.mark, strong_1.strong, emphasis_1.emphasis, code_1.code, htmlentity_1.htmlentity, shortmedia_1.lineshortmedia, autolink_1.autolink, bracket_1.bracket, source_1.text]);
+exports.inline = (0, combinator_1.lazy)(() => (0, combinator_1.union)([annotation_1.annotation, reference_1.reference, template_1.template, comment_1.comment, math_1.math, extension_1.extension, ruby_1.ruby, link_1.textlink, link_1.linemedialink, media_1.linemedia, html_1.html, insertion_1.insertion, deletion_1.deletion, mark_1.mark, strong_1.strong, emphasis_1.emphasis, code_1.code, htmlentity_1.htmlentity, shortmedia_1.lineshortmedia, autolink_1.autolink, bracket_1.bracket, source_1.text]));
 var indexee_1 = __webpack_require__(1269);
 Object.defineProperty(exports, "indexee", ({
   enumerable: true,
@@ -5809,7 +5808,7 @@ const hashnum_1 = __webpack_require__(5631);
 const anchor_1 = __webpack_require__(6495);
 const source_1 = __webpack_require__(6743);
 const util_1 = __webpack_require__(9437);
-exports.autolink = (0, combinator_1.validate)(/^(?:[@#>0-9a-z\r\n]|\S[#>])/i, (0, combinator_1.constraint)(2 /* State.autolink */, false, (0, combinator_1.syntax)(2 /* Syntax.autolink */, 1, 1, ~1 /* State.shortcut */, (0, combinator_1.union)([(0, combinator_1.some)((0, combinator_1.union)([url_1.lineurl])), (0, combinator_1.fmap)((0, combinator_1.some)((0, combinator_1.union)([url_1.url, email_1.email,
+exports.autolink = (0, combinator_1.lazy)(() => (0, combinator_1.validate)(/^(?:[@#>0-9a-z\r\n]|\S[#>])/i, (0, combinator_1.constraint)(2 /* State.autolink */, false, (0, combinator_1.syntax)(2 /* Syntax.autolink */, 1, 1, ~1 /* State.shortcut */, (0, combinator_1.union)([(0, combinator_1.some)((0, combinator_1.union)([url_1.lineurl])), (0, combinator_1.fmap)((0, combinator_1.some)((0, combinator_1.union)([url_1.url, email_1.email,
 // Escape unmatched email-like strings.
 (0, combinator_1.focus)(/^[0-9a-z](?:[_.+-](?=[0-9a-z])|[0-9a-z])*(?:@(?:[0-9a-z]+(?:[.-][0-9a-z]+)*)?)*/i, ({
   source
@@ -5826,7 +5825,7 @@ exports.autolink = (0, combinator_1.validate)(/^(?:[@#>0-9a-z\r\n]|\S[#>])/i, (0
 // Escape unmatched hashtag-like strings.
 (0, source_1.str)(new RegExp(/^#+(?:[^\p{C}\p{S}\p{P}\s]|emoji|')*/u.source.replace('emoji', hashtag_1.emoji), 'u')),
 // Escape invalid leading characters.
-(0, source_1.str)(/^[0-9\p{Sc}](?=>)/u), anchor_1.anchor])), ns => ns.length === 1 ? ns : [(0, util_1.stringify)(ns)])]))));
+(0, source_1.str)(/^[0-9\p{Sc}](?=>)/u), anchor_1.anchor])), ns => ns.length === 1 ? ns : [(0, util_1.stringify)(ns)])])))));
 
 /***/ }),
 
@@ -5988,7 +5987,7 @@ const link_1 = __webpack_require__(9628);
 const source_1 = __webpack_require__(6743);
 const closer = /^[-+*=~^_,.;:!?]*(?=[\\"`|\[\](){}<>]|$)/;
 exports.url = (0, combinator_1.lazy)(() => (0, combinator_1.validate)(['http://', 'https://'], (0, combinator_1.rewrite)((0, combinator_1.open)(/^https?:\/\/(?=[\x21-\x7E])/, (0, combinator_1.focus)(/^[\x21-\x7E]+/, (0, combinator_1.some)((0, combinator_1.union)([bracket, (0, combinator_1.some)(source_1.unescsource, closer)])))), (0, combinator_1.convert)(url => `{ ${url} }`, (0, combinator_1.union)([link_1.unsafelink])))));
-exports.lineurl = (0, combinator_1.open)(source_1.linebreak, (0, combinator_1.tails)([(0, source_1.str)('!'), (0, combinator_1.focus)(/^https?:\/\/\S+(?=[^\S\n]*(?:$|\n))/, (0, combinator_1.convert)(url => `{ ${url} }`, link_1.unsafelink))]));
+exports.lineurl = (0, combinator_1.lazy)(() => (0, combinator_1.open)(source_1.linebreak, (0, combinator_1.tails)([(0, source_1.str)('!'), (0, combinator_1.focus)(/^https?:\/\/\S+(?=[^\S\n]*(?:$|\n))/, (0, combinator_1.convert)(url => `{ ${url} }`, link_1.unsafelink))])));
 const bracket = (0, combinator_1.lazy)(() => (0, combinator_1.creation)((0, combinator_1.precedence)(2, (0, combinator_1.union)([(0, combinator_1.surround)('(', (0, combinator_1.some)((0, combinator_1.union)([bracket, source_1.unescsource]), ')'), ')', true), (0, combinator_1.surround)('[', (0, combinator_1.some)((0, combinator_1.union)([bracket, source_1.unescsource]), ']'), ']', true), (0, combinator_1.surround)('{', (0, combinator_1.some)((0, combinator_1.union)([bracket, source_1.unescsource]), '}'), '}', true), (0, combinator_1.surround)('"', (0, combinator_1.precedence)(8, (0, combinator_1.some)(source_1.unescsource, '"')), '"', true)]))));
 
 /***/ }),
@@ -6162,14 +6161,15 @@ const bracket = (0, combinator_1.lazy)(() => (0, combinator_1.creation)((0, comb
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.text = exports.identity = exports.indexee = void 0;
+exports.text = exports.index = exports.identity = exports.indexee = void 0;
 const combinator_1 = __webpack_require__(2087);
+const memoize_1 = __webpack_require__(1808);
 const dom_1 = __webpack_require__(3252);
 function indexee(parser, optional) {
   return (0, combinator_1.fmap)(parser, ([el], _, {
     id
   }) => [(0, dom_1.define)(el, {
-    id: identity(id, text(el, optional))
+    id: identity(id, index(el, optional))
   })]);
 }
 exports.indexee = indexee;
@@ -6183,17 +6183,20 @@ function identity(id, text, name = 'index') {
     case 'index':
       return `${name}:${id ?? ''}:${cs.slice(0, 97).join('')}...`;
     case 'mark':
-    case 'note':
       return `${name}:${id ?? ''}:${cs.slice(0, 50).join('')}...${cs.slice(-47).join('')}`;
   }
 }
 exports.identity = identity;
-function text(source, optional = false) {
+function index(source, optional = false) {
   if (!source.firstChild) return '';
   const indexer = source.querySelector(':scope > .indexer');
   const index = indexer?.getAttribute('data-index');
   if (index) return index;
   if (index === '' && optional) return '';
+  return (0, exports.text)(source);
+}
+exports.index = index;
+exports.text = (0, memoize_1.reduce)(source => {
   const target = source.cloneNode(true);
   for (let es = target.querySelectorAll('code[data-src], .math[data-src], .comment, rt, rp, br, .annotation, .reference, .checkbox, ul, ol'), len = es.length, i = 0; i < len; ++i) {
     const el = es[i];
@@ -6224,8 +6227,7 @@ function text(source, optional = false) {
   // Better:
   //return target.innerText;
   return target.textContent;
-}
-exports.text = text;
+});
 
 /***/ }),
 
@@ -6684,7 +6686,7 @@ exports.media = (0, combinator_1.lazy)(() => (0, combinator_1.validate)(['![', '
 }))))));
 exports.linemedia = (0, combinator_1.surround)(source_1.linebreak, (0, combinator_1.union)([exports.media]), /^(?=[^\S\n]*(?:$|\n))/);
 const bracket = (0, combinator_1.lazy)(() => (0, combinator_1.creation)((0, combinator_1.union)([(0, combinator_1.surround)((0, source_1.str)('('), (0, combinator_1.some)((0, combinator_1.union)([htmlentity_1.unsafehtmlentity, bracket, source_1.txt]), ')'), (0, source_1.str)(')'), true, undefined, ([as, bs = []], rest) => [(0, array_1.unshift)(as, bs), rest]), (0, combinator_1.surround)((0, source_1.str)('['), (0, combinator_1.some)((0, combinator_1.union)([htmlentity_1.unsafehtmlentity, bracket, source_1.txt]), ']'), (0, source_1.str)(']'), true, undefined, ([as, bs = []], rest) => [(0, array_1.unshift)(as, bs), rest]), (0, combinator_1.surround)((0, source_1.str)('{'), (0, combinator_1.some)((0, combinator_1.union)([htmlentity_1.unsafehtmlentity, bracket, source_1.txt]), '}'), (0, source_1.str)('}'), true, undefined, ([as, bs = []], rest) => [(0, array_1.unshift)(as, bs), rest]), (0, combinator_1.surround)((0, source_1.str)('"'), (0, combinator_1.precedence)(8, (0, combinator_1.some)((0, combinator_1.union)([htmlentity_1.unsafehtmlentity, source_1.txt]), '"')), (0, source_1.str)('"'), true)])));
-const option = (0, combinator_1.union)([(0, combinator_1.fmap)((0, source_1.str)(/^[^\S\n]+[1-9][0-9]*x[1-9][0-9]*(?=[^\S\n]|})/), ([opt]) => [` width="${opt.slice(1).split('x')[0]}"`, ` height="${opt.slice(1).split('x')[1]}"`]), (0, combinator_1.fmap)((0, source_1.str)(/^[^\S\n]+[1-9][0-9]*:[1-9][0-9]*(?=[^\S\n]|})/), ([opt]) => [` aspect-ratio="${opt.slice(1).split(':').join('/')}"`]), link_1.option]);
+const option = (0, combinator_1.lazy)(() => (0, combinator_1.union)([(0, combinator_1.fmap)((0, source_1.str)(/^[^\S\n]+[1-9][0-9]*x[1-9][0-9]*(?=[^\S\n]|})/), ([opt]) => [` width="${opt.slice(1).split('x')[0]}"`, ` height="${opt.slice(1).split('x')[1]}"`]), (0, combinator_1.fmap)((0, source_1.str)(/^[^\S\n]+[1-9][0-9]*:[1-9][0-9]*(?=[^\S\n]|})/), ([opt]) => [` aspect-ratio="${opt.slice(1).split(':').join('/')}"`]), link_1.option]));
 function sanitize(target, uri, alt) {
   switch (uri.protocol) {
     case 'http:':
@@ -7095,8 +7097,8 @@ function* footnote(target, footnotes, opts = {}, bottom = null) {
     const el = es[i];
     el.parentNode === target && el.remove();
   }
-  yield* (0, exports.reference)(target, footnotes?.references, opts, bottom);
   yield* (0, exports.annotation)(target, footnotes?.annotations, opts, bottom);
+  yield* (0, exports.reference)(target, footnotes?.references, opts, bottom);
   return;
 }
 exports.footnote = footnote;
@@ -7115,25 +7117,16 @@ function build(syntax, marker, splitter = '_') {
     }
     const refs = target.querySelectorAll(`sup.${syntax}:not(.disabled)`);
     const titles = new Map();
-    const contents = new Map();
-    for (let len = refs.length, i = 0; i < len; ++i) {
-      if (i % 10 === 9) yield;
-      const ref = refs[i];
-      const identifier = ref.getAttribute('data-abbr') || ` ${ref.firstElementChild.innerHTML}`;
-      if (titles.has(identifier)) continue;
-      const content = (0, dom_1.html)('span', {
-        id: (0, indexee_1.identity)(opts.id, (0, indexee_1.text)(ref.firstElementChild), 'note')
-      }, ref.firstElementChild.cloneNode(true).childNodes);
-      const title = (0, indexee_1.text)(content).trim();
-      if (!title) continue;
-      titles.set(identifier, title);
-      contents.set(identifier, content);
-    }
+    const indexes = new Map();
     let count = 0;
     let total = 0;
     let style;
     for (let len = refs.length, i = 0; i < len; ++i) {
       const ref = refs[i];
+      if (ref.closest('[hidden]')) {
+        yield;
+        continue;
+      }
       while (splitters.length > 0 && splitters[0].compareDocumentPosition(ref) & Node.DOCUMENT_POSITION_FOLLOWING) {
         if (defs.size > 0) {
           total += defs.size;
@@ -7145,8 +7138,9 @@ function build(syntax, marker, splitter = '_') {
         }
         splitters.shift();
       }
-      const identifier = ref.getAttribute('data-abbr') || ` ${ref.firstElementChild.innerHTML}`;
       const abbr = ref.getAttribute('data-abbr') || undefined;
+      const identifier = abbr || (0, indexee_1.identity)(undefined, (0, indexee_1.text)(ref.firstElementChild), 'mark')?.slice(6) || '';
+      const title =  false || titles.get(identifier) || titles.set(identifier, (0, indexee_1.text)(ref.firstElementChild)).get(identifier) || null;
       style ??= abbr ? 'abbr' : 'count';
       if (style === 'count' ? abbr : !abbr) {
         (0, dom_1.define)(ref, {
@@ -7168,21 +7162,21 @@ function build(syntax, marker, splitter = '_') {
       } else {
         ref.lastChild?.remove();
       }
-      const title = titles.get(identifier);
       const refIndex = ++count;
       const refId = opts.id !== '' ? `${syntax}:${opts.id ?? ''}:ref:${refIndex}` : undefined;
       const def =  false || defs.get(identifier) || defs.set(identifier, (0, dom_1.html)('li', {
-        id: opts.id !== '' ? `${syntax}:${opts.id ?? ''}:def:${total + defs.size + 1}` : undefined,
+        id: opts.id !== '' ? `${syntax}:${opts.id ?? ''}:def:${identifier}` : undefined,
         'data-marker': !footnote ? marker(total + defs.size + 1, abbr) : undefined
-      }, [contents.get(identifier) ?? (0, dom_1.frag)(), (0, dom_1.html)('sup')])).get(identifier);
-      const defIndex = +def.id.slice(def.id.lastIndexOf(':') + 1) || total + defs.size;
+      }, [(0, dom_1.define)(ref.firstElementChild.cloneNode(true), {
+        hidden: null
+      }), (0, dom_1.html)('sup')])).get(identifier);
+      const defIndex =  false || indexes.get(def) || indexes.set(def, total + defs.size).get(def);
       const defId = def.id || undefined;
       (0, dom_1.define)(ref, {
         id: refId,
-        class: opts.id !== '' ? undefined : `${ref.className} disabled`,
-        ...(title ? {
-          title
-        } : {
+        class: opts.id !== '' ? undefined : void ref.classList.add('disabled'),
+        title,
+        ...(!title && {
           class: void ref.classList.add('invalid'),
           'data-invalid-syntax': syntax,
           'data-invalid-type': 'content',
@@ -8434,7 +8428,7 @@ function unlink(h) {
 /***/ 3252:
 /***/ (function(module) {
 
-/*! typed-dom v0.0.317 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
+/*! typed-dom v0.0.330 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(true)
 		module.exports = factory();
@@ -8444,7 +8438,7 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 406:
+/***/ 5406:
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -8467,7 +8461,7 @@ exports.ObjectSetPrototypeOf = Object.setPrototypeOf;
 
 /***/ }),
 
-/***/ 529:
+/***/ 5529:
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -8483,8 +8477,8 @@ exports.equal = equal;
 
 /***/ }),
 
-/***/ 808:
-/***/ ((__unused_webpack_module, exports, __nested_webpack_require_3147__) => {
+/***/ 1808:
+/***/ ((__unused_webpack_module, exports, __nested_webpack_require_3150__) => {
 
 
 
@@ -8492,8 +8486,8 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports.reduce = exports.memoize = void 0;
-const alias_1 = __nested_webpack_require_3147__(406);
-const compare_1 = __nested_webpack_require_3147__(529);
+const alias_1 = __nested_webpack_require_3150__(5406);
+const compare_1 = __nested_webpack_require_3150__(5529);
 function memoize(f, identify = (...as) => as[0], memory) {
   if (typeof identify === 'object') return memoize(f, undefined, identify);
   return (0, alias_1.isArray)(memory) || memory?.constructor === Object ? memoizeRecord(f, identify, memory) : memoizeDict(f, identify, memory ?? new Map());
@@ -8539,8 +8533,8 @@ exports.reduce = reduce;
 
 /***/ }),
 
-/***/ 521:
-/***/ ((__unused_webpack_module, exports, __nested_webpack_require_4662__) => {
+/***/ 7521:
+/***/ ((__unused_webpack_module, exports, __nested_webpack_require_4668__) => {
 
 
 
@@ -8548,8 +8542,8 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports.defrag = exports.prepend = exports.append = exports.isChildren = exports.define = exports.element = exports.text = exports.svg = exports.html = exports.frag = exports.shadow = void 0;
-const alias_1 = __nested_webpack_require_4662__(406);
-const memoize_1 = __nested_webpack_require_4662__(808);
+const alias_1 = __nested_webpack_require_4668__(5406);
+const memoize_1 = __nested_webpack_require_4668__(1808);
 var caches;
 (function (caches) {
   caches.shadows = new WeakMap();
@@ -8578,20 +8572,22 @@ function text(source) {
 exports.text = text;
 function element(context, ns) {
   return (tag, attrs, children) => {
-    const el = elem(context, ns, tag);
-    return !attrs || isChildren(attrs) ? defineChildren(el, attrs ?? children) : defineChildren(defineAttrs(el, attrs), children);
+    return !attrs || isChildren(attrs) ? defineChildren(elem(context, ns, tag, {}), attrs ?? children) : defineChildren(defineAttrs(elem(context, ns, tag, attrs), attrs), children);
   };
 }
 exports.element = element;
-function elem(context, ns, tag) {
+function elem(context, ns, tag, attrs) {
   if (!('createElement' in context)) throw new Error(`TypedDOM: Scoped custom elements are not supported on this browser.`);
+  const opts = 'is' in attrs ? {
+    is: attrs['is']
+  } : undefined;
   switch (ns) {
     case "HTML" /* NS.HTML */:
-      return context.createElement(tag);
+      return context.createElement(tag, opts);
     case "SVG" /* NS.SVG */:
-      return context.createElementNS('http://www.w3.org/2000/svg', tag);
+      return context.createElementNS('http://www.w3.org/2000/svg', tag, opts);
     case "MathML" /* NS.MathML */:
-      return context.createElementNS('http://www.w3.org/1998/Math/MathML', tag);
+      return context.createElementNS('http://www.w3.org/1998/Math/MathML', tag, opts);
   }
 }
 function define(node, attrs, children) {
@@ -8606,8 +8602,11 @@ function define(node, attrs, children) {
 }
 exports.define = define;
 function defineAttrs(el, attrs) {
-  for (const name in attrs) {
-    if (!(0, alias_1.hasOwnProperty)(attrs, name)) continue;
+  for (const name of Object.keys(attrs)) {
+    switch (name) {
+      case 'is':
+        continue;
+    }
     const value = attrs[name];
     switch (typeof value) {
       case 'string':
@@ -8675,7 +8674,7 @@ function defineChildren(node, children) {
   return node;
 }
 function isChildren(value) {
-  return !!value?.[Symbol.iterator];
+  return value?.[Symbol.iterator] !== undefined;
 }
 exports.isChildren = isChildren;
 function append(node, children) {
@@ -8728,7 +8727,7 @@ exports.defrag = defrag;
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __nested_webpack_require_11449__(moduleId) {
+/******/ 	function __nested_webpack_require_11589__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -8742,7 +8741,7 @@ exports.defrag = defrag;
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_11449__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_11589__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -8753,7 +8752,7 @@ exports.defrag = defrag;
 /******/ 	// startup
 /******/ 	// Load entry module and return exports
 /******/ 	// This entry module is referenced by other modules so it can't be inlined
-/******/ 	var __nested_webpack_exports__ = __nested_webpack_require_11449__(521);
+/******/ 	var __nested_webpack_exports__ = __nested_webpack_require_11589__(7521);
 /******/ 	
 /******/ 	return __nested_webpack_exports__;
 /******/ })()
@@ -8765,7 +8764,7 @@ exports.defrag = defrag;
 /***/ 6120:
 /***/ (function(module) {
 
-/*! typed-dom v0.0.317 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
+/*! typed-dom v0.0.330 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(true)
 		module.exports = factory();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "securemark",
-  "version": "0.271.0",
+  "version": "0.272.0",
   "description": "Secure markdown renderer working on browsers for user input data.",
   "private": false,
   "homepage": "https://github.com/falsandtru/securemark",
@@ -28,35 +28,35 @@
     "LICENSE"
   ],
   "devDependencies": {
-    "@types/dompurify": "3.0.0",
+    "@types/dompurify": "3.0.2",
     "@types/jquery": "3.5.16",
     "@types/mathjax": "0.0.37",
     "@types/mocha": "10.0.1",
     "@types/power-assert": "1.5.8",
     "@types/prismjs": "1.26.0",
-    "@typescript-eslint/parser": "^5.55.0",
+    "@typescript-eslint/parser": "^5.59.0",
     "babel-loader": "^9.1.2",
     "babel-plugin-unassert": "^3.2.0",
-    "concurrently": "^7.6.0",
-    "eslint": "^8.36.0",
+    "concurrently": "^8.0.1",
+    "eslint": "^8.39.0",
     "eslint-plugin-redos": "^4.4.5",
-    "eslint-webpack-plugin": "^4.0.0",
-    "glob": "^8.1.0",
-    "karma": "^6.4.1",
-    "karma-chrome-launcher": "^3.1.1",
+    "eslint-webpack-plugin": "^4.0.1",
+    "glob": "^10.2.1",
+    "karma": "^6.4.2",
+    "karma-chrome-launcher": "^3.2.0",
     "karma-coverage": "^2.2.0",
     "karma-firefox-launcher": "^2.1.2",
     "karma-mocha": "^2.0.1",
     "karma-power-assert": "^1.0.0",
     "mocha": "^10.2.0",
-    "npm-check-updates": "^16.7.12",
-    "semver": "^7.3.8",
-    "spica": "0.0.719",
+    "npm-check-updates": "^16.10.9",
+    "semver": "^7.5.0",
+    "spica": "0.0.721",
     "ts-loader": "^9.4.2",
-    "typed-dom": "^0.0.317",
-    "typescript": "4.9.5",
-    "webpack": "^5.76.1",
-    "webpack-cli": "^5.0.1",
+    "typed-dom": "^0.0.330",
+    "typescript": "5.0.4",
+    "webpack": "^5.80.0",
+    "webpack-cli": "^5.0.2",
     "webpack-merge": "^5.8.0"
   },
   "scripts": {

package/src/parser/api/bind.test.ts

@@ -214,15 +214,15 @@ describe('Unit: parser/api/bind', () => {
         cfgs.footnotes.references?.outerHTML,
         html('ol', [
           html('li', { id: 'reference::def:1' }, [
-            html('span', { id: 'note::1' }, '1'),
+            html('span', '1'),
             html('sup', [html('a', { href: '#reference::ref:1' }, '^1')]),
           ]),
           html('li', { id: 'reference::def:2' }, [
-            html('span', { id: 'note::2' }, '2'),
+            html('span', '2'),
             html('sup', [html('a', { href: '#reference::ref:2' }, '^2')]),
           ]),
           html('li', { id: 'reference::def:3' }, [
-            html('span', { id: 'note::3' }, '3'),
+            html('span', '3'),
             html('sup', [html('a', { href: '#reference::ref:3' }, '^3')]),
           ]),
         ]).outerHTML);

package/src/parser/api/parse.test.ts

@@ -124,7 +124,7 @@ describe('Unit: parser/api/parse', () => {
           '<p><a class="index" href="#index::a">a</a></p>',
           '<figure data-type="math" data-label="$-a" data-group="$" data-number="1" id="label:$-a"><figcaption><span class="figindex">(1)</span><span class="figtext"></span></figcaption><div><div class="math" translate="no">$$\n$$</div></div></figure>',
           '<p><a class="label" data-label="$-a" href="#label:$-a">(1)</a></p>',
-          '<p><sup class="annotation" id="annotation::ref:1" title="a"><span hidden="">a</span><a href="#annotation::def:1">*1</a></sup></p>',
+          '<p><sup class="annotation" id="annotation::ref:1" title="a"><span hidden="">a</span><a href="#annotation::def:a">*1</a></sup></p>',
           '<p><a class="url" href="https://source/x/a" target="_blank">a</a></p>',
           '<p><a class="url" href="https://source/a" target="_blank">/a</a></p>',
           '<p><a class="url" href="/z/a">^/a</a></p>',
@@ -135,7 +135,7 @@ describe('Unit: parser/api/parse', () => {
           '<p><a href="https://source/x/a" target="_blank"><img class="media" data-src="https://source/x/a" alt=""></a></p>',
           '<p><a href="/z/a" target="_blank"><img class="media" data-src="/z/a" alt=""></a></p>',
           '<p><a href="https://source/a" target="_blank"><img class="media" data-src="https://source/a" alt=""></a></p>',
-          '<ol class="annotations"><li id="annotation::def:1" data-marker="*1"><span id="note::a">a</span><sup><a href="#annotation::ref:1">^1</a></sup></li></ol>',
+          '<ol class="annotations"><li id="annotation::def:a" data-marker="*1"><span>a</span><sup><a href="#annotation::ref:1">^1</a></sup></li></ol>',
         ]);
       assert.deepStrictEqual(
         [...parse([
@@ -207,12 +207,12 @@ describe('Unit: parser/api/parse', () => {
         [...parse('$-a\n$$\n$$\n\n(($-a[[b]][[c_d_]]))', { footnotes }).children].map(el => el.outerHTML),
         [
           '<figure data-type="math" data-label="$-a" data-group="$" data-number="1" id="label:$-a"><figcaption><span class="figindex">(1)</span><span class="figtext"></span></figcaption><div><div class="math" translate="no">$$\n$$</div></div></figure>',
-          '<p><sup class="annotation" id="annotation::ref:1" title="(1)"><span hidden=""><a class="label" data-label="$-a" href="#label:$-a">(1)</a><sup class="reference" id="reference::ref:1" title="b"><span hidden="">b</span><a href="#reference::def:1">[1]</a></sup><sup class="reference" id="reference::ref:2" title="cd"><span hidden="">c<em>d</em></span><a href="#reference::def:2">[2]</a></sup></span><a href="#annotation::def:1">*1</a></sup></p>',
-          '<ol class="annotations"><li id="annotation::def:1" data-marker="*1"><span id="note::(1)"><a class="label" data-label="$-a" href="#label:$-a">(1)</a><sup class="reference" id="reference::ref:1" title="b"><span hidden="">b</span><a href="#reference::def:1">[1]</a></sup><sup class="reference" id="reference::ref:2" title="cd"><span hidden="">c<em>d</em></span><a href="#reference::def:2">[2]</a></sup></span><sup><a href="#annotation::ref:1">^1</a></sup></li></ol>',
+          '<p><sup class="annotation" id="annotation::ref:1" title="(1)"><span hidden=""><a class="label" data-label="$-a" href="#label:$-a">(1)</a><sup class="reference"><span>b</span></sup><sup class="reference"><span>c<em>d</em></span></sup></span><a href="#annotation::def:(1)">*1</a></sup></p>',
+          '<ol class="annotations"><li id="annotation::def:(1)" data-marker="*1"><span><a class="label" data-label="$-a" href="#label:$-a">(1)</a><sup class="reference" id="reference::ref:1" title="b"><span hidden="">b</span><a href="#reference::def:b">[1]</a></sup><sup class="reference" id="reference::ref:2" title="cd"><span hidden="">c<em>d</em></span><a href="#reference::def:cd">[2]</a></sup></span><sup><a href="#annotation::ref:1">^1</a></sup></li></ol>',
         ]);
       assert.deepStrictEqual(
         footnotes.references.outerHTML,
-        '<ol><li id="reference::def:1"><span id="note::b">b</span><sup><a href="#reference::ref:1">^1</a></sup></li><li id="reference::def:2"><span id="note::cd">c<em>d</em></span><sup><a href="#reference::ref:2">^2</a></sup></li></ol>');
+        '<ol><li id="reference::def:b"><span>b</span><sup><a href="#reference::ref:1">^1</a></sup></li><li id="reference::def:cd"><span>c<em>d</em></span><sup><a href="#reference::ref:2">^2</a></sup></li></ol>');
     });
 
     it('normalize', () => {

package/src/parser/block/extension/aside.ts

@@ -1,6 +1,6 @@
 import { ExtensionParser } from '../../block';
 import { block, validate, fence, fmap } from '../../../combinator';
-import { identity, text } from '../../inline/extension/indexee';
+import { identity, index } from '../../inline/extension/indexee';
 import { parse } from '../../api/parse';
 import { html } from 'typed-dom/dom';
 
@@ -34,9 +34,9 @@ export const aside: ExtensionParser.AsideParser = block(validate('~~~', fmap(
       'data-invalid-type': 'content',
       'data-invalid-message': 'Missing the title at the first line',
     }, `${opener}${body}${closer}`)];
-    assert(identity(context.id, text(heading)));
+    assert(identity(context.id, index(heading)));
     return [
-      html('aside', { id: identity(context.id, text(heading)), class: 'aside' }, [
+      html('aside', { id: identity(context.id, index(heading)), class: 'aside' }, [
         document,
         html('h2', 'References'),
         references,

package/src/parser/inline/autolink/url.ts

@@ -13,7 +13,7 @@ export const url: AutolinkParser.UrlParser = lazy(() => validate(['http://', 'ht
     url => `{ ${url} }`,
     union([unsafelink])))));
 
-export const lineurl: AutolinkParser.UrlParser.LineUrlParser = open(
+export const lineurl: AutolinkParser.UrlParser.LineUrlParser = lazy(() => open(
   linebreak,
   tails([
     str('!'),
@@ -22,7 +22,7 @@ export const lineurl: AutolinkParser.UrlParser.LineUrlParser = open(
       convert(
         url => `{ ${url} }`,
         unsafelink)),
-  ]));
+  ])));
 
 const bracket: AutolinkParser.UrlParser.BracketParser = lazy(() => creation(precedence(2, union([
   surround('(', some(union([bracket, unescsource]), ')'), ')', true),

package/src/parser/inline/autolink.ts

@@ -1,5 +1,5 @@
 import { AutolinkParser } from '../inline';
-import { union, some, syntax, constraint, validate, focus, fmap } from '../../combinator';
+import { union, some, syntax, constraint, validate, focus, lazy, fmap } from '../../combinator';
 import { url, lineurl } from './autolink/url';
 import { email } from './autolink/email';
 import { channel } from './autolink/channel';
@@ -11,7 +11,7 @@ import { str } from '../source';
 import { Syntax, State } from '../context';
 import { stringify } from '../util';
 
-export const autolink: AutolinkParser =
+export const autolink: AutolinkParser = lazy(() =>
   validate(/^(?:[@#>0-9a-z\r\n]|\S[#>])/i,
   constraint(State.autolink, false,
   syntax(Syntax.autolink, 1, 1, ~State.shortcut,
@@ -44,4 +44,4 @@ export const autolink: AutolinkParser =
       anchor,
     ])),
     ns => ns.length === 1 ? ns : [stringify(ns)]),
-  ]))));
+  ])))));

package/src/parser/inline/extension/indexee.ts

@@ -1,14 +1,15 @@
 import { MarkdownParser } from '../../../../markdown';
 import { Parser } from '../../../combinator/data/parser';
 import { fmap } from '../../../combinator';
+import { reduce } from 'spica/memoize';
 import { define } from 'typed-dom/dom';
 
 export function indexee<P extends Parser<unknown, MarkdownParser.Context>>(parser: P, optional?: boolean): P;
 export function indexee(parser: Parser<HTMLElement, MarkdownParser.Context>, optional?: boolean): Parser<HTMLElement> {
-  return fmap(parser, ([el], _, { id }) => [define(el, { id: identity(id, text(el, optional)) })]);
+  return fmap(parser, ([el], _, { id }) => [define(el, { id: identity(id, index(el, optional)) })]);
 }
 
-export function identity(id: string | undefined, text: string, name: 'index' | 'mark' | 'note' = 'index'): string | undefined {
+export function identity(id: string | undefined, text: string, name: 'index' | 'mark' = 'index'): string | undefined {
   assert(!id?.match(/[^0-9a-z/-]/i));
   assert(!text.includes('\n'));
   if (id === '') return undefined;
@@ -20,7 +21,6 @@ export function identity(id: string | undefined, text: string, name: 'index' | '
     case 'index':
       return `${name}:${id ?? ''}:${cs.slice(0, 97).join('')}...`;
     case 'mark':
-    case 'note':
       return `${name}:${id ?? ''}:${cs.slice(0, 50).join('')}...${cs.slice(-47).join('')}`;
   }
   assert(false);
@@ -32,7 +32,7 @@ assert(identity(undefined, '0'.repeat(100 - 1) + 1, 'mark')!.slice(6) === '0'.re
 assert(identity(undefined, '0'.repeat(100) + 1, 'mark')!.slice(6) === '0'.repeat(50) + '...' + '0'.repeat(47 - 1) + 1);
 assert(identity(undefined, '0'.repeat(200) + 1, 'mark')!.slice(6) === '0'.repeat(50) + '...' + '0'.repeat(47 - 1) + 1);
 
-export function text(source: Element | DocumentFragment, optional = false): string {
+export function index(source: Element | DocumentFragment, optional = false): string {
   assert(source instanceof DocumentFragment || !source.matches('.indexer'));
   assert(source.querySelectorAll(':scope > .indexer').length <= 1);
   if (!source.firstChild) return '';
@@ -40,6 +40,10 @@ export function text(source: Element | DocumentFragment, optional = false): stri
   const index = indexer?.getAttribute('data-index');
   if (index) return index;
   if (index === '' && optional) return '';
+  return text(source);
+}
+
+export const text = reduce((source: Element | DocumentFragment): string => {
   assert(!navigator.userAgent.includes('Chrome') || !source.querySelector('br:not(:has(+ :is(ul, ol)))'));
   const target = source.cloneNode(true) as typeof source;
   for (let es = target.querySelectorAll('code[data-src], .math[data-src], .comment, rt, rp, br, .annotation, .reference, .checkbox, ul, ol'),
@@ -72,4 +76,4 @@ export function text(source: Element | DocumentFragment, optional = false): stri
   // Better:
   //return target.innerText;
   return target.textContent!;
-}
+});

package/src/parser/inline/media.ts

@@ -73,11 +73,11 @@ const bracket: MediaParser.TextParser.BracketParser = lazy(() => creation(union(
   surround(str('"'), precedence(8, some(union([unsafehtmlentity, txt]), '"')), str('"'), true),
 ])));
 
-const option: MediaParser.ParameterParser.OptionParser = union([
+const option: MediaParser.ParameterParser.OptionParser = lazy(() => union([
   fmap(str(/^[^\S\n]+[1-9][0-9]*x[1-9][0-9]*(?=[^\S\n]|})/), ([opt]) => [` width="${opt.slice(1).split('x')[0]}"`, ` height="${opt.slice(1).split('x')[1]}"`]),
   fmap(str(/^[^\S\n]+[1-9][0-9]*:[1-9][0-9]*(?=[^\S\n]|})/), ([opt]) => [` aspect-ratio="${opt.slice(1).split(':').join('/')}"`]),
   linkoption,
-]);
+]));
 
 function sanitize(target: HTMLElement, uri: ReadonlyURL, alt: string): boolean {
   assert(target.tagName === 'IMG');

package/src/parser/inline.ts

@@ -1,5 +1,5 @@
 import { MarkdownParser } from '../../markdown';
-import { union } from '../combinator';
+import { union, lazy } from '../combinator';
 import { annotation } from './inline/annotation';
 import { reference } from './inline/reference';
 import { template } from './inline/template';
@@ -45,7 +45,7 @@ export import ShortMediaParser = InlineParser.ShortMediaParser;
 export import AutolinkParser = InlineParser.AutolinkParser;
 export import BracketParser = InlineParser.BracketParser;
 
-export const inline: InlineParser = union([
+export const inline: InlineParser = lazy(() => union([
   annotation,
   reference,
   template,
@@ -68,7 +68,7 @@ export const inline: InlineParser = union([
   autolink,
   bracket,
   text
-]);
+]));
 
 export { indexee } from './inline/extension/indexee';
 export { indexer } from './inline/extension/indexer';

package/src/parser/processor/footnote.test.ts

@@ -29,15 +29,15 @@ describe('Unit: parser/processor/footnote', () => {
             html('p', [
               html('sup', { class: "annotation", id: "annotation::ref:1", title: "a b" }, [
                 html('span', { hidden: '' }, 'a b'),
-                html('a', { href: "#annotation::def:1" }, '*1')
+                html('a', { href: "#annotation::def:a_b" }, '*1')
               ]),
             ]).outerHTML,
           ]);
         assert.deepStrictEqual(
           footnote.outerHTML,
           html('ol', [
-            html('li', { id: 'annotation::def:1' }, [
-              html('span', { id: 'note::a_b' }, 'a b'),
+            html('li', { id: 'annotation::def:a_b' }, [
+              html('span', 'a b'),
               html('sup', [html('a', { href: '#annotation::ref:1' }, '^1')])
             ]),
           ]).outerHTML);
@@ -59,7 +59,7 @@ describe('Unit: parser/processor/footnote', () => {
               ]),
               html('sup', { class: "annotation", id: "annotation::ref:2", title: "12345678901234567890" }, [
                 html('span', { hidden: '' }, '12345678901234567890'),
-                html('a', { href: "#annotation::def:2" }, '*2')
+                html('a', { href: "#annotation::def:12345678901234567890" }, '*2')
               ]),
             ]).outerHTML,
           ]);
@@ -67,11 +67,11 @@ describe('Unit: parser/processor/footnote', () => {
           footnote.outerHTML,
           html('ol', [
             html('li', { id: 'annotation::def:1' }, [
-              html('span', { id: 'note::1' }, '1'),
+              html('span', '1'),
               html('sup', [html('a', { href: '#annotation::ref:1' }, '^1')])
             ]),
-            html('li', { id: 'annotation::def:2' }, [
-              html('span', { id: 'note::12345678901234567890' }, '12345678901234567890'),
+            html('li', { id: 'annotation::def:12345678901234567890' }, [
+              html('span', '12345678901234567890'),
               html('sup', [html('a', { href: '#annotation::ref:2' }, '^2')])
             ]),
           ]).outerHTML);
@@ -113,22 +113,22 @@ describe('Unit: parser/processor/footnote', () => {
           footnote.outerHTML,
           html('ol', [
             html('li', { id: 'annotation::def:1' }, [
-              html('span', { id: 'note::1' }, '1'),
+              html('span', '1'),
               html('sup', [html('a', { href: '#annotation::ref:1' }, '^1')])
             ]),
             html('li', { id: 'annotation::def:2' }, [
-              html('span', { id: 'note::2' }, '2'),
+              html('span', '2'),
               html('sup', [
                 html('a', { href: '#annotation::ref:2' }, '^2'),
                 html('a', { href: '#annotation::ref:4' }, '^4'),
               ]),
             ]),
             html('li', { id: 'annotation::def:3' }, [
-              html('span', { id: 'note::3' }, '3'),
+              html('span', '3'),
               html('sup', [html('a', { href: '#annotation::ref:3' }, '^3')])
             ]),
             html('li', { id: 'annotation::def:4' }, [
-              html('span', { id: 'note::4' }, '4'),
+              html('span', '4'),
               html('sup', [html('a', { href: '#annotation::ref:5' }, '^5')])
             ]),
           ]).outerHTML);
@@ -141,9 +141,9 @@ describe('Unit: parser/processor/footnote', () => {
 
     it('separation', () => {
       const target = html('blockquote', parse([
-        '!>> ((a))\n> ((a))\n~~~',
-        '~~~~example/markdown\n((a))\n~~~~',
-        '((a))',
+        '!>> ((1))\n> ((2))\n~~~',
+        '~~~~example/markdown\n((3))\n~~~~',
+        '((4))',
       ].join('\n\n')).children);
       const footnote = html('ol');
       for (let i = 0; i < 3; ++i) {
@@ -151,13 +151,13 @@ describe('Unit: parser/processor/footnote', () => {
         assert.deepStrictEqual(
           [...target.children].map(el => el.outerHTML),
           [
-            '<blockquote><blockquote><section><p><sup class="annotation disabled" title="a"><span hidden="">a</span><a>*1</a></sup></p><ol class="annotations"><li data-marker="*1"><span>a</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"></ol></section></blockquote><section><p><sup class="annotation disabled" title="a"><span hidden="">a</span><a>*1</a></sup><br>~~~</p><ol class="annotations"><li data-marker="*1"><span>a</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"></ol></section></blockquote>',
-            '<aside class="example" data-type="markdown"><pre translate="no">((a))</pre><hr><section><p><sup class="annotation disabled" title="a"><span hidden="">a</span><a>*1</a></sup></p><ol class="annotations"><li data-marker="*1"><span>a</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"></ol></section></aside>',
-            '<p><sup class="annotation" id="annotation::ref:1" title="a"><span hidden="">a</span><a href="#annotation::def:1">*1</a></sup></p>',
+            '<blockquote><blockquote><section><p><sup class="annotation disabled" title="1"><span hidden="">1</span><a>*1</a></sup></p><ol class="annotations"><li data-marker="*1"><span>1</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"></ol></section></blockquote><section><p><sup class="annotation disabled" title="2"><span hidden="">2</span><a>*1</a></sup><br>~~~</p><ol class="annotations"><li data-marker="*1"><span>2</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"></ol></section></blockquote>',
+            '<aside class="example" data-type="markdown"><pre translate="no">((3))</pre><hr><section><p><sup class="annotation disabled" title="3"><span hidden="">3</span><a>*1</a></sup></p><ol class="annotations"><li data-marker="*1"><span>3</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"></ol></section></aside>',
+            '<p><sup class="annotation" id="annotation::ref:1" title="4"><span hidden="">4</span><a href="#annotation::def:4">*1</a></sup></p>',
           ]);
         assert.deepStrictEqual(
           footnote.outerHTML,
-          '<ol><li id="annotation::def:1"><span id="note::a">a</span><sup><a href="#annotation::ref:1">^1</a></sup></li></ol>');
+          '<ol><li id="annotation::def:4"><span>4</span><sup><a href="#annotation::ref:1">^1</a></sup></li></ol>');
       }
     });
 
@@ -172,15 +172,15 @@ describe('Unit: parser/processor/footnote', () => {
             html('p', [
               html('sup', { class: "annotation", id: "annotation:0:ref:1", title: "a b" }, [
                 html('span', { hidden: '' }, 'a b'),
-                html('a', { href: "#annotation:0:def:1" }, '*1')
+                html('a', { href: "#annotation:0:def:a_b" }, '*1')
               ]),
             ]).outerHTML,
           ]);
         assert.deepStrictEqual(
           footnote.outerHTML,
           html('ol', [
-            html('li', { id: 'annotation:0:def:1' }, [
-              html('span', { id: 'note:0:a_b' }, 'a b'),
+            html('li', { id: 'annotation:0:def:a_b' }, [
+              html('span', 'a b'),
               html('sup', [html('a', { href: '#annotation:0:ref:1' }, '^1')])
             ]),
           ]).outerHTML);
@@ -202,7 +202,7 @@ describe('Unit: parser/processor/footnote', () => {
             ]).outerHTML,
             html('ol', { class: 'annotations' }, [
               html('li', { id: 'annotation::def:1', 'data-marker': '*1' }, [
-                html('span', { id: 'note::1' }, '1'),
+                html('span', '1'),
                 html('sup', [html('a', { href: '#annotation::ref:1' }, '^1')])
               ]),
             ]).outerHTML,
@@ -220,11 +220,11 @@ describe('Unit: parser/processor/footnote', () => {
             ]).outerHTML,
             html('ol', { class: 'annotations' }, [
               html('li', { id: 'annotation::def:2', 'data-marker': '*2' }, [
-                html('span', { id: 'note::2' }, '2'),
+                html('span', '2'),
                 html('sup', [html('a', { href: '#annotation::ref:2' }, '^2')])
               ]),
               html('li', { id: 'annotation::def:3', 'data-marker': '*3' }, [
-                html('span', { id: 'note::3' }, '3'),
+                html('span', '3'),
                 html('sup', [html('a', { href: '#annotation::ref:3' }, '^3')])
               ]),
             ]).outerHTML,
@@ -237,7 +237,7 @@ describe('Unit: parser/processor/footnote', () => {
             ]).outerHTML,
             html('ol', { class: 'annotations' }, [
               html('li', { id: 'annotation::def:4', 'data-marker': '*4' }, [
-                html('span', { id: 'note::4' }, '4'),
+                html('span', '4'),
                 html('sup', [html('a', { href: '#annotation::ref:4' }, '^4')])
               ]),
             ]).outerHTML,
@@ -259,15 +259,15 @@ describe('Unit: parser/processor/footnote', () => {
             html('p', [
               html('sup', { class: "reference", id: "reference::ref:1", title: "a b" }, [
                 html('span', { hidden: '' }, 'a b'),
-                html('a', { href: "#reference::def:1" }, '[1]')
+                html('a', { href: "#reference::def:a_b" }, '[1]')
               ]),
             ]).outerHTML,
           ]);
         assert.deepStrictEqual(
           footnote.outerHTML,
           html('ol', [
-            html('li', { id: 'reference::def:1' }, [
-              html('span', { id: 'note::a_b' }, 'a b'),
+            html('li', { id: 'reference::def:a_b' }, [
+              html('span', 'a b'),
               html('sup', [html('a', { href: '#reference::ref:1' }, '^1')])
             ]),
           ]).outerHTML);
@@ -275,7 +275,7 @@ describe('Unit: parser/processor/footnote', () => {
     });
 
     it('abbr', () => {
-      const target = parse('[[^a]][[^a| b]][[^a]]');
+      const target = parse('[[^a| b]][[^a]][[^a]]');
       const footnote = html('ol');
       for (let i = 0; i < 3; ++i) {
         [...reference(target, footnote)];
@@ -284,27 +284,27 @@ describe('Unit: parser/processor/footnote', () => {
           [
             html('p', [
               html('sup', { class: "reference", 'data-abbr': "a", id: "reference::ref:1", title: "b" }, [
-                html('span', { hidden: '' }),
-                html('a', { href: "#reference::def:1" }, '[a]')
+                html('span', { hidden: '' }, 'b'),
+                html('a', { href: "#reference::def:a" }, '[a]')
               ]),
               html('sup', { class: "reference", 'data-abbr': "a", id: "reference::ref:2", title: "b" }, [
-                html('span', { hidden: '' }, 'b'),
-                html('a', { href: "#reference::def:1" }, '[a]')
+                html('span', { hidden: '' }),
+                html('a', { href: "#reference::def:a" }, '[a]')
               ]),
               html('sup', { class: "reference", 'data-abbr': "a", id: "reference::ref:3", title: "b" }, [
                 html('span', { hidden: '' }),
-                html('a', { href: "#reference::def:1" }, '[a]')
+                html('a', { href: "#reference::def:a" }, '[a]')
               ]),
             ]).outerHTML,
           ]);
         assert.deepStrictEqual(
           footnote.outerHTML,
           html('ol', [
-            html('li', { id: 'reference::def:1' }, [
-              html('span', { id: 'note::b' }, 'b'),
+            html('li', { id: 'reference::def:a' }, [
+              html('span', 'b'),
               html('sup', [
-                html('a', { href: '#reference::ref:1' }, '^1'),
-                html('a', { href: '#reference::ref:2', title: 'b' }, '^2'),
+                html('a', { href: '#reference::ref:1', title: 'b' }, '^1'),
+                html('a', { href: '#reference::ref:2' }, '^2'),
                 html('a', { href: '#reference::ref:3' }, '^3'),
               ])
             ]),

package/src/parser/processor/footnote.ts

@@ -12,8 +12,8 @@ export function* footnote(
     const el = es[i];
     el.parentNode === target && el.remove();
   }
-  yield* reference(target, footnotes?.references, opts, bottom);
   yield* annotation(target, footnotes?.annotations, opts, bottom);
+  yield* reference(target, footnotes?.references, opts, bottom);
   return;
 }
 
@@ -44,25 +44,16 @@ function build(
     }
     const refs = target.querySelectorAll(`sup.${syntax}:not(.disabled)`);
     const titles = new Map<string, string>();
-    const contents = new Map<string, HTMLSpanElement>();
-    for (let len = refs.length, i = 0; i < len; ++i) {
-      if (i % 10 === 9) yield;
-      const ref = refs[i];
-      const identifier = ref.getAttribute('data-abbr') || ` ${ref.firstElementChild!.innerHTML}`;
-      if (titles.has(identifier)) continue;
-      const content = html('span',
-        { id: identity(opts.id, text(ref.firstElementChild!), 'note') },
-        ref.firstElementChild!.cloneNode(true).childNodes);
-      const title = text(content).trim();
-      if (!title) continue;
-      titles.set(identifier, title);
-      contents.set(identifier, content);
-    }
+    const indexes = new Map<HTMLLIElement, number>();
     let count = 0;
     let total = 0;
     let style: 'count' | 'abbr';
     for (let len = refs.length, i = 0; i < len; ++i) {
       const ref = refs[i];
+      if (ref.closest('[hidden]')) {
+        yield;
+        continue;
+      }
       while (splitters.length > 0
           && splitters[0].compareDocumentPosition(ref) & Node.DOCUMENT_POSITION_FOLLOWING) {
         if (defs.size > 0) {
@@ -74,8 +65,13 @@ function build(
         }
         splitters.shift();
       }
-      const identifier = ref.getAttribute('data-abbr') || ` ${ref.firstElementChild!.innerHTML}`;
       const abbr = ref.getAttribute('data-abbr') || undefined;
+      const identifier = abbr || identity(undefined, text(ref.firstElementChild!), 'mark')?.slice(6) || '';
+      const title = undefined
+        || titles.get(identifier)
+        || titles.set(identifier, text(ref.firstElementChild!)).get(identifier)!
+        || null;
+      assert(syntax !== 'annotation' || title);
       style ??= abbr ? 'abbr' : 'count';
       if (style === 'count' ? abbr : !abbr) {
         define(ref, {
@@ -99,9 +95,6 @@ function build(
       else {
         ref.lastChild?.remove();
       }
-      const title = titles.get(identifier);
-      assert(title !== '');
-      assert(syntax !== 'annotation' || title);
       const refIndex = ++count;
       const refId = opts.id !== ''
         ? `${syntax}:${opts.id ?? ''}:ref:${refIndex}`
@@ -110,24 +103,26 @@ function build(
         || defs.get(identifier)
         || defs.set(identifier, html('li',
             {
-              id: opts.id !== '' ? `${syntax}:${opts.id ?? ''}:def:${total + defs.size + 1}` : undefined,
+              id: opts.id !== '' ? `${syntax}:${opts.id ?? ''}:def:${identifier}` : undefined,
               'data-marker': !footnote ? marker(total + defs.size + 1, abbr) : undefined,
             },
-            [contents.get(identifier) ?? frag(), html('sup')]))
+            [define(ref.firstElementChild!.cloneNode(true), { hidden: null }), html('sup')]))
             .get(identifier)!;
       assert(def.lastChild);
-      const defIndex = +def.id.slice(def.id.lastIndexOf(':') + 1) || total + defs.size;
+      const defIndex = undefined
+        || indexes.get(def)
+        || indexes.set(def, total + defs.size).get(def)!;
       const defId = def.id || undefined;
       define(ref, {
         id: refId,
-        class: opts.id !== '' ? undefined : `${ref.className} disabled`,
-        ...title
-          ? { title }
-          : { class: void ref.classList.add('invalid'),
-              'data-invalid-syntax': syntax,
-              'data-invalid-type': 'content',
-              'data-invalid-message': 'Missing the content',
-            },
+        class: opts.id !== '' ? undefined : void ref.classList.add('disabled'),
+        title,
+        ...!title && {
+          class: void ref.classList.add('invalid'),
+          'data-invalid-syntax': syntax,
+          'data-invalid-type': 'content',
+          'data-invalid-message': 'Missing the content',
+        },
       });
       yield ref.appendChild(html('a', { href: refId && defId && `#${defId}` }, marker(defIndex, abbr)));
       assert(ref.title || ref.matches('.invalid'));

package/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ES2021",
     "lib": [
-      "ES2021",
+      "ES2022",
       "DOM",
       "DOM.Iterable"
     ],
@@ -18,6 +18,7 @@
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
     "suppressImplicitAnyIndexErrors": true,
+    "ignoreDeprecations": "5.0",
     "noFallthroughCasesInSwitch": true,
     "noErrorTruncation": true,
     "forceConsistentCasingInFileNames": true

package/webpack.config.js

@@ -33,7 +33,7 @@ module.exports = env => {
     resolve: {
       extensions: ['.ts', '.js'],
     },
-    entry: glob.sync('./{src,test}/**/*.ts'),
+    entry: glob.sync('./{src,test}/**/*.ts', { absolute: true }).sort(),
     output: {
       filename: 'index.js',
       path: path.resolve(__dirname, 'dist'),
@@ -81,7 +81,7 @@ module.exports = env => {
       return merge(config);
     case 'lint':
       return merge(config, {
-        entry: glob.sync('./!(node_modules)/**/*.ts'),
+        entry: glob.sync('./!(node_modules)/**/*.ts', { absolute: true }),
         plugins: [
           new ESLintPlugin({
             extensions: ['ts'],
@@ -90,7 +90,7 @@ module.exports = env => {
       });
     case 'bench':
       return merge(config, {
-        entry: glob.sync('./benchmark/**/*.ts'),
+        entry: glob.sync('./benchmark/**/*.ts', { absolute: true }).sort(),
         module: {
           rules: [
             {
@@ -109,7 +109,7 @@ module.exports = env => {
       });
     case 'dist':
       return merge(config, {
-        entry: glob.sync('./index.ts'),
+        entry: glob.sync('./index.ts', { absolute: true }),
         module: {
           rules: [
             {