securemark 0.237.2 → 0.240.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.240.0
+
+- Extend reference syntax not to require leading whitespace after abbr syntax.
+
+## 0.239.0
+
+- Extend indexer syntax to make its own index optional.
+
+## 0.238.0
+
+- Revert signature syntax not to require leading whitespace.
+
 ## 0.237.2
 
 - Refactoring.

package/dist/securemark.js

@@ -1,4 +1,4 @@
-/*! securemark v0.237.2 https://github.com/falsandtru/securemark | (c) 2017, falsandtru | UNLICENSED */
+/*! securemark v0.240.0 https://github.com/falsandtru/securemark | (c) 2017, falsandtru | UNLICENSED */
 require = function () {
     function r(e, n, t) {
         function o(i, f) {
@@ -4037,21 +4037,10 @@ require = function () {
             const union_1 = _dereq_('./union');
             const inits_1 = _dereq_('./inits');
             function subsequence(parsers) {
-                switch (parsers.length) {
-                case 0:
-                case 1:
-                    return (0, union_1.union)(parsers);
-                case 2:
-                    return (0, union_1.union)([
-                        (0, inits_1.inits)(parsers),
-                        parsers[1]
-                    ]);
-                default:
-                    return subsequence([
-                        parsers[0],
-                        subsequence(parsers.slice(1))
-                    ]);
-                }
+                return (0, union_1.union)(parsers.map((_, i) => i + 1 < parsers.length ? (0, inits_1.inits)([
+                    parsers[i],
+                    subsequence(parsers.slice(i + 1))
+                ]) : parsers[i]));
             }
             exports.subsequence = subsequence;
         },
@@ -4095,7 +4084,7 @@ require = function () {
                         'return (source, context) =>',
                         '0',
                         ...parsers.map((_, i) => `|| parsers[${ i }](source, context)`)
-                    ].join(''))(parsers);
+                    ].join('\n'))(parsers);
                 }
             }
             exports.union = union;
@@ -4426,13 +4415,13 @@ require = function () {
             function headers(source) {
                 var _a;
                 const [el] = parse(source);
-                return (_a = el === null || el === void 0 ? void 0 : el.textContent.trimEnd().slice(el.firstChild.textContent.length).split('\n')) !== null && _a !== void 0 ? _a : [];
+                return (_a = el === null || el === void 0 ? void 0 : el.textContent.trimEnd().slice(el.firstChild.firstChild.textContent.length).split('\n')) !== null && _a !== void 0 ? _a : [];
             }
             exports.headers = headers;
             function parse(source) {
                 const result = (0, header_1.header)(source, {});
                 const [el] = (0, parser_1.eval)(result, []);
-                return el instanceof HTMLDetailsElement ? [
+                return (el === null || el === void 0 ? void 0 : el.tagName) === 'ASIDE' ? [
                     el,
                     (0, parser_1.exec)(result)
                 ] : [];
@@ -4648,7 +4637,7 @@ require = function () {
                 paragraph_1.paragraph
             ]))));
             function error(parser) {
-                return (0, combinator_1.recover)((0, combinator_1.fallback)((0, combinator_1.open)('\0', source => {
+                return (0, combinator_1.recover)((0, combinator_1.fallback)((0, combinator_1.open)('\x07', source => {
                     throw new Error(source.split('\n', 1)[0]);
                 }), parser), (source, {id}, reason) => [
                     [
@@ -4659,7 +4648,7 @@ require = function () {
                         (0, typed_dom_1.html)('pre', {
                             class: 'error',
                             translate: 'no'
-                        }, source.replace(/^\0.*\n/, '').slice(0, 1001).replace(/^(.{997}).{4}$/s, '$1...') || global_1.undefined)
+                        }, source.replace(/^\x07.*\n/, '').slice(0, 1001).replace(/^(.{997}).{4}$/s, '$1...') || global_1.undefined)
                     ],
                     ''
                 ]);
@@ -5043,7 +5032,7 @@ require = function () {
                 '[$',
                 '$'
             ], (0, combinator_1.sequence)([
-                (0, combinator_1.line)((0, combinator_1.close)(label_1.segment, /^.*\n/)),
+                (0, combinator_1.line)((0, combinator_1.close)(label_1.segment, /^(?=\s).*\n/)),
                 (0, combinator_1.union)([
                     codeblock_1.segment,
                     mathblock_1.segment,
@@ -5119,7 +5108,7 @@ require = function () {
             const memoize_1 = _dereq_('spica/memoize');
             const array_1 = _dereq_('spica/array');
             exports.segment = (0, combinator_1.block)((0, combinator_1.match)(/^(~{3,})(?:figure[^\S\n]+)?(?=\[?\$[A-Za-z-][^\n]*\n)/, (0, memoize_1.memoize)(([, fence], closer = new RegExp(String.raw`^${ fence }[^\S\n]*(?:$|\n)`)) => (0, combinator_1.close)((0, combinator_1.sequence)([
-                (0, combinator_1.line)((0, combinator_1.close)(label_1.segment, /^.*\n/)),
+                source_1.contentline,
                 (0, combinator_1.inits)([
                     (0, combinator_1.union)([
                         codeblock_1.segment_,
@@ -5159,19 +5148,16 @@ require = function () {
                     (0, combinator_1.block)((0, locale_1.localize)((0, combinator_1.context)({ syntax: { inline: { media: false } } }, (0, combinator_1.trim)((0, util_1.visualize)((0, combinator_1.some)(inline_1.inline))))))
                 ])
             ])), ([label, param, content, ...caption]) => [(0, typed_dom_1.html)('figure', attributes(label.getAttribute('data-label'), param, content, caption), [
-                    (0, typed_dom_1.html)('div', [content]),
-                    (0, typed_dom_1.html)('figcaption', (0, array_1.unshift)([(0, typed_dom_1.html)('span', { class: 'figindex' })], (0, typed_dom_1.defrag)(caption)))
+                    (0, typed_dom_1.html)('figcaption', (0, array_1.unshift)([(0, typed_dom_1.html)('span', { class: 'figindex' })], (0, typed_dom_1.defrag)(caption))),
+                    (0, typed_dom_1.html)('div', [content])
                 ])])));
             function attributes(label, param, content, caption) {
                 const group = label.split('-', 1)[0];
-                const invalidLabel = /^[^-]+-(?:[0-9]+\.)*0$/.test(label);
-                const invalidParam = param.trimStart() !== '';
-                const invalidContent = group === '$' && (!content.classList.contains('math') || caption.length > 0);
-                const invalid = invalidLabel || invalidParam || invalidContent || global_1.undefined;
                 let type = content.className.split(/\s/)[0];
                 switch (type || content.tagName) {
                 case 'UL':
                 case 'OL':
+                case 'checklist':
                     type = 'list';
                     break;
                 case 'TABLE':
@@ -5191,24 +5177,49 @@ require = function () {
                     break;
                 default:
                 }
+                const invalid = /^[^-]+-(?:[0-9]+\.)*0$/.test(label) && {
+                    'data-invalid-type': 'label',
+                    'data-invalid-message': 'The last part of the fixed label numbers must not be 0'
+                } || param.trimStart() !== '' && {
+                    'data-invalid-type': 'argument',
+                    'data-invalid-message': 'Invalid argument'
+                } || group === '$' && (type !== 'math' || caption.length > 0) && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`$` label group can only be used with a math formula with no caption'
+                } || [
+                    'fig',
+                    'figure'
+                ].includes(group) && type !== 'media' && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`fig` and `figure` label groups can only be used with media'
+                } || group === 'table' && type !== group && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`table` label group can only be used with a table'
+                } || group === 'list' && type !== group && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`list` label group can only be used with a list'
+                } || group === 'quote' && type !== group && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`quote` label group can only be used with a blockquote'
+                } || group === 'text' && type !== group && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`text` label group can only be used with a codeblock with no language'
+                } || group === 'code' && type !== group && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`code` label group can only be used with a codeblock'
+                } || group === 'example' && type !== group && {
+                    'data-invalid-type': 'content',
+                    'data-invalid-message': '`example` label group can only be used with an example'
+                } || global_1.undefined;
                 return {
                     'data-type': type,
                     'data-label': label,
                     'data-group': group,
-                    class: invalid && 'invalid',
-                    ...invalidLabel && {
-                        'data-invalid-syntax': 'figure',
-                        'data-invalid-type': 'label',
-                        'data-invalid-message': 'The last part of the fixed label numbers must not be 0'
-                    } || invalidParam && {
-                        'data-invalid-syntax': 'figure',
-                        'data-invalid-type': 'argument',
-                        'data-invalid-message': 'Invalid argument'
-                    } || invalidContent && {
+                    ...invalid && {
+                        class: 'invalid',
                         'data-invalid-syntax': 'figure',
-                        'data-invalid-type': 'content',
-                        'data-invalid-message': 'A figure labeled to define a formula number can contain only a math formula and no caption'
-                    } || global_1.undefined
+                        ...invalid
+                    }
                 };
             }
         },
@@ -6209,13 +6220,10 @@ require = function () {
                     (0, combinator_1.guard)(context => {
                         var _a;
                         return (_a = context.header) !== null && _a !== void 0 ? _a : true;
-                    }, (0, combinator_1.focus)(/^---[^\S\v\f\r\n]*\r?\n(?:[A-Za-z][0-9A-Za-z]*(?:-[A-Za-z][0-9A-Za-z]*)*:[ \t]+\S[^\v\f\r\n]*\r?\n){1,100}---[^\S\v\f\r\n]*(?:$|\r?\n)/, (0, combinator_1.convert)(source => (0, normalize_1.normalize)(source.slice(source.indexOf('\n') + 1, source.trimEnd().lastIndexOf('\n'))).replace(/(\S)\s+$/mg, '$1'), (0, combinator_1.fmap)((0, combinator_1.some)((0, combinator_1.union)([field])), es => [(0, typed_dom_1.html)('details', {
-                            class: 'header',
-                            open: ''
-                        }, (0, typed_dom_1.defrag)([
-                            (0, typed_dom_1.html)('summary', 'Header'),
-                            ...es
-                        ]))])))),
+                    }, (0, combinator_1.focus)(/^---[^\S\v\f\r\n]*\r?\n(?:[A-Za-z][0-9A-Za-z]*(?:-[A-Za-z][0-9A-Za-z]*)*:[ \t]+\S[^\v\f\r\n]*\r?\n){1,100}---[^\S\v\f\r\n]*(?:$|\r?\n)/, (0, combinator_1.convert)(source => (0, normalize_1.normalize)(source.slice(source.indexOf('\n') + 1, source.trimEnd().lastIndexOf('\n'))).replace(/(\S)\s+$/mg, '$1'), (0, combinator_1.fmap)((0, combinator_1.some)((0, combinator_1.union)([field])), es => [(0, typed_dom_1.html)('aside', { class: 'header' }, [(0, typed_dom_1.html)('details', { open: '' }, (0, typed_dom_1.defrag)([
+                                (0, typed_dom_1.html)('summary', 'Header'),
+                                ...es
+                            ]))])])))),
                     source => [
                         [(0, typed_dom_1.html)('pre', {
                                 class: 'invalid',
@@ -6235,7 +6243,7 @@ require = function () {
                 return [
                     [(0, typed_dom_1.html)('span', {
                             class: 'field',
-                            'data-name': name,
+                            'data-name': name.toLowerCase(),
                             'data-value': value
                         }, [
                             (0, typed_dom_1.html)('span', { class: 'field-name' }, name),
@@ -6989,15 +6997,15 @@ require = function () {
                         autolink: false
                     }
                 }
-            }, (0, combinator_1.some)((0, combinator_1.union)([
+            }, (0, combinator_1.open)((0, source_1.stropt)('|'), (0, combinator_1.some)((0, combinator_1.union)([
                 signature,
                 inline_1.inline
-            ]), ']', /^\\?\n/)))), ']'), ns => [(0, typed_dom_1.html)('a', (0, util_1.trimNodeEnd)((0, typed_dom_1.defrag)(ns)))])), ([el]) => [(0, typed_dom_1.define)(el, {
+            ]), ']', /^\\?\n/), true)))), ']'), ns => [(0, typed_dom_1.html)('a', (0, util_1.trimNodeEnd)((0, typed_dom_1.defrag)(ns)))])), ([el]) => [(0, typed_dom_1.define)(el, {
                     id: el.id ? null : global_1.undefined,
                     class: 'index',
                     href: el.id ? `#${ el.id }` : global_1.undefined
                 }, el.childNodes)]))));
-            const signature = (0, combinator_1.lazy)(() => (0, combinator_1.creator)((0, combinator_1.fmap)((0, combinator_1.open)(/^\s+\|#/, (0, util_1.startTight)((0, combinator_1.some)((0, combinator_1.union)([
+            const signature = (0, combinator_1.lazy)(() => (0, combinator_1.creator)((0, combinator_1.fmap)((0, combinator_1.open)('|#', (0, util_1.startTight)((0, combinator_1.some)((0, combinator_1.union)([
                 bracket,
                 source_1.txt
             ]), ']'))), ns => [(0, typed_dom_1.html)('span', {
@@ -7051,12 +7059,13 @@ require = function () {
             function text(source, optional = false) {
                 var _a;
                 const indexer = source.querySelector(':scope > .indexer');
-                if (indexer)
-                    return indexer.getAttribute('data-index');
-                if (optional)
+                if (!indexer && optional)
                     return '';
+                const index = indexer === null || indexer === void 0 ? void 0 : indexer.getAttribute('data-index');
+                if (index)
+                    return index;
                 const target = source.cloneNode(true);
-                for (let es = target.querySelectorAll('code[data-src], .math[data-src], .comment, rt, rp, .reference'), i = 0, len = es.length; i < len; ++i) {
+                for (let es = target.querySelectorAll('code[data-src], .math[data-src], .comment, rt, rp, .reference, .checkbox, ul, ol'), i = 0, len = es.length; i < len; ++i) {
                     const el = es[i];
                     switch (el.tagName) {
                     case 'CODE':
@@ -7064,6 +7073,8 @@ require = function () {
                         continue;
                     case 'RT':
                     case 'RP':
+                    case 'UL':
+                    case 'OL':
                         el.remove();
                         continue;
                     }
@@ -7072,6 +7083,7 @@ require = function () {
                         (0, typed_dom_1.define)(el, el.getAttribute('data-src'));
                         continue;
                     case 'comment':
+                    case 'checkbox':
                         el.remove();
                         continue;
                     case 'reference':
@@ -7097,7 +7109,13 @@ require = function () {
             const combinator_1 = _dereq_('../../../combinator');
             const index_1 = _dereq_('./index');
             const typed_dom_1 = _dereq_('typed-dom');
-            exports.indexer = (0, combinator_1.creator)((0, combinator_1.fmap)((0, combinator_1.verify)((0, combinator_1.surround)(/^\s+(?=\[#[^\s\]])/, (0, combinator_1.context)({ syntax: { inline: { index: true } } }, (0, combinator_1.union)([index_1.index])), /^\s*$/), ([el]) => el.getElementsByClassName('invalid').length === 0), ([el]) => [(0, typed_dom_1.html)('span', {
+            exports.indexer = (0, combinator_1.creator)((0, combinator_1.fmap)((0, combinator_1.verify)((0, combinator_1.surround)(/^\s+(?=\[#\S)/, (0, combinator_1.context)({ syntax: { inline: { index: true } } }, (0, combinator_1.union)([
+                (0, combinator_1.focus)('[#]', () => [
+                    [(0, typed_dom_1.html)('a', { href: '#' })],
+                    ''
+                ]),
+                index_1.index
+            ])), /^\s*$/), ([el]) => el.getElementsByClassName('invalid').length === 0), ([el]) => [(0, typed_dom_1.html)('span', {
                     class: 'indexer',
                     'data-index': el.getAttribute('href').slice(7)
                 })]));
@@ -7378,11 +7396,11 @@ require = function () {
             exports.unsafehtmlentity = (0, combinator_1.creator)((0, combinator_1.validate)('&', (0, combinator_1.focus)(/^&[0-9A-Za-z]+;/, entity => {
                 var _a;
                 return [
-                    [(_a = parse(entity)) !== null && _a !== void 0 ? _a : `\0${ entity }`],
+                    [(_a = parse(entity)) !== null && _a !== void 0 ? _a : `\x1B${ entity }`],
                     ''
                 ];
             })));
-            exports.htmlentity = (0, combinator_1.fmap)((0, combinator_1.union)([exports.unsafehtmlentity]), ([test]) => [test[0] === '\0' ? (0, typed_dom_1.html)('span', {
+            exports.htmlentity = (0, combinator_1.fmap)((0, combinator_1.union)([exports.unsafehtmlentity]), ([test]) => [test[0] === '\x1B' ? (0, typed_dom_1.html)('span', {
                     class: 'invalid',
                     'data-invalid-syntax': 'htmlentity',
                     'data-invalid-type': 'syntax',
@@ -7780,13 +7798,13 @@ require = function () {
                     });
                     return false;
                 }
-                if (alt.includes('\0')) {
+                if (alt.includes('\x1B')) {
                     (0, typed_dom_1.define)(target, {
                         class: void target.classList.add('invalid'),
                         'data-invalid-syntax': 'media',
                         'data-invalid-type': 'content',
                         'data-invalid-message': `Cannot use invalid HTML entitiy "${ alt.match(/&[0-9A-Za-z]+;/)[0] }"`,
-                        alt: (_a = target.getAttribute('alt')) === null || _a === void 0 ? void 0 : _a.replace(/\0/g, '')
+                        alt: (_a = target.getAttribute('alt')) === null || _a === void 0 ? void 0 : _a.replace(/\x1B/g, '')
                     });
                     return false;
                 }
@@ -7840,7 +7858,7 @@ require = function () {
                 ]),
                 (0, util_1.trimSpaceStart)((0, combinator_1.some)(inline_1.inline, ']', /^\\?\n/))
             ])))), ']]'), ns => [(0, typed_dom_1.html)('sup', attributes(ns), (0, util_1.trimNodeEnd)((0, typed_dom_1.defrag)(ns)))]))));
-            const abbr = (0, combinator_1.creator)((0, combinator_1.fmap)((0, combinator_1.verify)((0, combinator_1.surround)('^', (0, combinator_1.union)([(0, source_1.str)(/^(?![0-9]+\s?[|\]])[0-9A-Za-z]+(?:(?:-|(?=\W)(?!'\d)'?(?!\.\d)\.?(?!,\S),? ?)[0-9A-Za-z]+)*(?:-|'?\.?,? ?)?/)]), /^\|?(?=]])|^\|[^\S\n]+/), (_, rest, context) => (0, util_1.isStartLoose)(rest, context)), ([source]) => [(0, typed_dom_1.html)('abbr', source)]));
+            const abbr = (0, combinator_1.creator)((0, combinator_1.fmap)((0, combinator_1.verify)((0, combinator_1.surround)('^', (0, combinator_1.union)([(0, source_1.str)(/^(?![0-9]+\s?[|\]])[0-9A-Za-z]+(?:(?:-|(?=\W)(?!'\d)'?(?!\.\d)\.?(?!,\S),? ?)[0-9A-Za-z]+)*(?:-|'?\.?,? ?)?/)]), /^\|?(?=]])|^\|[^\S\n]*/), (_, rest, context) => (0, util_1.isStartLoose)(rest, context)), ([source]) => [(0, typed_dom_1.html)('abbr', source)]));
             function attributes(ns) {
                 return typeof ns[0] === 'object' && ns[0].tagName === 'ABBR' ? {
                     class: 'reference',
@@ -7949,9 +7967,9 @@ require = function () {
                         rubies
                     ]) {
                     for (let i = 0; i < ss.length; ++i) {
-                        if (ss[i].indexOf('\0') === -1)
+                        if (ss[i].indexOf('\x1B') === -1)
                             continue;
-                        ss[i] = ss[i].replace(/\0/g, '');
+                        ss[i] = ss[i].replace(/\x1B/g, '');
                         attrs !== null && attrs !== void 0 ? attrs : attrs = {
                             class: 'invalid',
                             'data-invalid-syntax': 'ruby',
@@ -8190,7 +8208,7 @@ require = function () {
                     const def = defs[i];
                     if (def.parentNode !== target)
                         continue;
-                    const {tagName, classList} = def;
+                    const {tagName} = def;
                     if (bases.length === 1 && tagName[0] === 'H')
                         continue;
                     const label = tagName === 'FIGURE' ? def.getAttribute('data-label') : `$-${ increment(index, def) }`;
@@ -8198,7 +8216,7 @@ require = function () {
                         continue;
                     if (label.endsWith('-0')) {
                         (0, typed_dom_1.define)(def, {
-                            class: void classList.add('invalid'),
+                            class: void def.classList.add('invalid'),
                             'data-invalid-syntax': 'figure',
                             'data-invalid-type': 'argument',
                             'data-invalid-message': 'Invalid base index',
@@ -8209,7 +8227,7 @@ require = function () {
                     if (tagName === 'FIGURE' && label.endsWith('.0')) {
                         if (label.lastIndexOf('.', label.length - 3) !== -1) {
                             (0, typed_dom_1.define)(def, {
-                                class: void classList.add('invalid'),
+                                class: void def.classList.add('invalid'),
                                 'data-invalid-syntax': 'figure',
                                 'data-invalid-type': 'argument',
                                 'data-invalid-message': 'Base index must be $-x.0 format',
@@ -8219,16 +8237,16 @@ require = function () {
                         }
                         if (!/^H[1-6]$/.test((_d = (_c = def.previousElementSibling) === null || _c === void 0 ? void 0 : _c.tagName) !== null && _d !== void 0 ? _d : '')) {
                             (0, typed_dom_1.define)(def, {
-                                class: void classList.add('invalid'),
+                                class: void def.classList.add('invalid'),
                                 'data-invalid-syntax': 'figure',
                                 'data-invalid-type': 'position',
-                                'data-invalid-message': 'Base index declarations must be after level 1 to 6 headings',
+                                'data-invalid-message': messages.declaration,
                                 hidden: null
                             });
                             continue;
-                        } else {
-                            classList.contains('invalid') && (0, typed_dom_1.define)(def, {
-                                class: void classList.remove('invalid'),
+                        } else if (def.getAttribute('data-invalid-message') === messages.declaration) {
+                            (0, typed_dom_1.define)(def, {
+                                class: void def.classList.remove('invalid'),
                                 'data-invalid-syntax': null,
                                 'data-invalid-type': null,
                                 'data-invalid-message': null,
@@ -8253,42 +8271,50 @@ require = function () {
                         continue;
                     }
                     !(0, label_1.isFixed)(label) && numbers.set(group, number);
-                    opts.id !== '' && def.setAttribute('id', `label:${ opts.id ? `${ opts.id }:` : '' }${ label }`);
                     const figindex = group === '$' ? `(${ number })` : `${ capitalize(group) }${ group === 'fig' ? '.' : '' } ${ number }`;
                     (0, typed_dom_1.define)(def.querySelector(':scope > figcaption > .figindex'), group === '$' ? figindex : `${ figindex }. `);
                     if (labels.has(label)) {
-                        if (classList.contains('invalid') && def.getAttribute('data-invalid-message') !== 'Duplicate label')
+                        if (def.classList.contains('invalid'))
                             continue;
                         (0, typed_dom_1.define)(def, {
                             id: null,
-                            class: void classList.add('invalid'),
+                            class: void def.classList.add('invalid'),
                             'data-invalid-syntax': 'figure',
                             'data-invalid-type': 'argument',
-                            'data-invalid-message': 'Duplicate label'
+                            'data-invalid-message': messages.duplicate
                         });
                         continue;
-                    } else {
-                        labels.add(label);
+                    } else if (def.getAttribute('data-invalid-message') === messages.duplicate) {
                         (0, typed_dom_1.define)(def, {
-                            class: void classList.remove('invalid'),
+                            class: void def.classList.remove('invalid'),
                             'data-invalid-syntax': null,
                             'data-invalid-type': null,
                             'data-invalid-message': null
                         });
                     }
+                    labels.add(label);
+                    opts.id !== '' && def.setAttribute('id', `label:${ opts.id ? `${ opts.id }:` : '' }${ label }`);
                     for (const ref of refs.take(label, global_1.Infinity)) {
+                        if (ref.getAttribute('data-invalid-message') === messages.reference) {
+                            (0, typed_dom_1.define)(ref, {
+                                class: void ref.classList.remove('invalid'),
+                                'data-invalid-syntax': null,
+                                'data-invalid-type': null,
+                                'data-invalid-message': null
+                            });
+                        }
                         if (ref.hash.slice(1) === def.id && ref.innerText === figindex)
                             continue;
                         yield (0, typed_dom_1.define)(ref, opts.id !== '' ? { href: `#${ def.id }` } : { class: `${ ref.className } disabled` }, figindex);
                     }
                 }
                 for (const [, ref] of refs) {
-                    if (opts.id !== '') {
+                    if (opts.id !== '' && !ref.classList.contains('invalid')) {
                         (0, typed_dom_1.define)(ref, {
-                            class: `${ ref.className } disabled invalid`,
+                            class: void ref.classList.add('invalid'),
                             'data-invalid-syntax': 'label',
                             'data-invalid-type': 'reference',
-                            'data-invalid-message': 'Missing the target figure'
+                            'data-invalid-message': messages.reference
                         });
                     }
                     yield ref;
@@ -8296,6 +8322,11 @@ require = function () {
                 return;
             }
             exports.figure = figure;
+            const messages = {
+                declaration: 'Base index declarations must be after level 1 to 6 headings',
+                duplicate: 'Duplicate label',
+                reference: 'Missing the target figure'
+            };
             function increment(bases, el) {
                 const index = (+el.tagName[1] - 1 || 1) - 1;
                 return index + 1 < bases.length ? (0, array_1.join)(bases.slice(0, index + 2).map((v, i) => {
@@ -8477,14 +8508,14 @@ require = function () {
             ]);
             function* segment(source) {
                 if (!validate(source, exports.MAX_INPUT_SIZE))
-                    return yield `\0Too large input over ${ exports.MAX_INPUT_SIZE.toLocaleString('en') } bytes.\n${ source.slice(0, 1001) }`;
+                    return yield `\x07Too large input over ${ exports.MAX_INPUT_SIZE.toLocaleString('en') } bytes.\n${ source.slice(0, 1001) }`;
                 while (source !== '') {
                     const result = parser(source, {});
                     const rest = (0, parser_1.exec)(result);
                     const segs = (0, parser_1.eval)(result).length ? (0, parser_1.eval)(result) : [source.slice(0, source.length - rest.length)];
                     for (let i = 0; i < segs.length; ++i) {
                         const seg = segs[i];
-                        validate(seg, exports.MAX_SEGMENT_SIZE) ? yield seg : yield `\0Too large segment over ${ exports.MAX_SEGMENT_SIZE.toLocaleString('en') } bytes.\n${ seg }`;
+                        validate(seg, exports.MAX_SEGMENT_SIZE) ? yield seg : yield `\x07Too large segment over ${ exports.MAX_SEGMENT_SIZE.toLocaleString('en') } bytes.\n${ seg }`;
                     }
                     source = rest;
                 }
@@ -8510,7 +8541,7 @@ require = function () {
         function (_dereq_, module, exports) {
             'use strict';
             Object.defineProperty(exports, '__esModule', { value: true });
-            exports.anyline = exports.emptyline = exports.contentline = exports.str = exports.unescsource = exports.escsource = exports.linebreak = exports.txt = exports.text = void 0;
+            exports.anyline = exports.emptyline = exports.contentline = exports.stropt = exports.str = exports.unescsource = exports.escsource = exports.linebreak = exports.txt = exports.text = void 0;
             var text_1 = _dereq_('./source/text');
             Object.defineProperty(exports, 'text', {
                 enumerable: true,
@@ -8551,6 +8582,12 @@ require = function () {
                     return str_1.str;
                 }
             });
+            Object.defineProperty(exports, 'stropt', {
+                enumerable: true,
+                get: function () {
+                    return str_1.stropt;
+                }
+            });
             var line_1 = _dereq_('./source/line');
             Object.defineProperty(exports, 'contentline', {
                 enumerable: true,
@@ -8659,10 +8696,10 @@ require = function () {
         function (_dereq_, module, exports) {
             'use strict';
             Object.defineProperty(exports, '__esModule', { value: true });
-            exports.str = void 0;
+            exports.stropt = exports.str = void 0;
             const global_1 = _dereq_('spica/global');
             const combinator_1 = _dereq_('../../combinator');
-            function str(pattern, mustConsume = true) {
+            function str(pattern) {
                 return typeof pattern === 'string' ? (0, combinator_1.creator)(source => {
                     if (source === '')
                         return;
@@ -8674,14 +8711,38 @@ require = function () {
                     if (source === '')
                         return;
                     const m = source.match(pattern);
-                    return m && (!mustConsume || m[0].length > 0) ? [
+                    return m && m[0].length > 0 ? [
                         [m[0]],
                         source.slice(m[0].length)
                     ] : global_1.undefined;
                 });
             }
             exports.str = str;
-            ;
+            function stropt(pattern) {
+                return typeof pattern === 'string' ? (0, combinator_1.creator)(source => {
+                    if (source === '')
+                        return;
+                    return source.slice(0, pattern.length) === pattern ? [
+                        [pattern],
+                        source.slice(pattern.length)
+                    ] : [
+                        [],
+                        source
+                    ];
+                }) : (0, combinator_1.creator)(source => {
+                    if (source === '')
+                        return;
+                    const m = source.match(pattern);
+                    return m ? [
+                        [m[0]],
+                        source.slice(m[0].length)
+                    ] : [
+                        [],
+                        source
+                    ];
+                });
+            }
+            exports.stropt = stropt;
         },
         {
             '../../combinator': 27,
@@ -8898,7 +8959,7 @@ require = function () {
             exports.startLoose = startLoose;
             exports.isStartLoose = (0, memoize_1.reduce)((source, context, except) => {
                 return isStartTight(source.replace(/^[^\S\n]+/, ''), context, except);
-            }, (source, _, except = '') => `${ source }\0${ except }`);
+            }, (source, _, except = '') => `${ source }\x1E${ except }`);
             function startTight(parser, except) {
                 return (source, context) => isStartTight(source, context, except) ? parser(source, context) : global_1.undefined;
             }
@@ -8932,7 +8993,7 @@ require = function () {
                 default:
                     return source[0].trimStart() !== '';
                 }
-            }, (source, _, except = '') => `${ source }\0${ except }`);
+            }, (source, _, except = '') => `${ source }\x1E${ except }`);
             function isStartTightNodes(nodes) {
                 if (nodes.length === 0)
                     return true;

package/markdown.d.ts

@@ -56,9 +56,9 @@ export namespace MarkdownParser {
     // url: https://host/path
     // ---
     Markdown<'header'>,
-    Parser<HTMLDetailsElement | HTMLPreElement, Context, [
-      Parser<HTMLDetailsElement | HTMLPreElement, Context, [
-        Parser<HTMLDetailsElement, Context, [
+    Parser<HTMLElement | HTMLPreElement, Context, [
+      Parser<HTMLElement | HTMLPreElement, Context, [
+        Parser<HTMLElement, Context, [
           HeaderParser.FieldParser,
         ]>,
         Parser<HTMLPreElement, Context, []>,
@@ -388,7 +388,7 @@ export namespace MarkdownParser {
         export interface SegmentParser extends
           Block<'extension/figure/segment'>,
           Parser<never, Context, [
-            InlineParser.ExtensionParser.LabelParser.SegmentParser,
+            SourceParser.ContentLineParser,
             Parser<never, Context, [
               Parser<never, Context, [
                 CodeBlockParser.SegmentParser,
@@ -768,9 +768,11 @@ export namespace MarkdownParser {
         }
       }
       export interface IndexerParser extends
+        // [#]
         // [#index]
         Inline<'extension/indexer'>,
         Parser<HTMLElement, Context, [
+          Parser<HTMLAnchorElement, Context, []>,
           IndexParser,
         ]> {
       }