forked from FINAKON/HelpProject
Bhargava
6063bd1724
1. Initial Commit - a boiler plate code and POC to realize the concept of context
sensitive help
2. Frontend code written in ReactJS
3. Backend code written in Java, Spring Boot Framework
4. Frontend Start:
pre-requisites : node, npm
npm run dev ==> to start the frontend vite server
5. Backend Start:
pre-requisites : java, mvn
mvn spring-boot:run ==> to start the backend server
6. Visit http://localhost:5173/ for basic demo of help, press F1 in textboxes
7. Visit http://localhost:5173/editor and enter "admin123" to add/modify texts.
Happy Coding !!!
Thank you,
Bhargava.
3246 lines
105 KiB
JavaScript
3246 lines
105 KiB
JavaScript
import { Tokenizer, TokenizerMode } from '../tokenizer/index.js';
|
|
import { OpenElementStack } from './open-element-stack.js';
|
|
import { FormattingElementList, EntryType } from './formatting-element-list.js';
|
|
import { defaultTreeAdapter } from '../tree-adapters/default.js';
|
|
import * as doctype from '../common/doctype.js';
|
|
import * as foreignContent from '../common/foreign-content.js';
|
|
import { ERR } from '../common/error-codes.js';
|
|
import * as unicode from '../common/unicode.js';
|
|
import { TAG_ID as $, TAG_NAMES as TN, NS, ATTRS, SPECIAL_ELEMENTS, DOCUMENT_MODE, NUMBERED_HEADERS, getTagID, } from '../common/html.js';
|
|
import { TokenType, getTokenAttr, } from '../common/token.js';
|
|
//Misc constants
|
|
const HIDDEN_INPUT_TYPE = 'hidden';
|
|
//Adoption agency loops iteration count
|
|
const AA_OUTER_LOOP_ITER = 8;
|
|
const AA_INNER_LOOP_ITER = 3;
|
|
//Insertion modes
|
|
var InsertionMode;
|
|
(function (InsertionMode) {
|
|
InsertionMode[InsertionMode["INITIAL"] = 0] = "INITIAL";
|
|
InsertionMode[InsertionMode["BEFORE_HTML"] = 1] = "BEFORE_HTML";
|
|
InsertionMode[InsertionMode["BEFORE_HEAD"] = 2] = "BEFORE_HEAD";
|
|
InsertionMode[InsertionMode["IN_HEAD"] = 3] = "IN_HEAD";
|
|
InsertionMode[InsertionMode["IN_HEAD_NO_SCRIPT"] = 4] = "IN_HEAD_NO_SCRIPT";
|
|
InsertionMode[InsertionMode["AFTER_HEAD"] = 5] = "AFTER_HEAD";
|
|
InsertionMode[InsertionMode["IN_BODY"] = 6] = "IN_BODY";
|
|
InsertionMode[InsertionMode["TEXT"] = 7] = "TEXT";
|
|
InsertionMode[InsertionMode["IN_TABLE"] = 8] = "IN_TABLE";
|
|
InsertionMode[InsertionMode["IN_TABLE_TEXT"] = 9] = "IN_TABLE_TEXT";
|
|
InsertionMode[InsertionMode["IN_CAPTION"] = 10] = "IN_CAPTION";
|
|
InsertionMode[InsertionMode["IN_COLUMN_GROUP"] = 11] = "IN_COLUMN_GROUP";
|
|
InsertionMode[InsertionMode["IN_TABLE_BODY"] = 12] = "IN_TABLE_BODY";
|
|
InsertionMode[InsertionMode["IN_ROW"] = 13] = "IN_ROW";
|
|
InsertionMode[InsertionMode["IN_CELL"] = 14] = "IN_CELL";
|
|
InsertionMode[InsertionMode["IN_SELECT"] = 15] = "IN_SELECT";
|
|
InsertionMode[InsertionMode["IN_SELECT_IN_TABLE"] = 16] = "IN_SELECT_IN_TABLE";
|
|
InsertionMode[InsertionMode["IN_TEMPLATE"] = 17] = "IN_TEMPLATE";
|
|
InsertionMode[InsertionMode["AFTER_BODY"] = 18] = "AFTER_BODY";
|
|
InsertionMode[InsertionMode["IN_FRAMESET"] = 19] = "IN_FRAMESET";
|
|
InsertionMode[InsertionMode["AFTER_FRAMESET"] = 20] = "AFTER_FRAMESET";
|
|
InsertionMode[InsertionMode["AFTER_AFTER_BODY"] = 21] = "AFTER_AFTER_BODY";
|
|
InsertionMode[InsertionMode["AFTER_AFTER_FRAMESET"] = 22] = "AFTER_AFTER_FRAMESET";
|
|
})(InsertionMode || (InsertionMode = {}));
|
|
const BASE_LOC = {
|
|
startLine: -1,
|
|
startCol: -1,
|
|
startOffset: -1,
|
|
endLine: -1,
|
|
endCol: -1,
|
|
endOffset: -1,
|
|
};
|
|
const TABLE_STRUCTURE_TAGS = new Set([$.TABLE, $.TBODY, $.TFOOT, $.THEAD, $.TR]);
|
|
const defaultParserOptions = {
|
|
scriptingEnabled: true,
|
|
sourceCodeLocationInfo: false,
|
|
treeAdapter: defaultTreeAdapter,
|
|
onParseError: null,
|
|
};
|
|
//Parser
|
|
export class Parser {
|
|
constructor(options, document,
|
|
/** @internal */
|
|
fragmentContext = null,
|
|
/** @internal */
|
|
scriptHandler = null) {
|
|
this.fragmentContext = fragmentContext;
|
|
this.scriptHandler = scriptHandler;
|
|
this.currentToken = null;
|
|
this.stopped = false;
|
|
/** @internal */
|
|
this.insertionMode = InsertionMode.INITIAL;
|
|
/** @internal */
|
|
this.originalInsertionMode = InsertionMode.INITIAL;
|
|
/** @internal */
|
|
this.headElement = null;
|
|
/** @internal */
|
|
this.formElement = null;
|
|
/** Indicates that the current node is not an element in the HTML namespace */
|
|
this.currentNotInHTML = false;
|
|
/**
|
|
* The template insertion mode stack is maintained from the left.
|
|
* Ie. the topmost element will always have index 0.
|
|
*
|
|
* @internal
|
|
*/
|
|
this.tmplInsertionModeStack = [];
|
|
/** @internal */
|
|
this.pendingCharacterTokens = [];
|
|
/** @internal */
|
|
this.hasNonWhitespacePendingCharacterToken = false;
|
|
/** @internal */
|
|
this.framesetOk = true;
|
|
/** @internal */
|
|
this.skipNextNewLine = false;
|
|
/** @internal */
|
|
this.fosterParentingEnabled = false;
|
|
this.options = {
|
|
...defaultParserOptions,
|
|
...options,
|
|
};
|
|
this.treeAdapter = this.options.treeAdapter;
|
|
this.onParseError = this.options.onParseError;
|
|
// Always enable location info if we report parse errors.
|
|
if (this.onParseError) {
|
|
this.options.sourceCodeLocationInfo = true;
|
|
}
|
|
this.document = document !== null && document !== void 0 ? document : this.treeAdapter.createDocument();
|
|
this.tokenizer = new Tokenizer(this.options, this);
|
|
this.activeFormattingElements = new FormattingElementList(this.treeAdapter);
|
|
this.fragmentContextID = fragmentContext ? getTagID(this.treeAdapter.getTagName(fragmentContext)) : $.UNKNOWN;
|
|
this._setContextModes(fragmentContext !== null && fragmentContext !== void 0 ? fragmentContext : this.document, this.fragmentContextID);
|
|
this.openElements = new OpenElementStack(this.document, this.treeAdapter, this);
|
|
}
|
|
// API
|
|
static parse(html, options) {
|
|
const parser = new this(options);
|
|
parser.tokenizer.write(html, true);
|
|
return parser.document;
|
|
}
|
|
static getFragmentParser(fragmentContext, options) {
|
|
const opts = {
|
|
...defaultParserOptions,
|
|
...options,
|
|
};
|
|
//NOTE: use a <template> element as the fragment context if no context element was provided,
|
|
//so we will parse in a "forgiving" manner
|
|
fragmentContext !== null && fragmentContext !== void 0 ? fragmentContext : (fragmentContext = opts.treeAdapter.createElement(TN.TEMPLATE, NS.HTML, []));
|
|
//NOTE: create a fake element which will be used as the `document` for fragment parsing.
|
|
//This is important for jsdom, where a new `document` cannot be created. This led to
|
|
//fragment parsing messing with the main `document`.
|
|
const documentMock = opts.treeAdapter.createElement('documentmock', NS.HTML, []);
|
|
const parser = new this(opts, documentMock, fragmentContext);
|
|
if (parser.fragmentContextID === $.TEMPLATE) {
|
|
parser.tmplInsertionModeStack.unshift(InsertionMode.IN_TEMPLATE);
|
|
}
|
|
parser._initTokenizerForFragmentParsing();
|
|
parser._insertFakeRootElement();
|
|
parser._resetInsertionMode();
|
|
parser._findFormInFragmentContext();
|
|
return parser;
|
|
}
|
|
getFragment() {
|
|
const rootElement = this.treeAdapter.getFirstChild(this.document);
|
|
const fragment = this.treeAdapter.createDocumentFragment();
|
|
this._adoptNodes(rootElement, fragment);
|
|
return fragment;
|
|
}
|
|
//Errors
|
|
/** @internal */
|
|
_err(token, code, beforeToken) {
|
|
var _a;
|
|
if (!this.onParseError)
|
|
return;
|
|
const loc = (_a = token.location) !== null && _a !== void 0 ? _a : BASE_LOC;
|
|
const err = {
|
|
code,
|
|
startLine: loc.startLine,
|
|
startCol: loc.startCol,
|
|
startOffset: loc.startOffset,
|
|
endLine: beforeToken ? loc.startLine : loc.endLine,
|
|
endCol: beforeToken ? loc.startCol : loc.endCol,
|
|
endOffset: beforeToken ? loc.startOffset : loc.endOffset,
|
|
};
|
|
this.onParseError(err);
|
|
}
|
|
//Stack events
|
|
/** @internal */
|
|
onItemPush(node, tid, isTop) {
|
|
var _a, _b;
|
|
(_b = (_a = this.treeAdapter).onItemPush) === null || _b === void 0 ? void 0 : _b.call(_a, node);
|
|
if (isTop && this.openElements.stackTop > 0)
|
|
this._setContextModes(node, tid);
|
|
}
|
|
/** @internal */
|
|
onItemPop(node, isTop) {
|
|
var _a, _b;
|
|
if (this.options.sourceCodeLocationInfo) {
|
|
this._setEndLocation(node, this.currentToken);
|
|
}
|
|
(_b = (_a = this.treeAdapter).onItemPop) === null || _b === void 0 ? void 0 : _b.call(_a, node, this.openElements.current);
|
|
if (isTop) {
|
|
let current;
|
|
let currentTagId;
|
|
if (this.openElements.stackTop === 0 && this.fragmentContext) {
|
|
current = this.fragmentContext;
|
|
currentTagId = this.fragmentContextID;
|
|
}
|
|
else {
|
|
({ current, currentTagId } = this.openElements);
|
|
}
|
|
this._setContextModes(current, currentTagId);
|
|
}
|
|
}
|
|
_setContextModes(current, tid) {
|
|
const isHTML = current === this.document || (current && this.treeAdapter.getNamespaceURI(current) === NS.HTML);
|
|
this.currentNotInHTML = !isHTML;
|
|
this.tokenizer.inForeignNode =
|
|
!isHTML && current !== undefined && tid !== undefined && !this._isIntegrationPoint(tid, current);
|
|
}
|
|
/** @protected */
|
|
_switchToTextParsing(currentToken, nextTokenizerState) {
|
|
this._insertElement(currentToken, NS.HTML);
|
|
this.tokenizer.state = nextTokenizerState;
|
|
this.originalInsertionMode = this.insertionMode;
|
|
this.insertionMode = InsertionMode.TEXT;
|
|
}
|
|
switchToPlaintextParsing() {
|
|
this.insertionMode = InsertionMode.TEXT;
|
|
this.originalInsertionMode = InsertionMode.IN_BODY;
|
|
this.tokenizer.state = TokenizerMode.PLAINTEXT;
|
|
}
|
|
//Fragment parsing
|
|
/** @protected */
|
|
_getAdjustedCurrentElement() {
|
|
return this.openElements.stackTop === 0 && this.fragmentContext
|
|
? this.fragmentContext
|
|
: this.openElements.current;
|
|
}
|
|
/** @protected */
|
|
_findFormInFragmentContext() {
|
|
let node = this.fragmentContext;
|
|
while (node) {
|
|
if (this.treeAdapter.getTagName(node) === TN.FORM) {
|
|
this.formElement = node;
|
|
break;
|
|
}
|
|
node = this.treeAdapter.getParentNode(node);
|
|
}
|
|
}
|
|
_initTokenizerForFragmentParsing() {
|
|
if (!this.fragmentContext || this.treeAdapter.getNamespaceURI(this.fragmentContext) !== NS.HTML) {
|
|
return;
|
|
}
|
|
switch (this.fragmentContextID) {
|
|
case $.TITLE:
|
|
case $.TEXTAREA: {
|
|
this.tokenizer.state = TokenizerMode.RCDATA;
|
|
break;
|
|
}
|
|
case $.STYLE:
|
|
case $.XMP:
|
|
case $.IFRAME:
|
|
case $.NOEMBED:
|
|
case $.NOFRAMES:
|
|
case $.NOSCRIPT: {
|
|
this.tokenizer.state = TokenizerMode.RAWTEXT;
|
|
break;
|
|
}
|
|
case $.SCRIPT: {
|
|
this.tokenizer.state = TokenizerMode.SCRIPT_DATA;
|
|
break;
|
|
}
|
|
case $.PLAINTEXT: {
|
|
this.tokenizer.state = TokenizerMode.PLAINTEXT;
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
//Tree mutation
|
|
/** @protected */
|
|
_setDocumentType(token) {
|
|
const name = token.name || '';
|
|
const publicId = token.publicId || '';
|
|
const systemId = token.systemId || '';
|
|
this.treeAdapter.setDocumentType(this.document, name, publicId, systemId);
|
|
if (token.location) {
|
|
const documentChildren = this.treeAdapter.getChildNodes(this.document);
|
|
const docTypeNode = documentChildren.find((node) => this.treeAdapter.isDocumentTypeNode(node));
|
|
if (docTypeNode) {
|
|
this.treeAdapter.setNodeSourceCodeLocation(docTypeNode, token.location);
|
|
}
|
|
}
|
|
}
|
|
/** @protected */
|
|
_attachElementToTree(element, location) {
|
|
if (this.options.sourceCodeLocationInfo) {
|
|
const loc = location && {
|
|
...location,
|
|
startTag: location,
|
|
};
|
|
this.treeAdapter.setNodeSourceCodeLocation(element, loc);
|
|
}
|
|
if (this._shouldFosterParentOnInsertion()) {
|
|
this._fosterParentElement(element);
|
|
}
|
|
else {
|
|
const parent = this.openElements.currentTmplContentOrNode;
|
|
this.treeAdapter.appendChild(parent !== null && parent !== void 0 ? parent : this.document, element);
|
|
}
|
|
}
|
|
/**
|
|
* For self-closing tags. Add an element to the tree, but skip adding it
|
|
* to the stack.
|
|
*/
|
|
/** @protected */
|
|
_appendElement(token, namespaceURI) {
|
|
const element = this.treeAdapter.createElement(token.tagName, namespaceURI, token.attrs);
|
|
this._attachElementToTree(element, token.location);
|
|
}
|
|
/** @protected */
|
|
_insertElement(token, namespaceURI) {
|
|
const element = this.treeAdapter.createElement(token.tagName, namespaceURI, token.attrs);
|
|
this._attachElementToTree(element, token.location);
|
|
this.openElements.push(element, token.tagID);
|
|
}
|
|
/** @protected */
|
|
_insertFakeElement(tagName, tagID) {
|
|
const element = this.treeAdapter.createElement(tagName, NS.HTML, []);
|
|
this._attachElementToTree(element, null);
|
|
this.openElements.push(element, tagID);
|
|
}
|
|
/** @protected */
|
|
_insertTemplate(token) {
|
|
const tmpl = this.treeAdapter.createElement(token.tagName, NS.HTML, token.attrs);
|
|
const content = this.treeAdapter.createDocumentFragment();
|
|
this.treeAdapter.setTemplateContent(tmpl, content);
|
|
this._attachElementToTree(tmpl, token.location);
|
|
this.openElements.push(tmpl, token.tagID);
|
|
if (this.options.sourceCodeLocationInfo)
|
|
this.treeAdapter.setNodeSourceCodeLocation(content, null);
|
|
}
|
|
/** @protected */
|
|
_insertFakeRootElement() {
|
|
const element = this.treeAdapter.createElement(TN.HTML, NS.HTML, []);
|
|
if (this.options.sourceCodeLocationInfo)
|
|
this.treeAdapter.setNodeSourceCodeLocation(element, null);
|
|
this.treeAdapter.appendChild(this.openElements.current, element);
|
|
this.openElements.push(element, $.HTML);
|
|
}
|
|
/** @protected */
|
|
_appendCommentNode(token, parent) {
|
|
const commentNode = this.treeAdapter.createCommentNode(token.data);
|
|
this.treeAdapter.appendChild(parent, commentNode);
|
|
if (this.options.sourceCodeLocationInfo) {
|
|
this.treeAdapter.setNodeSourceCodeLocation(commentNode, token.location);
|
|
}
|
|
}
|
|
/** @protected */
|
|
_insertCharacters(token) {
|
|
let parent;
|
|
let beforeElement;
|
|
if (this._shouldFosterParentOnInsertion()) {
|
|
({ parent, beforeElement } = this._findFosterParentingLocation());
|
|
if (beforeElement) {
|
|
this.treeAdapter.insertTextBefore(parent, token.chars, beforeElement);
|
|
}
|
|
else {
|
|
this.treeAdapter.insertText(parent, token.chars);
|
|
}
|
|
}
|
|
else {
|
|
parent = this.openElements.currentTmplContentOrNode;
|
|
this.treeAdapter.insertText(parent, token.chars);
|
|
}
|
|
if (!token.location)
|
|
return;
|
|
const siblings = this.treeAdapter.getChildNodes(parent);
|
|
const textNodeIdx = beforeElement ? siblings.lastIndexOf(beforeElement) : siblings.length;
|
|
const textNode = siblings[textNodeIdx - 1];
|
|
//NOTE: if we have a location assigned by another token, then just update the end position
|
|
const tnLoc = this.treeAdapter.getNodeSourceCodeLocation(textNode);
|
|
if (tnLoc) {
|
|
const { endLine, endCol, endOffset } = token.location;
|
|
this.treeAdapter.updateNodeSourceCodeLocation(textNode, { endLine, endCol, endOffset });
|
|
}
|
|
else if (this.options.sourceCodeLocationInfo) {
|
|
this.treeAdapter.setNodeSourceCodeLocation(textNode, token.location);
|
|
}
|
|
}
|
|
/** @protected */
|
|
_adoptNodes(donor, recipient) {
|
|
for (let child = this.treeAdapter.getFirstChild(donor); child; child = this.treeAdapter.getFirstChild(donor)) {
|
|
this.treeAdapter.detachNode(child);
|
|
this.treeAdapter.appendChild(recipient, child);
|
|
}
|
|
}
|
|
/** @protected */
|
|
_setEndLocation(element, closingToken) {
|
|
if (this.treeAdapter.getNodeSourceCodeLocation(element) && closingToken.location) {
|
|
const ctLoc = closingToken.location;
|
|
const tn = this.treeAdapter.getTagName(element);
|
|
const endLoc =
|
|
// NOTE: For cases like <p> <p> </p> - First 'p' closes without a closing
|
|
// tag and for cases like <td> <p> </td> - 'p' closes without a closing tag.
|
|
closingToken.type === TokenType.END_TAG && tn === closingToken.tagName
|
|
? {
|
|
endTag: { ...ctLoc },
|
|
endLine: ctLoc.endLine,
|
|
endCol: ctLoc.endCol,
|
|
endOffset: ctLoc.endOffset,
|
|
}
|
|
: {
|
|
endLine: ctLoc.startLine,
|
|
endCol: ctLoc.startCol,
|
|
endOffset: ctLoc.startOffset,
|
|
};
|
|
this.treeAdapter.updateNodeSourceCodeLocation(element, endLoc);
|
|
}
|
|
}
|
|
//Token processing
|
|
shouldProcessStartTagTokenInForeignContent(token) {
|
|
// Check that neither current === document, or ns === NS.HTML
|
|
if (!this.currentNotInHTML)
|
|
return false;
|
|
let current;
|
|
let currentTagId;
|
|
if (this.openElements.stackTop === 0 && this.fragmentContext) {
|
|
current = this.fragmentContext;
|
|
currentTagId = this.fragmentContextID;
|
|
}
|
|
else {
|
|
({ current, currentTagId } = this.openElements);
|
|
}
|
|
if (token.tagID === $.SVG &&
|
|
this.treeAdapter.getTagName(current) === TN.ANNOTATION_XML &&
|
|
this.treeAdapter.getNamespaceURI(current) === NS.MATHML) {
|
|
return false;
|
|
}
|
|
return (
|
|
// Check that `current` is not an integration point for HTML or MathML elements.
|
|
this.tokenizer.inForeignNode ||
|
|
// If it _is_ an integration point, then we might have to check that it is not an HTML
|
|
// integration point.
|
|
((token.tagID === $.MGLYPH || token.tagID === $.MALIGNMARK) &&
|
|
currentTagId !== undefined &&
|
|
!this._isIntegrationPoint(currentTagId, current, NS.HTML)));
|
|
}
|
|
/** @protected */
|
|
_processToken(token) {
|
|
switch (token.type) {
|
|
case TokenType.CHARACTER: {
|
|
this.onCharacter(token);
|
|
break;
|
|
}
|
|
case TokenType.NULL_CHARACTER: {
|
|
this.onNullCharacter(token);
|
|
break;
|
|
}
|
|
case TokenType.COMMENT: {
|
|
this.onComment(token);
|
|
break;
|
|
}
|
|
case TokenType.DOCTYPE: {
|
|
this.onDoctype(token);
|
|
break;
|
|
}
|
|
case TokenType.START_TAG: {
|
|
this._processStartTag(token);
|
|
break;
|
|
}
|
|
case TokenType.END_TAG: {
|
|
this.onEndTag(token);
|
|
break;
|
|
}
|
|
case TokenType.EOF: {
|
|
this.onEof(token);
|
|
break;
|
|
}
|
|
case TokenType.WHITESPACE_CHARACTER: {
|
|
this.onWhitespaceCharacter(token);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
//Integration points
|
|
/** @protected */
|
|
_isIntegrationPoint(tid, element, foreignNS) {
|
|
const ns = this.treeAdapter.getNamespaceURI(element);
|
|
const attrs = this.treeAdapter.getAttrList(element);
|
|
return foreignContent.isIntegrationPoint(tid, ns, attrs, foreignNS);
|
|
}
|
|
//Active formatting elements reconstruction
|
|
/** @protected */
|
|
_reconstructActiveFormattingElements() {
|
|
const listLength = this.activeFormattingElements.entries.length;
|
|
if (listLength) {
|
|
const endIndex = this.activeFormattingElements.entries.findIndex((entry) => entry.type === EntryType.Marker || this.openElements.contains(entry.element));
|
|
const unopenIdx = endIndex === -1 ? listLength - 1 : endIndex - 1;
|
|
for (let i = unopenIdx; i >= 0; i--) {
|
|
const entry = this.activeFormattingElements.entries[i];
|
|
this._insertElement(entry.token, this.treeAdapter.getNamespaceURI(entry.element));
|
|
entry.element = this.openElements.current;
|
|
}
|
|
}
|
|
}
|
|
//Close elements
|
|
/** @protected */
|
|
_closeTableCell() {
|
|
this.openElements.generateImpliedEndTags();
|
|
this.openElements.popUntilTableCellPopped();
|
|
this.activeFormattingElements.clearToLastMarker();
|
|
this.insertionMode = InsertionMode.IN_ROW;
|
|
}
|
|
/** @protected */
|
|
_closePElement() {
|
|
this.openElements.generateImpliedEndTagsWithExclusion($.P);
|
|
this.openElements.popUntilTagNamePopped($.P);
|
|
}
|
|
//Insertion modes
|
|
/** @protected */
|
|
_resetInsertionMode() {
|
|
for (let i = this.openElements.stackTop; i >= 0; i--) {
|
|
//Insertion mode reset map
|
|
switch (i === 0 && this.fragmentContext ? this.fragmentContextID : this.openElements.tagIDs[i]) {
|
|
case $.TR: {
|
|
this.insertionMode = InsertionMode.IN_ROW;
|
|
return;
|
|
}
|
|
case $.TBODY:
|
|
case $.THEAD:
|
|
case $.TFOOT: {
|
|
this.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
return;
|
|
}
|
|
case $.CAPTION: {
|
|
this.insertionMode = InsertionMode.IN_CAPTION;
|
|
return;
|
|
}
|
|
case $.COLGROUP: {
|
|
this.insertionMode = InsertionMode.IN_COLUMN_GROUP;
|
|
return;
|
|
}
|
|
case $.TABLE: {
|
|
this.insertionMode = InsertionMode.IN_TABLE;
|
|
return;
|
|
}
|
|
case $.BODY: {
|
|
this.insertionMode = InsertionMode.IN_BODY;
|
|
return;
|
|
}
|
|
case $.FRAMESET: {
|
|
this.insertionMode = InsertionMode.IN_FRAMESET;
|
|
return;
|
|
}
|
|
case $.SELECT: {
|
|
this._resetInsertionModeForSelect(i);
|
|
return;
|
|
}
|
|
case $.TEMPLATE: {
|
|
this.insertionMode = this.tmplInsertionModeStack[0];
|
|
return;
|
|
}
|
|
case $.HTML: {
|
|
this.insertionMode = this.headElement ? InsertionMode.AFTER_HEAD : InsertionMode.BEFORE_HEAD;
|
|
return;
|
|
}
|
|
case $.TD:
|
|
case $.TH: {
|
|
if (i > 0) {
|
|
this.insertionMode = InsertionMode.IN_CELL;
|
|
return;
|
|
}
|
|
break;
|
|
}
|
|
case $.HEAD: {
|
|
if (i > 0) {
|
|
this.insertionMode = InsertionMode.IN_HEAD;
|
|
return;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
this.insertionMode = InsertionMode.IN_BODY;
|
|
}
|
|
/** @protected */
|
|
_resetInsertionModeForSelect(selectIdx) {
|
|
if (selectIdx > 0) {
|
|
for (let i = selectIdx - 1; i > 0; i--) {
|
|
const tn = this.openElements.tagIDs[i];
|
|
if (tn === $.TEMPLATE) {
|
|
break;
|
|
}
|
|
else if (tn === $.TABLE) {
|
|
this.insertionMode = InsertionMode.IN_SELECT_IN_TABLE;
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
this.insertionMode = InsertionMode.IN_SELECT;
|
|
}
|
|
//Foster parenting
|
|
/** @protected */
|
|
_isElementCausesFosterParenting(tn) {
|
|
return TABLE_STRUCTURE_TAGS.has(tn);
|
|
}
|
|
/** @protected */
|
|
_shouldFosterParentOnInsertion() {
|
|
return (this.fosterParentingEnabled &&
|
|
this.openElements.currentTagId !== undefined &&
|
|
this._isElementCausesFosterParenting(this.openElements.currentTagId));
|
|
}
|
|
/** @protected */
|
|
_findFosterParentingLocation() {
|
|
for (let i = this.openElements.stackTop; i >= 0; i--) {
|
|
const openElement = this.openElements.items[i];
|
|
switch (this.openElements.tagIDs[i]) {
|
|
case $.TEMPLATE: {
|
|
if (this.treeAdapter.getNamespaceURI(openElement) === NS.HTML) {
|
|
return { parent: this.treeAdapter.getTemplateContent(openElement), beforeElement: null };
|
|
}
|
|
break;
|
|
}
|
|
case $.TABLE: {
|
|
const parent = this.treeAdapter.getParentNode(openElement);
|
|
if (parent) {
|
|
return { parent, beforeElement: openElement };
|
|
}
|
|
return { parent: this.openElements.items[i - 1], beforeElement: null };
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
return { parent: this.openElements.items[0], beforeElement: null };
|
|
}
|
|
/** @protected */
|
|
_fosterParentElement(element) {
|
|
const location = this._findFosterParentingLocation();
|
|
if (location.beforeElement) {
|
|
this.treeAdapter.insertBefore(location.parent, element, location.beforeElement);
|
|
}
|
|
else {
|
|
this.treeAdapter.appendChild(location.parent, element);
|
|
}
|
|
}
|
|
//Special elements
|
|
/** @protected */
|
|
_isSpecialElement(element, id) {
|
|
const ns = this.treeAdapter.getNamespaceURI(element);
|
|
return SPECIAL_ELEMENTS[ns].has(id);
|
|
}
|
|
/** @internal */
|
|
onCharacter(token) {
|
|
this.skipNextNewLine = false;
|
|
if (this.tokenizer.inForeignNode) {
|
|
characterInForeignContent(this, token);
|
|
return;
|
|
}
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL: {
|
|
tokenInInitialMode(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HTML: {
|
|
tokenBeforeHtml(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HEAD: {
|
|
tokenBeforeHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD: {
|
|
tokenInHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT: {
|
|
tokenInHeadNoScript(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_HEAD: {
|
|
tokenAfterHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_BODY:
|
|
case InsertionMode.IN_CAPTION:
|
|
case InsertionMode.IN_CELL:
|
|
case InsertionMode.IN_TEMPLATE: {
|
|
characterInBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.TEXT:
|
|
case InsertionMode.IN_SELECT:
|
|
case InsertionMode.IN_SELECT_IN_TABLE: {
|
|
this._insertCharacters(token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE:
|
|
case InsertionMode.IN_TABLE_BODY:
|
|
case InsertionMode.IN_ROW: {
|
|
characterInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
characterInTableText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_COLUMN_GROUP: {
|
|
tokenInColumnGroup(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_BODY: {
|
|
tokenAfterBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_AFTER_BODY: {
|
|
tokenAfterAfterBody(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onNullCharacter(token) {
|
|
this.skipNextNewLine = false;
|
|
if (this.tokenizer.inForeignNode) {
|
|
nullCharacterInForeignContent(this, token);
|
|
return;
|
|
}
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL: {
|
|
tokenInInitialMode(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HTML: {
|
|
tokenBeforeHtml(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HEAD: {
|
|
tokenBeforeHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD: {
|
|
tokenInHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT: {
|
|
tokenInHeadNoScript(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_HEAD: {
|
|
tokenAfterHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.TEXT: {
|
|
this._insertCharacters(token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE:
|
|
case InsertionMode.IN_TABLE_BODY:
|
|
case InsertionMode.IN_ROW: {
|
|
characterInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_COLUMN_GROUP: {
|
|
tokenInColumnGroup(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_BODY: {
|
|
tokenAfterBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_AFTER_BODY: {
|
|
tokenAfterAfterBody(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onComment(token) {
|
|
this.skipNextNewLine = false;
|
|
if (this.currentNotInHTML) {
|
|
appendComment(this, token);
|
|
return;
|
|
}
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL:
|
|
case InsertionMode.BEFORE_HTML:
|
|
case InsertionMode.BEFORE_HEAD:
|
|
case InsertionMode.IN_HEAD:
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT:
|
|
case InsertionMode.AFTER_HEAD:
|
|
case InsertionMode.IN_BODY:
|
|
case InsertionMode.IN_TABLE:
|
|
case InsertionMode.IN_CAPTION:
|
|
case InsertionMode.IN_COLUMN_GROUP:
|
|
case InsertionMode.IN_TABLE_BODY:
|
|
case InsertionMode.IN_ROW:
|
|
case InsertionMode.IN_CELL:
|
|
case InsertionMode.IN_SELECT:
|
|
case InsertionMode.IN_SELECT_IN_TABLE:
|
|
case InsertionMode.IN_TEMPLATE:
|
|
case InsertionMode.IN_FRAMESET:
|
|
case InsertionMode.AFTER_FRAMESET: {
|
|
appendComment(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
tokenInTableText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_BODY: {
|
|
appendCommentToRootHtmlElement(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_AFTER_BODY:
|
|
case InsertionMode.AFTER_AFTER_FRAMESET: {
|
|
appendCommentToDocument(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onDoctype(token) {
|
|
this.skipNextNewLine = false;
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL: {
|
|
doctypeInInitialMode(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HEAD:
|
|
case InsertionMode.IN_HEAD:
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT:
|
|
case InsertionMode.AFTER_HEAD: {
|
|
this._err(token, ERR.misplacedDoctype);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
tokenInTableText(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onStartTag(token) {
|
|
this.skipNextNewLine = false;
|
|
this.currentToken = token;
|
|
this._processStartTag(token);
|
|
if (token.selfClosing && !token.ackSelfClosing) {
|
|
this._err(token, ERR.nonVoidHtmlElementStartTagWithTrailingSolidus);
|
|
}
|
|
}
|
|
/**
|
|
* Processes a given start tag.
|
|
*
|
|
* `onStartTag` checks if a self-closing tag was recognized. When a token
|
|
* is moved inbetween multiple insertion modes, this check for self-closing
|
|
* could lead to false positives. To avoid this, `_processStartTag` is used
|
|
* for nested calls.
|
|
*
|
|
* @param token The token to process.
|
|
* @protected
|
|
*/
|
|
_processStartTag(token) {
|
|
if (this.shouldProcessStartTagTokenInForeignContent(token)) {
|
|
startTagInForeignContent(this, token);
|
|
}
|
|
else {
|
|
this._startTagOutsideForeignContent(token);
|
|
}
|
|
}
|
|
/** @protected */
|
|
_startTagOutsideForeignContent(token) {
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL: {
|
|
tokenInInitialMode(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HTML: {
|
|
startTagBeforeHtml(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HEAD: {
|
|
startTagBeforeHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD: {
|
|
startTagInHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT: {
|
|
startTagInHeadNoScript(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_HEAD: {
|
|
startTagAfterHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_BODY: {
|
|
startTagInBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE: {
|
|
startTagInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
tokenInTableText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_CAPTION: {
|
|
startTagInCaption(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_COLUMN_GROUP: {
|
|
startTagInColumnGroup(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_BODY: {
|
|
startTagInTableBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_ROW: {
|
|
startTagInRow(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_CELL: {
|
|
startTagInCell(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_SELECT: {
|
|
startTagInSelect(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_SELECT_IN_TABLE: {
|
|
startTagInSelectInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TEMPLATE: {
|
|
startTagInTemplate(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_BODY: {
|
|
startTagAfterBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_FRAMESET: {
|
|
startTagInFrameset(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_FRAMESET: {
|
|
startTagAfterFrameset(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_AFTER_BODY: {
|
|
startTagAfterAfterBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_AFTER_FRAMESET: {
|
|
startTagAfterAfterFrameset(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onEndTag(token) {
|
|
this.skipNextNewLine = false;
|
|
this.currentToken = token;
|
|
if (this.currentNotInHTML) {
|
|
endTagInForeignContent(this, token);
|
|
}
|
|
else {
|
|
this._endTagOutsideForeignContent(token);
|
|
}
|
|
}
|
|
/** @protected */
|
|
_endTagOutsideForeignContent(token) {
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL: {
|
|
tokenInInitialMode(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HTML: {
|
|
endTagBeforeHtml(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HEAD: {
|
|
endTagBeforeHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD: {
|
|
endTagInHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT: {
|
|
endTagInHeadNoScript(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_HEAD: {
|
|
endTagAfterHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_BODY: {
|
|
endTagInBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.TEXT: {
|
|
endTagInText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE: {
|
|
endTagInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
tokenInTableText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_CAPTION: {
|
|
endTagInCaption(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_COLUMN_GROUP: {
|
|
endTagInColumnGroup(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_BODY: {
|
|
endTagInTableBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_ROW: {
|
|
endTagInRow(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_CELL: {
|
|
endTagInCell(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_SELECT: {
|
|
endTagInSelect(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_SELECT_IN_TABLE: {
|
|
endTagInSelectInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TEMPLATE: {
|
|
endTagInTemplate(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_BODY: {
|
|
endTagAfterBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_FRAMESET: {
|
|
endTagInFrameset(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_FRAMESET: {
|
|
endTagAfterFrameset(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_AFTER_BODY: {
|
|
tokenAfterAfterBody(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onEof(token) {
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.INITIAL: {
|
|
tokenInInitialMode(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HTML: {
|
|
tokenBeforeHtml(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.BEFORE_HEAD: {
|
|
tokenBeforeHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD: {
|
|
tokenInHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT: {
|
|
tokenInHeadNoScript(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_HEAD: {
|
|
tokenAfterHead(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_BODY:
|
|
case InsertionMode.IN_TABLE:
|
|
case InsertionMode.IN_CAPTION:
|
|
case InsertionMode.IN_COLUMN_GROUP:
|
|
case InsertionMode.IN_TABLE_BODY:
|
|
case InsertionMode.IN_ROW:
|
|
case InsertionMode.IN_CELL:
|
|
case InsertionMode.IN_SELECT:
|
|
case InsertionMode.IN_SELECT_IN_TABLE: {
|
|
eofInBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.TEXT: {
|
|
eofInText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
tokenInTableText(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TEMPLATE: {
|
|
eofInTemplate(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.AFTER_BODY:
|
|
case InsertionMode.IN_FRAMESET:
|
|
case InsertionMode.AFTER_FRAMESET:
|
|
case InsertionMode.AFTER_AFTER_BODY:
|
|
case InsertionMode.AFTER_AFTER_FRAMESET: {
|
|
stopParsing(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
/** @internal */
|
|
onWhitespaceCharacter(token) {
|
|
if (this.skipNextNewLine) {
|
|
this.skipNextNewLine = false;
|
|
if (token.chars.charCodeAt(0) === unicode.CODE_POINTS.LINE_FEED) {
|
|
if (token.chars.length === 1) {
|
|
return;
|
|
}
|
|
token.chars = token.chars.substr(1);
|
|
}
|
|
}
|
|
if (this.tokenizer.inForeignNode) {
|
|
this._insertCharacters(token);
|
|
return;
|
|
}
|
|
switch (this.insertionMode) {
|
|
case InsertionMode.IN_HEAD:
|
|
case InsertionMode.IN_HEAD_NO_SCRIPT:
|
|
case InsertionMode.AFTER_HEAD:
|
|
case InsertionMode.TEXT:
|
|
case InsertionMode.IN_COLUMN_GROUP:
|
|
case InsertionMode.IN_SELECT:
|
|
case InsertionMode.IN_SELECT_IN_TABLE:
|
|
case InsertionMode.IN_FRAMESET:
|
|
case InsertionMode.AFTER_FRAMESET: {
|
|
this._insertCharacters(token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_BODY:
|
|
case InsertionMode.IN_CAPTION:
|
|
case InsertionMode.IN_CELL:
|
|
case InsertionMode.IN_TEMPLATE:
|
|
case InsertionMode.AFTER_BODY:
|
|
case InsertionMode.AFTER_AFTER_BODY:
|
|
case InsertionMode.AFTER_AFTER_FRAMESET: {
|
|
whitespaceCharacterInBody(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE:
|
|
case InsertionMode.IN_TABLE_BODY:
|
|
case InsertionMode.IN_ROW: {
|
|
characterInTable(this, token);
|
|
break;
|
|
}
|
|
case InsertionMode.IN_TABLE_TEXT: {
|
|
whitespaceCharacterInTableText(this, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
}
|
|
//Adoption agency algorithm
|
|
//(see: http://www.whatwg.org/specs/web-apps/current-work/multipage/tree-construction.html#adoptionAgency)
|
|
//------------------------------------------------------------------
|
|
//Steps 5-8 of the algorithm
|
|
function aaObtainFormattingElementEntry(p, token) {
|
|
let formattingElementEntry = p.activeFormattingElements.getElementEntryInScopeWithTagName(token.tagName);
|
|
if (formattingElementEntry) {
|
|
if (!p.openElements.contains(formattingElementEntry.element)) {
|
|
p.activeFormattingElements.removeEntry(formattingElementEntry);
|
|
formattingElementEntry = null;
|
|
}
|
|
else if (!p.openElements.hasInScope(token.tagID)) {
|
|
formattingElementEntry = null;
|
|
}
|
|
}
|
|
else {
|
|
genericEndTagInBody(p, token);
|
|
}
|
|
return formattingElementEntry;
|
|
}
|
|
//Steps 9 and 10 of the algorithm
|
|
function aaObtainFurthestBlock(p, formattingElementEntry) {
|
|
let furthestBlock = null;
|
|
let idx = p.openElements.stackTop;
|
|
for (; idx >= 0; idx--) {
|
|
const element = p.openElements.items[idx];
|
|
if (element === formattingElementEntry.element) {
|
|
break;
|
|
}
|
|
if (p._isSpecialElement(element, p.openElements.tagIDs[idx])) {
|
|
furthestBlock = element;
|
|
}
|
|
}
|
|
if (!furthestBlock) {
|
|
p.openElements.shortenToLength(Math.max(idx, 0));
|
|
p.activeFormattingElements.removeEntry(formattingElementEntry);
|
|
}
|
|
return furthestBlock;
|
|
}
|
|
//Step 13 of the algorithm
|
|
function aaInnerLoop(p, furthestBlock, formattingElement) {
|
|
let lastElement = furthestBlock;
|
|
let nextElement = p.openElements.getCommonAncestor(furthestBlock);
|
|
for (let i = 0, element = nextElement; element !== formattingElement; i++, element = nextElement) {
|
|
//NOTE: store the next element for the next loop iteration (it may be deleted from the stack by step 9.5)
|
|
nextElement = p.openElements.getCommonAncestor(element);
|
|
const elementEntry = p.activeFormattingElements.getElementEntry(element);
|
|
const counterOverflow = elementEntry && i >= AA_INNER_LOOP_ITER;
|
|
const shouldRemoveFromOpenElements = !elementEntry || counterOverflow;
|
|
if (shouldRemoveFromOpenElements) {
|
|
if (counterOverflow) {
|
|
p.activeFormattingElements.removeEntry(elementEntry);
|
|
}
|
|
p.openElements.remove(element);
|
|
}
|
|
else {
|
|
element = aaRecreateElementFromEntry(p, elementEntry);
|
|
if (lastElement === furthestBlock) {
|
|
p.activeFormattingElements.bookmark = elementEntry;
|
|
}
|
|
p.treeAdapter.detachNode(lastElement);
|
|
p.treeAdapter.appendChild(element, lastElement);
|
|
lastElement = element;
|
|
}
|
|
}
|
|
return lastElement;
|
|
}
|
|
//Step 13.7 of the algorithm
|
|
function aaRecreateElementFromEntry(p, elementEntry) {
|
|
const ns = p.treeAdapter.getNamespaceURI(elementEntry.element);
|
|
const newElement = p.treeAdapter.createElement(elementEntry.token.tagName, ns, elementEntry.token.attrs);
|
|
p.openElements.replace(elementEntry.element, newElement);
|
|
elementEntry.element = newElement;
|
|
return newElement;
|
|
}
|
|
//Step 14 of the algorithm
|
|
function aaInsertLastNodeInCommonAncestor(p, commonAncestor, lastElement) {
|
|
const tn = p.treeAdapter.getTagName(commonAncestor);
|
|
const tid = getTagID(tn);
|
|
if (p._isElementCausesFosterParenting(tid)) {
|
|
p._fosterParentElement(lastElement);
|
|
}
|
|
else {
|
|
const ns = p.treeAdapter.getNamespaceURI(commonAncestor);
|
|
if (tid === $.TEMPLATE && ns === NS.HTML) {
|
|
commonAncestor = p.treeAdapter.getTemplateContent(commonAncestor);
|
|
}
|
|
p.treeAdapter.appendChild(commonAncestor, lastElement);
|
|
}
|
|
}
|
|
//Steps 15-19 of the algorithm
|
|
function aaReplaceFormattingElement(p, furthestBlock, formattingElementEntry) {
|
|
const ns = p.treeAdapter.getNamespaceURI(formattingElementEntry.element);
|
|
const { token } = formattingElementEntry;
|
|
const newElement = p.treeAdapter.createElement(token.tagName, ns, token.attrs);
|
|
p._adoptNodes(furthestBlock, newElement);
|
|
p.treeAdapter.appendChild(furthestBlock, newElement);
|
|
p.activeFormattingElements.insertElementAfterBookmark(newElement, token);
|
|
p.activeFormattingElements.removeEntry(formattingElementEntry);
|
|
p.openElements.remove(formattingElementEntry.element);
|
|
p.openElements.insertAfter(furthestBlock, newElement, token.tagID);
|
|
}
|
|
//Algorithm entry point
|
|
function callAdoptionAgency(p, token) {
|
|
for (let i = 0; i < AA_OUTER_LOOP_ITER; i++) {
|
|
const formattingElementEntry = aaObtainFormattingElementEntry(p, token);
|
|
if (!formattingElementEntry) {
|
|
break;
|
|
}
|
|
const furthestBlock = aaObtainFurthestBlock(p, formattingElementEntry);
|
|
if (!furthestBlock) {
|
|
break;
|
|
}
|
|
p.activeFormattingElements.bookmark = formattingElementEntry;
|
|
const lastElement = aaInnerLoop(p, furthestBlock, formattingElementEntry.element);
|
|
const commonAncestor = p.openElements.getCommonAncestor(formattingElementEntry.element);
|
|
p.treeAdapter.detachNode(lastElement);
|
|
if (commonAncestor)
|
|
aaInsertLastNodeInCommonAncestor(p, commonAncestor, lastElement);
|
|
aaReplaceFormattingElement(p, furthestBlock, formattingElementEntry);
|
|
}
|
|
}
|
|
//Generic token handlers
|
|
//------------------------------------------------------------------
|
|
function appendComment(p, token) {
|
|
p._appendCommentNode(token, p.openElements.currentTmplContentOrNode);
|
|
}
|
|
function appendCommentToRootHtmlElement(p, token) {
|
|
p._appendCommentNode(token, p.openElements.items[0]);
|
|
}
|
|
function appendCommentToDocument(p, token) {
|
|
p._appendCommentNode(token, p.document);
|
|
}
|
|
function stopParsing(p, token) {
|
|
p.stopped = true;
|
|
// NOTE: Set end locations for elements that remain on the open element stack.
|
|
if (token.location) {
|
|
// NOTE: If we are not in a fragment, `html` and `body` will stay on the stack.
|
|
// This is a problem, as we might overwrite their end position here.
|
|
const target = p.fragmentContext ? 0 : 2;
|
|
for (let i = p.openElements.stackTop; i >= target; i--) {
|
|
p._setEndLocation(p.openElements.items[i], token);
|
|
}
|
|
// Handle `html` and `body`
|
|
if (!p.fragmentContext && p.openElements.stackTop >= 0) {
|
|
const htmlElement = p.openElements.items[0];
|
|
const htmlLocation = p.treeAdapter.getNodeSourceCodeLocation(htmlElement);
|
|
if (htmlLocation && !htmlLocation.endTag) {
|
|
p._setEndLocation(htmlElement, token);
|
|
if (p.openElements.stackTop >= 1) {
|
|
const bodyElement = p.openElements.items[1];
|
|
const bodyLocation = p.treeAdapter.getNodeSourceCodeLocation(bodyElement);
|
|
if (bodyLocation && !bodyLocation.endTag) {
|
|
p._setEndLocation(bodyElement, token);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// The "initial" insertion mode
|
|
//------------------------------------------------------------------
|
|
function doctypeInInitialMode(p, token) {
|
|
p._setDocumentType(token);
|
|
const mode = token.forceQuirks ? DOCUMENT_MODE.QUIRKS : doctype.getDocumentMode(token);
|
|
if (!doctype.isConforming(token)) {
|
|
p._err(token, ERR.nonConformingDoctype);
|
|
}
|
|
p.treeAdapter.setDocumentMode(p.document, mode);
|
|
p.insertionMode = InsertionMode.BEFORE_HTML;
|
|
}
|
|
function tokenInInitialMode(p, token) {
|
|
p._err(token, ERR.missingDoctype, true);
|
|
p.treeAdapter.setDocumentMode(p.document, DOCUMENT_MODE.QUIRKS);
|
|
p.insertionMode = InsertionMode.BEFORE_HTML;
|
|
p._processToken(token);
|
|
}
|
|
// The "before html" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagBeforeHtml(p, token) {
|
|
if (token.tagID === $.HTML) {
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.BEFORE_HEAD;
|
|
}
|
|
else {
|
|
tokenBeforeHtml(p, token);
|
|
}
|
|
}
|
|
function endTagBeforeHtml(p, token) {
|
|
const tn = token.tagID;
|
|
if (tn === $.HTML || tn === $.HEAD || tn === $.BODY || tn === $.BR) {
|
|
tokenBeforeHtml(p, token);
|
|
}
|
|
}
|
|
function tokenBeforeHtml(p, token) {
|
|
p._insertFakeRootElement();
|
|
p.insertionMode = InsertionMode.BEFORE_HEAD;
|
|
p._processToken(token);
|
|
}
|
|
// The "before head" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagBeforeHead(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.HEAD: {
|
|
p._insertElement(token, NS.HTML);
|
|
p.headElement = p.openElements.current;
|
|
p.insertionMode = InsertionMode.IN_HEAD;
|
|
break;
|
|
}
|
|
default: {
|
|
tokenBeforeHead(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagBeforeHead(p, token) {
|
|
const tn = token.tagID;
|
|
if (tn === $.HEAD || tn === $.BODY || tn === $.HTML || tn === $.BR) {
|
|
tokenBeforeHead(p, token);
|
|
}
|
|
else {
|
|
p._err(token, ERR.endTagWithoutMatchingOpenElement);
|
|
}
|
|
}
|
|
function tokenBeforeHead(p, token) {
|
|
p._insertFakeElement(TN.HEAD, $.HEAD);
|
|
p.headElement = p.openElements.current;
|
|
p.insertionMode = InsertionMode.IN_HEAD;
|
|
p._processToken(token);
|
|
}
|
|
// The "in head" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInHead(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.BASE:
|
|
case $.BASEFONT:
|
|
case $.BGSOUND:
|
|
case $.LINK:
|
|
case $.META: {
|
|
p._appendElement(token, NS.HTML);
|
|
token.ackSelfClosing = true;
|
|
break;
|
|
}
|
|
case $.TITLE: {
|
|
p._switchToTextParsing(token, TokenizerMode.RCDATA);
|
|
break;
|
|
}
|
|
case $.NOSCRIPT: {
|
|
if (p.options.scriptingEnabled) {
|
|
p._switchToTextParsing(token, TokenizerMode.RAWTEXT);
|
|
}
|
|
else {
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_HEAD_NO_SCRIPT;
|
|
}
|
|
break;
|
|
}
|
|
case $.NOFRAMES:
|
|
case $.STYLE: {
|
|
p._switchToTextParsing(token, TokenizerMode.RAWTEXT);
|
|
break;
|
|
}
|
|
case $.SCRIPT: {
|
|
p._switchToTextParsing(token, TokenizerMode.SCRIPT_DATA);
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
p._insertTemplate(token);
|
|
p.activeFormattingElements.insertMarker();
|
|
p.framesetOk = false;
|
|
p.insertionMode = InsertionMode.IN_TEMPLATE;
|
|
p.tmplInsertionModeStack.unshift(InsertionMode.IN_TEMPLATE);
|
|
break;
|
|
}
|
|
case $.HEAD: {
|
|
p._err(token, ERR.misplacedStartTagForHeadElement);
|
|
break;
|
|
}
|
|
default: {
|
|
tokenInHead(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInHead(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HEAD: {
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.AFTER_HEAD;
|
|
break;
|
|
}
|
|
case $.BODY:
|
|
case $.BR:
|
|
case $.HTML: {
|
|
tokenInHead(p, token);
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
templateEndTagInHead(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
p._err(token, ERR.endTagWithoutMatchingOpenElement);
|
|
}
|
|
}
|
|
}
|
|
function templateEndTagInHead(p, token) {
|
|
if (p.openElements.tmplCount > 0) {
|
|
p.openElements.generateImpliedEndTagsThoroughly();
|
|
if (p.openElements.currentTagId !== $.TEMPLATE) {
|
|
p._err(token, ERR.closingOfElementWithOpenChildElements);
|
|
}
|
|
p.openElements.popUntilTagNamePopped($.TEMPLATE);
|
|
p.activeFormattingElements.clearToLastMarker();
|
|
p.tmplInsertionModeStack.shift();
|
|
p._resetInsertionMode();
|
|
}
|
|
else {
|
|
p._err(token, ERR.endTagWithoutMatchingOpenElement);
|
|
}
|
|
}
|
|
function tokenInHead(p, token) {
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.AFTER_HEAD;
|
|
p._processToken(token);
|
|
}
|
|
// The "in head no script" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInHeadNoScript(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.BASEFONT:
|
|
case $.BGSOUND:
|
|
case $.HEAD:
|
|
case $.LINK:
|
|
case $.META:
|
|
case $.NOFRAMES:
|
|
case $.STYLE: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
case $.NOSCRIPT: {
|
|
p._err(token, ERR.nestedNoscriptInHead);
|
|
break;
|
|
}
|
|
default: {
|
|
tokenInHeadNoScript(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInHeadNoScript(p, token) {
|
|
switch (token.tagID) {
|
|
case $.NOSCRIPT: {
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_HEAD;
|
|
break;
|
|
}
|
|
case $.BR: {
|
|
tokenInHeadNoScript(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
p._err(token, ERR.endTagWithoutMatchingOpenElement);
|
|
}
|
|
}
|
|
}
|
|
function tokenInHeadNoScript(p, token) {
|
|
const errCode = token.type === TokenType.EOF ? ERR.openElementsLeftAfterEof : ERR.disallowedContentInNoscriptInHead;
|
|
p._err(token, errCode);
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_HEAD;
|
|
p._processToken(token);
|
|
}
|
|
// The "after head" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagAfterHead(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.BODY: {
|
|
p._insertElement(token, NS.HTML);
|
|
p.framesetOk = false;
|
|
p.insertionMode = InsertionMode.IN_BODY;
|
|
break;
|
|
}
|
|
case $.FRAMESET: {
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_FRAMESET;
|
|
break;
|
|
}
|
|
case $.BASE:
|
|
case $.BASEFONT:
|
|
case $.BGSOUND:
|
|
case $.LINK:
|
|
case $.META:
|
|
case $.NOFRAMES:
|
|
case $.SCRIPT:
|
|
case $.STYLE:
|
|
case $.TEMPLATE:
|
|
case $.TITLE: {
|
|
p._err(token, ERR.abandonedHeadElementChild);
|
|
p.openElements.push(p.headElement, $.HEAD);
|
|
startTagInHead(p, token);
|
|
p.openElements.remove(p.headElement);
|
|
break;
|
|
}
|
|
case $.HEAD: {
|
|
p._err(token, ERR.misplacedStartTagForHeadElement);
|
|
break;
|
|
}
|
|
default: {
|
|
tokenAfterHead(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagAfterHead(p, token) {
|
|
switch (token.tagID) {
|
|
case $.BODY:
|
|
case $.HTML:
|
|
case $.BR: {
|
|
tokenAfterHead(p, token);
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
templateEndTagInHead(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
p._err(token, ERR.endTagWithoutMatchingOpenElement);
|
|
}
|
|
}
|
|
}
|
|
function tokenAfterHead(p, token) {
|
|
p._insertFakeElement(TN.BODY, $.BODY);
|
|
p.insertionMode = InsertionMode.IN_BODY;
|
|
modeInBody(p, token);
|
|
}
|
|
// The "in body" insertion mode
|
|
//------------------------------------------------------------------
|
|
function modeInBody(p, token) {
|
|
switch (token.type) {
|
|
case TokenType.CHARACTER: {
|
|
characterInBody(p, token);
|
|
break;
|
|
}
|
|
case TokenType.WHITESPACE_CHARACTER: {
|
|
whitespaceCharacterInBody(p, token);
|
|
break;
|
|
}
|
|
case TokenType.COMMENT: {
|
|
appendComment(p, token);
|
|
break;
|
|
}
|
|
case TokenType.START_TAG: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case TokenType.END_TAG: {
|
|
endTagInBody(p, token);
|
|
break;
|
|
}
|
|
case TokenType.EOF: {
|
|
eofInBody(p, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
function whitespaceCharacterInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertCharacters(token);
|
|
}
|
|
function characterInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertCharacters(token);
|
|
p.framesetOk = false;
|
|
}
|
|
function htmlStartTagInBody(p, token) {
|
|
if (p.openElements.tmplCount === 0) {
|
|
p.treeAdapter.adoptAttributes(p.openElements.items[0], token.attrs);
|
|
}
|
|
}
|
|
function bodyStartTagInBody(p, token) {
|
|
const bodyElement = p.openElements.tryPeekProperlyNestedBodyElement();
|
|
if (bodyElement && p.openElements.tmplCount === 0) {
|
|
p.framesetOk = false;
|
|
p.treeAdapter.adoptAttributes(bodyElement, token.attrs);
|
|
}
|
|
}
|
|
function framesetStartTagInBody(p, token) {
|
|
const bodyElement = p.openElements.tryPeekProperlyNestedBodyElement();
|
|
if (p.framesetOk && bodyElement) {
|
|
p.treeAdapter.detachNode(bodyElement);
|
|
p.openElements.popAllUpToHtmlElement();
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_FRAMESET;
|
|
}
|
|
}
|
|
function addressStartTagInBody(p, token) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function numberedHeaderStartTagInBody(p, token) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
if (p.openElements.currentTagId !== undefined && NUMBERED_HEADERS.has(p.openElements.currentTagId)) {
|
|
p.openElements.pop();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function preStartTagInBody(p, token) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
//NOTE: If the next token is a U+000A LINE FEED (LF) character token, then ignore that token and move
|
|
//on to the next one. (Newlines at the start of pre blocks are ignored as an authoring convenience.)
|
|
p.skipNextNewLine = true;
|
|
p.framesetOk = false;
|
|
}
|
|
function formStartTagInBody(p, token) {
|
|
const inTemplate = p.openElements.tmplCount > 0;
|
|
if (!p.formElement || inTemplate) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
if (!inTemplate) {
|
|
p.formElement = p.openElements.current;
|
|
}
|
|
}
|
|
}
|
|
function listItemStartTagInBody(p, token) {
|
|
p.framesetOk = false;
|
|
const tn = token.tagID;
|
|
for (let i = p.openElements.stackTop; i >= 0; i--) {
|
|
const elementId = p.openElements.tagIDs[i];
|
|
if ((tn === $.LI && elementId === $.LI) ||
|
|
((tn === $.DD || tn === $.DT) && (elementId === $.DD || elementId === $.DT))) {
|
|
p.openElements.generateImpliedEndTagsWithExclusion(elementId);
|
|
p.openElements.popUntilTagNamePopped(elementId);
|
|
break;
|
|
}
|
|
if (elementId !== $.ADDRESS &&
|
|
elementId !== $.DIV &&
|
|
elementId !== $.P &&
|
|
p._isSpecialElement(p.openElements.items[i], elementId)) {
|
|
break;
|
|
}
|
|
}
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function plaintextStartTagInBody(p, token) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
p.tokenizer.state = TokenizerMode.PLAINTEXT;
|
|
}
|
|
function buttonStartTagInBody(p, token) {
|
|
if (p.openElements.hasInScope($.BUTTON)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilTagNamePopped($.BUTTON);
|
|
}
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
p.framesetOk = false;
|
|
}
|
|
function aStartTagInBody(p, token) {
|
|
const activeElementEntry = p.activeFormattingElements.getElementEntryInScopeWithTagName(TN.A);
|
|
if (activeElementEntry) {
|
|
callAdoptionAgency(p, token);
|
|
p.openElements.remove(activeElementEntry.element);
|
|
p.activeFormattingElements.removeEntry(activeElementEntry);
|
|
}
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
p.activeFormattingElements.pushElement(p.openElements.current, token);
|
|
}
|
|
function bStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
p.activeFormattingElements.pushElement(p.openElements.current, token);
|
|
}
|
|
function nobrStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
if (p.openElements.hasInScope($.NOBR)) {
|
|
callAdoptionAgency(p, token);
|
|
p._reconstructActiveFormattingElements();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
p.activeFormattingElements.pushElement(p.openElements.current, token);
|
|
}
|
|
function appletStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
p.activeFormattingElements.insertMarker();
|
|
p.framesetOk = false;
|
|
}
|
|
function tableStartTagInBody(p, token) {
|
|
if (p.treeAdapter.getDocumentMode(p.document) !== DOCUMENT_MODE.QUIRKS && p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
p.framesetOk = false;
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
}
|
|
function areaStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._appendElement(token, NS.HTML);
|
|
p.framesetOk = false;
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function isHiddenInput(token) {
|
|
const inputType = getTokenAttr(token, ATTRS.TYPE);
|
|
return inputType != null && inputType.toLowerCase() === HIDDEN_INPUT_TYPE;
|
|
}
|
|
function inputStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._appendElement(token, NS.HTML);
|
|
if (!isHiddenInput(token)) {
|
|
p.framesetOk = false;
|
|
}
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function paramStartTagInBody(p, token) {
|
|
p._appendElement(token, NS.HTML);
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function hrStartTagInBody(p, token) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._appendElement(token, NS.HTML);
|
|
p.framesetOk = false;
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function imageStartTagInBody(p, token) {
|
|
token.tagName = TN.IMG;
|
|
token.tagID = $.IMG;
|
|
areaStartTagInBody(p, token);
|
|
}
|
|
function textareaStartTagInBody(p, token) {
|
|
p._insertElement(token, NS.HTML);
|
|
//NOTE: If the next token is a U+000A LINE FEED (LF) character token, then ignore that token and move
|
|
//on to the next one. (Newlines at the start of textarea elements are ignored as an authoring convenience.)
|
|
p.skipNextNewLine = true;
|
|
p.tokenizer.state = TokenizerMode.RCDATA;
|
|
p.originalInsertionMode = p.insertionMode;
|
|
p.framesetOk = false;
|
|
p.insertionMode = InsertionMode.TEXT;
|
|
}
|
|
function xmpStartTagInBody(p, token) {
|
|
if (p.openElements.hasInButtonScope($.P)) {
|
|
p._closePElement();
|
|
}
|
|
p._reconstructActiveFormattingElements();
|
|
p.framesetOk = false;
|
|
p._switchToTextParsing(token, TokenizerMode.RAWTEXT);
|
|
}
|
|
function iframeStartTagInBody(p, token) {
|
|
p.framesetOk = false;
|
|
p._switchToTextParsing(token, TokenizerMode.RAWTEXT);
|
|
}
|
|
//NOTE: here we assume that we always act as a user agent with enabled plugins/frames, so we parse
|
|
//<noembed>/<noframes> as rawtext.
|
|
function rawTextStartTagInBody(p, token) {
|
|
p._switchToTextParsing(token, TokenizerMode.RAWTEXT);
|
|
}
|
|
function selectStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
p.framesetOk = false;
|
|
p.insertionMode =
|
|
p.insertionMode === InsertionMode.IN_TABLE ||
|
|
p.insertionMode === InsertionMode.IN_CAPTION ||
|
|
p.insertionMode === InsertionMode.IN_TABLE_BODY ||
|
|
p.insertionMode === InsertionMode.IN_ROW ||
|
|
p.insertionMode === InsertionMode.IN_CELL
|
|
? InsertionMode.IN_SELECT_IN_TABLE
|
|
: InsertionMode.IN_SELECT;
|
|
}
|
|
function optgroupStartTagInBody(p, token) {
|
|
if (p.openElements.currentTagId === $.OPTION) {
|
|
p.openElements.pop();
|
|
}
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function rbStartTagInBody(p, token) {
|
|
if (p.openElements.hasInScope($.RUBY)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function rtStartTagInBody(p, token) {
|
|
if (p.openElements.hasInScope($.RUBY)) {
|
|
p.openElements.generateImpliedEndTagsWithExclusion($.RTC);
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function mathStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
foreignContent.adjustTokenMathMLAttrs(token);
|
|
foreignContent.adjustTokenXMLAttrs(token);
|
|
if (token.selfClosing) {
|
|
p._appendElement(token, NS.MATHML);
|
|
}
|
|
else {
|
|
p._insertElement(token, NS.MATHML);
|
|
}
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function svgStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
foreignContent.adjustTokenSVGAttrs(token);
|
|
foreignContent.adjustTokenXMLAttrs(token);
|
|
if (token.selfClosing) {
|
|
p._appendElement(token, NS.SVG);
|
|
}
|
|
else {
|
|
p._insertElement(token, NS.SVG);
|
|
}
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function genericStartTagInBody(p, token) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertElement(token, NS.HTML);
|
|
}
|
|
function startTagInBody(p, token) {
|
|
switch (token.tagID) {
|
|
case $.I:
|
|
case $.S:
|
|
case $.B:
|
|
case $.U:
|
|
case $.EM:
|
|
case $.TT:
|
|
case $.BIG:
|
|
case $.CODE:
|
|
case $.FONT:
|
|
case $.SMALL:
|
|
case $.STRIKE:
|
|
case $.STRONG: {
|
|
bStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.A: {
|
|
aStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.H1:
|
|
case $.H2:
|
|
case $.H3:
|
|
case $.H4:
|
|
case $.H5:
|
|
case $.H6: {
|
|
numberedHeaderStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.P:
|
|
case $.DL:
|
|
case $.OL:
|
|
case $.UL:
|
|
case $.DIV:
|
|
case $.DIR:
|
|
case $.NAV:
|
|
case $.MAIN:
|
|
case $.MENU:
|
|
case $.ASIDE:
|
|
case $.CENTER:
|
|
case $.FIGURE:
|
|
case $.FOOTER:
|
|
case $.HEADER:
|
|
case $.HGROUP:
|
|
case $.DIALOG:
|
|
case $.DETAILS:
|
|
case $.ADDRESS:
|
|
case $.ARTICLE:
|
|
case $.SEARCH:
|
|
case $.SECTION:
|
|
case $.SUMMARY:
|
|
case $.FIELDSET:
|
|
case $.BLOCKQUOTE:
|
|
case $.FIGCAPTION: {
|
|
addressStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.LI:
|
|
case $.DD:
|
|
case $.DT: {
|
|
listItemStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.BR:
|
|
case $.IMG:
|
|
case $.WBR:
|
|
case $.AREA:
|
|
case $.EMBED:
|
|
case $.KEYGEN: {
|
|
areaStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.HR: {
|
|
hrStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.RB:
|
|
case $.RTC: {
|
|
rbStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.RT:
|
|
case $.RP: {
|
|
rtStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.PRE:
|
|
case $.LISTING: {
|
|
preStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.XMP: {
|
|
xmpStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.SVG: {
|
|
svgStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.HTML: {
|
|
htmlStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.BASE:
|
|
case $.LINK:
|
|
case $.META:
|
|
case $.STYLE:
|
|
case $.TITLE:
|
|
case $.SCRIPT:
|
|
case $.BGSOUND:
|
|
case $.BASEFONT:
|
|
case $.TEMPLATE: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
case $.BODY: {
|
|
bodyStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.FORM: {
|
|
formStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.NOBR: {
|
|
nobrStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.MATH: {
|
|
mathStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.TABLE: {
|
|
tableStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.INPUT: {
|
|
inputStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.PARAM:
|
|
case $.TRACK:
|
|
case $.SOURCE: {
|
|
paramStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.IMAGE: {
|
|
imageStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.BUTTON: {
|
|
buttonStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.APPLET:
|
|
case $.OBJECT:
|
|
case $.MARQUEE: {
|
|
appletStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.IFRAME: {
|
|
iframeStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.SELECT: {
|
|
selectStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.OPTION:
|
|
case $.OPTGROUP: {
|
|
optgroupStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.NOEMBED:
|
|
case $.NOFRAMES: {
|
|
rawTextStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.FRAMESET: {
|
|
framesetStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.TEXTAREA: {
|
|
textareaStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.NOSCRIPT: {
|
|
if (p.options.scriptingEnabled) {
|
|
rawTextStartTagInBody(p, token);
|
|
}
|
|
else {
|
|
genericStartTagInBody(p, token);
|
|
}
|
|
break;
|
|
}
|
|
case $.PLAINTEXT: {
|
|
plaintextStartTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.COL:
|
|
case $.TH:
|
|
case $.TD:
|
|
case $.TR:
|
|
case $.HEAD:
|
|
case $.FRAME:
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD:
|
|
case $.CAPTION:
|
|
case $.COLGROUP: {
|
|
// Ignore token
|
|
break;
|
|
}
|
|
default: {
|
|
genericStartTagInBody(p, token);
|
|
}
|
|
}
|
|
}
|
|
function bodyEndTagInBody(p, token) {
|
|
if (p.openElements.hasInScope($.BODY)) {
|
|
p.insertionMode = InsertionMode.AFTER_BODY;
|
|
//NOTE: <body> is never popped from the stack, so we need to updated
|
|
//the end location explicitly.
|
|
if (p.options.sourceCodeLocationInfo) {
|
|
const bodyElement = p.openElements.tryPeekProperlyNestedBodyElement();
|
|
if (bodyElement) {
|
|
p._setEndLocation(bodyElement, token);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function htmlEndTagInBody(p, token) {
|
|
if (p.openElements.hasInScope($.BODY)) {
|
|
p.insertionMode = InsertionMode.AFTER_BODY;
|
|
endTagAfterBody(p, token);
|
|
}
|
|
}
|
|
function addressEndTagInBody(p, token) {
|
|
const tn = token.tagID;
|
|
if (p.openElements.hasInScope(tn)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilTagNamePopped(tn);
|
|
}
|
|
}
|
|
function formEndTagInBody(p) {
|
|
const inTemplate = p.openElements.tmplCount > 0;
|
|
const { formElement } = p;
|
|
if (!inTemplate) {
|
|
p.formElement = null;
|
|
}
|
|
if ((formElement || inTemplate) && p.openElements.hasInScope($.FORM)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
if (inTemplate) {
|
|
p.openElements.popUntilTagNamePopped($.FORM);
|
|
}
|
|
else if (formElement) {
|
|
p.openElements.remove(formElement);
|
|
}
|
|
}
|
|
}
|
|
function pEndTagInBody(p) {
|
|
if (!p.openElements.hasInButtonScope($.P)) {
|
|
p._insertFakeElement(TN.P, $.P);
|
|
}
|
|
p._closePElement();
|
|
}
|
|
function liEndTagInBody(p) {
|
|
if (p.openElements.hasInListItemScope($.LI)) {
|
|
p.openElements.generateImpliedEndTagsWithExclusion($.LI);
|
|
p.openElements.popUntilTagNamePopped($.LI);
|
|
}
|
|
}
|
|
function ddEndTagInBody(p, token) {
|
|
const tn = token.tagID;
|
|
if (p.openElements.hasInScope(tn)) {
|
|
p.openElements.generateImpliedEndTagsWithExclusion(tn);
|
|
p.openElements.popUntilTagNamePopped(tn);
|
|
}
|
|
}
|
|
function numberedHeaderEndTagInBody(p) {
|
|
if (p.openElements.hasNumberedHeaderInScope()) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilNumberedHeaderPopped();
|
|
}
|
|
}
|
|
function appletEndTagInBody(p, token) {
|
|
const tn = token.tagID;
|
|
if (p.openElements.hasInScope(tn)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilTagNamePopped(tn);
|
|
p.activeFormattingElements.clearToLastMarker();
|
|
}
|
|
}
|
|
function brEndTagInBody(p) {
|
|
p._reconstructActiveFormattingElements();
|
|
p._insertFakeElement(TN.BR, $.BR);
|
|
p.openElements.pop();
|
|
p.framesetOk = false;
|
|
}
|
|
function genericEndTagInBody(p, token) {
|
|
const tn = token.tagName;
|
|
const tid = token.tagID;
|
|
for (let i = p.openElements.stackTop; i > 0; i--) {
|
|
const element = p.openElements.items[i];
|
|
const elementId = p.openElements.tagIDs[i];
|
|
// Compare the tag name here, as the tag might not be a known tag with an ID.
|
|
if (tid === elementId && (tid !== $.UNKNOWN || p.treeAdapter.getTagName(element) === tn)) {
|
|
p.openElements.generateImpliedEndTagsWithExclusion(tid);
|
|
if (p.openElements.stackTop >= i)
|
|
p.openElements.shortenToLength(i);
|
|
break;
|
|
}
|
|
if (p._isSpecialElement(element, elementId)) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
function endTagInBody(p, token) {
|
|
switch (token.tagID) {
|
|
case $.A:
|
|
case $.B:
|
|
case $.I:
|
|
case $.S:
|
|
case $.U:
|
|
case $.EM:
|
|
case $.TT:
|
|
case $.BIG:
|
|
case $.CODE:
|
|
case $.FONT:
|
|
case $.NOBR:
|
|
case $.SMALL:
|
|
case $.STRIKE:
|
|
case $.STRONG: {
|
|
callAdoptionAgency(p, token);
|
|
break;
|
|
}
|
|
case $.P: {
|
|
pEndTagInBody(p);
|
|
break;
|
|
}
|
|
case $.DL:
|
|
case $.UL:
|
|
case $.OL:
|
|
case $.DIR:
|
|
case $.DIV:
|
|
case $.NAV:
|
|
case $.PRE:
|
|
case $.MAIN:
|
|
case $.MENU:
|
|
case $.ASIDE:
|
|
case $.BUTTON:
|
|
case $.CENTER:
|
|
case $.FIGURE:
|
|
case $.FOOTER:
|
|
case $.HEADER:
|
|
case $.HGROUP:
|
|
case $.DIALOG:
|
|
case $.ADDRESS:
|
|
case $.ARTICLE:
|
|
case $.DETAILS:
|
|
case $.SEARCH:
|
|
case $.SECTION:
|
|
case $.SUMMARY:
|
|
case $.LISTING:
|
|
case $.FIELDSET:
|
|
case $.BLOCKQUOTE:
|
|
case $.FIGCAPTION: {
|
|
addressEndTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.LI: {
|
|
liEndTagInBody(p);
|
|
break;
|
|
}
|
|
case $.DD:
|
|
case $.DT: {
|
|
ddEndTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.H1:
|
|
case $.H2:
|
|
case $.H3:
|
|
case $.H4:
|
|
case $.H5:
|
|
case $.H6: {
|
|
numberedHeaderEndTagInBody(p);
|
|
break;
|
|
}
|
|
case $.BR: {
|
|
brEndTagInBody(p);
|
|
break;
|
|
}
|
|
case $.BODY: {
|
|
bodyEndTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.HTML: {
|
|
htmlEndTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.FORM: {
|
|
formEndTagInBody(p);
|
|
break;
|
|
}
|
|
case $.APPLET:
|
|
case $.OBJECT:
|
|
case $.MARQUEE: {
|
|
appletEndTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
templateEndTagInHead(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
genericEndTagInBody(p, token);
|
|
}
|
|
}
|
|
}
|
|
function eofInBody(p, token) {
|
|
if (p.tmplInsertionModeStack.length > 0) {
|
|
eofInTemplate(p, token);
|
|
}
|
|
else {
|
|
stopParsing(p, token);
|
|
}
|
|
}
|
|
// The "text" insertion mode
|
|
//------------------------------------------------------------------
|
|
function endTagInText(p, token) {
|
|
var _a;
|
|
if (token.tagID === $.SCRIPT) {
|
|
(_a = p.scriptHandler) === null || _a === void 0 ? void 0 : _a.call(p, p.openElements.current);
|
|
}
|
|
p.openElements.pop();
|
|
p.insertionMode = p.originalInsertionMode;
|
|
}
|
|
function eofInText(p, token) {
|
|
p._err(token, ERR.eofInElementThatCanContainOnlyText);
|
|
p.openElements.pop();
|
|
p.insertionMode = p.originalInsertionMode;
|
|
p.onEof(token);
|
|
}
|
|
// The "in table" insertion mode
|
|
//------------------------------------------------------------------
|
|
function characterInTable(p, token) {
|
|
if (p.openElements.currentTagId !== undefined && TABLE_STRUCTURE_TAGS.has(p.openElements.currentTagId)) {
|
|
p.pendingCharacterTokens.length = 0;
|
|
p.hasNonWhitespacePendingCharacterToken = false;
|
|
p.originalInsertionMode = p.insertionMode;
|
|
p.insertionMode = InsertionMode.IN_TABLE_TEXT;
|
|
switch (token.type) {
|
|
case TokenType.CHARACTER: {
|
|
characterInTableText(p, token);
|
|
break;
|
|
}
|
|
case TokenType.WHITESPACE_CHARACTER: {
|
|
whitespaceCharacterInTableText(p, token);
|
|
break;
|
|
}
|
|
// Ignore null
|
|
}
|
|
}
|
|
else {
|
|
tokenInTable(p, token);
|
|
}
|
|
}
|
|
function captionStartTagInTable(p, token) {
|
|
p.openElements.clearBackToTableContext();
|
|
p.activeFormattingElements.insertMarker();
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_CAPTION;
|
|
}
|
|
function colgroupStartTagInTable(p, token) {
|
|
p.openElements.clearBackToTableContext();
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_COLUMN_GROUP;
|
|
}
|
|
function colStartTagInTable(p, token) {
|
|
p.openElements.clearBackToTableContext();
|
|
p._insertFakeElement(TN.COLGROUP, $.COLGROUP);
|
|
p.insertionMode = InsertionMode.IN_COLUMN_GROUP;
|
|
startTagInColumnGroup(p, token);
|
|
}
|
|
function tbodyStartTagInTable(p, token) {
|
|
p.openElements.clearBackToTableContext();
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
}
|
|
function tdStartTagInTable(p, token) {
|
|
p.openElements.clearBackToTableContext();
|
|
p._insertFakeElement(TN.TBODY, $.TBODY);
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
startTagInTableBody(p, token);
|
|
}
|
|
function tableStartTagInTable(p, token) {
|
|
if (p.openElements.hasInTableScope($.TABLE)) {
|
|
p.openElements.popUntilTagNamePopped($.TABLE);
|
|
p._resetInsertionMode();
|
|
p._processStartTag(token);
|
|
}
|
|
}
|
|
function inputStartTagInTable(p, token) {
|
|
if (isHiddenInput(token)) {
|
|
p._appendElement(token, NS.HTML);
|
|
}
|
|
else {
|
|
tokenInTable(p, token);
|
|
}
|
|
token.ackSelfClosing = true;
|
|
}
|
|
function formStartTagInTable(p, token) {
|
|
if (!p.formElement && p.openElements.tmplCount === 0) {
|
|
p._insertElement(token, NS.HTML);
|
|
p.formElement = p.openElements.current;
|
|
p.openElements.pop();
|
|
}
|
|
}
|
|
function startTagInTable(p, token) {
|
|
switch (token.tagID) {
|
|
case $.TD:
|
|
case $.TH:
|
|
case $.TR: {
|
|
tdStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.STYLE:
|
|
case $.SCRIPT:
|
|
case $.TEMPLATE: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
case $.COL: {
|
|
colStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.FORM: {
|
|
formStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.TABLE: {
|
|
tableStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD: {
|
|
tbodyStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.INPUT: {
|
|
inputStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.CAPTION: {
|
|
captionStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.COLGROUP: {
|
|
colgroupStartTagInTable(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
tokenInTable(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInTable(p, token) {
|
|
switch (token.tagID) {
|
|
case $.TABLE: {
|
|
if (p.openElements.hasInTableScope($.TABLE)) {
|
|
p.openElements.popUntilTagNamePopped($.TABLE);
|
|
p._resetInsertionMode();
|
|
}
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
templateEndTagInHead(p, token);
|
|
break;
|
|
}
|
|
case $.BODY:
|
|
case $.CAPTION:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.HTML:
|
|
case $.TBODY:
|
|
case $.TD:
|
|
case $.TFOOT:
|
|
case $.TH:
|
|
case $.THEAD:
|
|
case $.TR: {
|
|
// Ignore token
|
|
break;
|
|
}
|
|
default: {
|
|
tokenInTable(p, token);
|
|
}
|
|
}
|
|
}
|
|
function tokenInTable(p, token) {
|
|
const savedFosterParentingState = p.fosterParentingEnabled;
|
|
p.fosterParentingEnabled = true;
|
|
// Process token in `In Body` mode
|
|
modeInBody(p, token);
|
|
p.fosterParentingEnabled = savedFosterParentingState;
|
|
}
|
|
// The "in table text" insertion mode
|
|
//------------------------------------------------------------------
|
|
function whitespaceCharacterInTableText(p, token) {
|
|
p.pendingCharacterTokens.push(token);
|
|
}
|
|
function characterInTableText(p, token) {
|
|
p.pendingCharacterTokens.push(token);
|
|
p.hasNonWhitespacePendingCharacterToken = true;
|
|
}
|
|
function tokenInTableText(p, token) {
|
|
let i = 0;
|
|
if (p.hasNonWhitespacePendingCharacterToken) {
|
|
for (; i < p.pendingCharacterTokens.length; i++) {
|
|
tokenInTable(p, p.pendingCharacterTokens[i]);
|
|
}
|
|
}
|
|
else {
|
|
for (; i < p.pendingCharacterTokens.length; i++) {
|
|
p._insertCharacters(p.pendingCharacterTokens[i]);
|
|
}
|
|
}
|
|
p.insertionMode = p.originalInsertionMode;
|
|
p._processToken(token);
|
|
}
|
|
// The "in caption" insertion mode
|
|
//------------------------------------------------------------------
|
|
const TABLE_VOID_ELEMENTS = new Set([$.CAPTION, $.COL, $.COLGROUP, $.TBODY, $.TD, $.TFOOT, $.TH, $.THEAD, $.TR]);
|
|
function startTagInCaption(p, token) {
|
|
const tn = token.tagID;
|
|
if (TABLE_VOID_ELEMENTS.has(tn)) {
|
|
if (p.openElements.hasInTableScope($.CAPTION)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilTagNamePopped($.CAPTION);
|
|
p.activeFormattingElements.clearToLastMarker();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
startTagInTable(p, token);
|
|
}
|
|
}
|
|
else {
|
|
startTagInBody(p, token);
|
|
}
|
|
}
|
|
function endTagInCaption(p, token) {
|
|
const tn = token.tagID;
|
|
switch (tn) {
|
|
case $.CAPTION:
|
|
case $.TABLE: {
|
|
if (p.openElements.hasInTableScope($.CAPTION)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilTagNamePopped($.CAPTION);
|
|
p.activeFormattingElements.clearToLastMarker();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
if (tn === $.TABLE) {
|
|
endTagInTable(p, token);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
case $.BODY:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.HTML:
|
|
case $.TBODY:
|
|
case $.TD:
|
|
case $.TFOOT:
|
|
case $.TH:
|
|
case $.THEAD:
|
|
case $.TR: {
|
|
// Ignore token
|
|
break;
|
|
}
|
|
default: {
|
|
endTagInBody(p, token);
|
|
}
|
|
}
|
|
}
|
|
// The "in column group" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInColumnGroup(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.COL: {
|
|
p._appendElement(token, NS.HTML);
|
|
token.ackSelfClosing = true;
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
tokenInColumnGroup(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInColumnGroup(p, token) {
|
|
switch (token.tagID) {
|
|
case $.COLGROUP: {
|
|
if (p.openElements.currentTagId === $.COLGROUP) {
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
}
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
templateEndTagInHead(p, token);
|
|
break;
|
|
}
|
|
case $.COL: {
|
|
// Ignore token
|
|
break;
|
|
}
|
|
default: {
|
|
tokenInColumnGroup(p, token);
|
|
}
|
|
}
|
|
}
|
|
function tokenInColumnGroup(p, token) {
|
|
if (p.openElements.currentTagId === $.COLGROUP) {
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
p._processToken(token);
|
|
}
|
|
}
|
|
// The "in table body" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInTableBody(p, token) {
|
|
switch (token.tagID) {
|
|
case $.TR: {
|
|
p.openElements.clearBackToTableBodyContext();
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_ROW;
|
|
break;
|
|
}
|
|
case $.TH:
|
|
case $.TD: {
|
|
p.openElements.clearBackToTableBodyContext();
|
|
p._insertFakeElement(TN.TR, $.TR);
|
|
p.insertionMode = InsertionMode.IN_ROW;
|
|
startTagInRow(p, token);
|
|
break;
|
|
}
|
|
case $.CAPTION:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD: {
|
|
if (p.openElements.hasTableBodyContextInTableScope()) {
|
|
p.openElements.clearBackToTableBodyContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
startTagInTable(p, token);
|
|
}
|
|
break;
|
|
}
|
|
default: {
|
|
startTagInTable(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInTableBody(p, token) {
|
|
const tn = token.tagID;
|
|
switch (token.tagID) {
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD: {
|
|
if (p.openElements.hasInTableScope(tn)) {
|
|
p.openElements.clearBackToTableBodyContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
}
|
|
break;
|
|
}
|
|
case $.TABLE: {
|
|
if (p.openElements.hasTableBodyContextInTableScope()) {
|
|
p.openElements.clearBackToTableBodyContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
endTagInTable(p, token);
|
|
}
|
|
break;
|
|
}
|
|
case $.BODY:
|
|
case $.CAPTION:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.HTML:
|
|
case $.TD:
|
|
case $.TH:
|
|
case $.TR: {
|
|
// Ignore token
|
|
break;
|
|
}
|
|
default: {
|
|
endTagInTable(p, token);
|
|
}
|
|
}
|
|
}
|
|
// The "in row" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInRow(p, token) {
|
|
switch (token.tagID) {
|
|
case $.TH:
|
|
case $.TD: {
|
|
p.openElements.clearBackToTableRowContext();
|
|
p._insertElement(token, NS.HTML);
|
|
p.insertionMode = InsertionMode.IN_CELL;
|
|
p.activeFormattingElements.insertMarker();
|
|
break;
|
|
}
|
|
case $.CAPTION:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD:
|
|
case $.TR: {
|
|
if (p.openElements.hasInTableScope($.TR)) {
|
|
p.openElements.clearBackToTableRowContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
startTagInTableBody(p, token);
|
|
}
|
|
break;
|
|
}
|
|
default: {
|
|
startTagInTable(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInRow(p, token) {
|
|
switch (token.tagID) {
|
|
case $.TR: {
|
|
if (p.openElements.hasInTableScope($.TR)) {
|
|
p.openElements.clearBackToTableRowContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
}
|
|
break;
|
|
}
|
|
case $.TABLE: {
|
|
if (p.openElements.hasInTableScope($.TR)) {
|
|
p.openElements.clearBackToTableRowContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
endTagInTableBody(p, token);
|
|
}
|
|
break;
|
|
}
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD: {
|
|
if (p.openElements.hasInTableScope(token.tagID) || p.openElements.hasInTableScope($.TR)) {
|
|
p.openElements.clearBackToTableRowContext();
|
|
p.openElements.pop();
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
endTagInTableBody(p, token);
|
|
}
|
|
break;
|
|
}
|
|
case $.BODY:
|
|
case $.CAPTION:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.HTML:
|
|
case $.TD:
|
|
case $.TH: {
|
|
// Ignore end tag
|
|
break;
|
|
}
|
|
default: {
|
|
endTagInTable(p, token);
|
|
}
|
|
}
|
|
}
|
|
// The "in cell" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInCell(p, token) {
|
|
const tn = token.tagID;
|
|
if (TABLE_VOID_ELEMENTS.has(tn)) {
|
|
if (p.openElements.hasInTableScope($.TD) || p.openElements.hasInTableScope($.TH)) {
|
|
p._closeTableCell();
|
|
startTagInRow(p, token);
|
|
}
|
|
}
|
|
else {
|
|
startTagInBody(p, token);
|
|
}
|
|
}
|
|
function endTagInCell(p, token) {
|
|
const tn = token.tagID;
|
|
switch (tn) {
|
|
case $.TD:
|
|
case $.TH: {
|
|
if (p.openElements.hasInTableScope(tn)) {
|
|
p.openElements.generateImpliedEndTags();
|
|
p.openElements.popUntilTagNamePopped(tn);
|
|
p.activeFormattingElements.clearToLastMarker();
|
|
p.insertionMode = InsertionMode.IN_ROW;
|
|
}
|
|
break;
|
|
}
|
|
case $.TABLE:
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD:
|
|
case $.TR: {
|
|
if (p.openElements.hasInTableScope(tn)) {
|
|
p._closeTableCell();
|
|
endTagInRow(p, token);
|
|
}
|
|
break;
|
|
}
|
|
case $.BODY:
|
|
case $.CAPTION:
|
|
case $.COL:
|
|
case $.COLGROUP:
|
|
case $.HTML: {
|
|
// Ignore token
|
|
break;
|
|
}
|
|
default: {
|
|
endTagInBody(p, token);
|
|
}
|
|
}
|
|
}
|
|
// The "in select" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInSelect(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.OPTION: {
|
|
if (p.openElements.currentTagId === $.OPTION) {
|
|
p.openElements.pop();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
break;
|
|
}
|
|
case $.OPTGROUP: {
|
|
if (p.openElements.currentTagId === $.OPTION) {
|
|
p.openElements.pop();
|
|
}
|
|
if (p.openElements.currentTagId === $.OPTGROUP) {
|
|
p.openElements.pop();
|
|
}
|
|
p._insertElement(token, NS.HTML);
|
|
break;
|
|
}
|
|
case $.HR: {
|
|
if (p.openElements.currentTagId === $.OPTION) {
|
|
p.openElements.pop();
|
|
}
|
|
if (p.openElements.currentTagId === $.OPTGROUP) {
|
|
p.openElements.pop();
|
|
}
|
|
p._appendElement(token, NS.HTML);
|
|
token.ackSelfClosing = true;
|
|
break;
|
|
}
|
|
case $.INPUT:
|
|
case $.KEYGEN:
|
|
case $.TEXTAREA:
|
|
case $.SELECT: {
|
|
if (p.openElements.hasInSelectScope($.SELECT)) {
|
|
p.openElements.popUntilTagNamePopped($.SELECT);
|
|
p._resetInsertionMode();
|
|
if (token.tagID !== $.SELECT) {
|
|
p._processStartTag(token);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
case $.SCRIPT:
|
|
case $.TEMPLATE: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
function endTagInSelect(p, token) {
|
|
switch (token.tagID) {
|
|
case $.OPTGROUP: {
|
|
if (p.openElements.stackTop > 0 &&
|
|
p.openElements.currentTagId === $.OPTION &&
|
|
p.openElements.tagIDs[p.openElements.stackTop - 1] === $.OPTGROUP) {
|
|
p.openElements.pop();
|
|
}
|
|
if (p.openElements.currentTagId === $.OPTGROUP) {
|
|
p.openElements.pop();
|
|
}
|
|
break;
|
|
}
|
|
case $.OPTION: {
|
|
if (p.openElements.currentTagId === $.OPTION) {
|
|
p.openElements.pop();
|
|
}
|
|
break;
|
|
}
|
|
case $.SELECT: {
|
|
if (p.openElements.hasInSelectScope($.SELECT)) {
|
|
p.openElements.popUntilTagNamePopped($.SELECT);
|
|
p._resetInsertionMode();
|
|
}
|
|
break;
|
|
}
|
|
case $.TEMPLATE: {
|
|
templateEndTagInHead(p, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
// The "in select in table" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInSelectInTable(p, token) {
|
|
const tn = token.tagID;
|
|
if (tn === $.CAPTION ||
|
|
tn === $.TABLE ||
|
|
tn === $.TBODY ||
|
|
tn === $.TFOOT ||
|
|
tn === $.THEAD ||
|
|
tn === $.TR ||
|
|
tn === $.TD ||
|
|
tn === $.TH) {
|
|
p.openElements.popUntilTagNamePopped($.SELECT);
|
|
p._resetInsertionMode();
|
|
p._processStartTag(token);
|
|
}
|
|
else {
|
|
startTagInSelect(p, token);
|
|
}
|
|
}
|
|
function endTagInSelectInTable(p, token) {
|
|
const tn = token.tagID;
|
|
if (tn === $.CAPTION ||
|
|
tn === $.TABLE ||
|
|
tn === $.TBODY ||
|
|
tn === $.TFOOT ||
|
|
tn === $.THEAD ||
|
|
tn === $.TR ||
|
|
tn === $.TD ||
|
|
tn === $.TH) {
|
|
if (p.openElements.hasInTableScope(tn)) {
|
|
p.openElements.popUntilTagNamePopped($.SELECT);
|
|
p._resetInsertionMode();
|
|
p.onEndTag(token);
|
|
}
|
|
}
|
|
else {
|
|
endTagInSelect(p, token);
|
|
}
|
|
}
|
|
// The "in template" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInTemplate(p, token) {
|
|
switch (token.tagID) {
|
|
// First, handle tags that can start without a mode change
|
|
case $.BASE:
|
|
case $.BASEFONT:
|
|
case $.BGSOUND:
|
|
case $.LINK:
|
|
case $.META:
|
|
case $.NOFRAMES:
|
|
case $.SCRIPT:
|
|
case $.STYLE:
|
|
case $.TEMPLATE:
|
|
case $.TITLE: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
// Re-process the token in the appropriate mode
|
|
case $.CAPTION:
|
|
case $.COLGROUP:
|
|
case $.TBODY:
|
|
case $.TFOOT:
|
|
case $.THEAD: {
|
|
p.tmplInsertionModeStack[0] = InsertionMode.IN_TABLE;
|
|
p.insertionMode = InsertionMode.IN_TABLE;
|
|
startTagInTable(p, token);
|
|
break;
|
|
}
|
|
case $.COL: {
|
|
p.tmplInsertionModeStack[0] = InsertionMode.IN_COLUMN_GROUP;
|
|
p.insertionMode = InsertionMode.IN_COLUMN_GROUP;
|
|
startTagInColumnGroup(p, token);
|
|
break;
|
|
}
|
|
case $.TR: {
|
|
p.tmplInsertionModeStack[0] = InsertionMode.IN_TABLE_BODY;
|
|
p.insertionMode = InsertionMode.IN_TABLE_BODY;
|
|
startTagInTableBody(p, token);
|
|
break;
|
|
}
|
|
case $.TD:
|
|
case $.TH: {
|
|
p.tmplInsertionModeStack[0] = InsertionMode.IN_ROW;
|
|
p.insertionMode = InsertionMode.IN_ROW;
|
|
startTagInRow(p, token);
|
|
break;
|
|
}
|
|
default: {
|
|
p.tmplInsertionModeStack[0] = InsertionMode.IN_BODY;
|
|
p.insertionMode = InsertionMode.IN_BODY;
|
|
startTagInBody(p, token);
|
|
}
|
|
}
|
|
}
|
|
function endTagInTemplate(p, token) {
|
|
if (token.tagID === $.TEMPLATE) {
|
|
templateEndTagInHead(p, token);
|
|
}
|
|
}
|
|
function eofInTemplate(p, token) {
|
|
if (p.openElements.tmplCount > 0) {
|
|
p.openElements.popUntilTagNamePopped($.TEMPLATE);
|
|
p.activeFormattingElements.clearToLastMarker();
|
|
p.tmplInsertionModeStack.shift();
|
|
p._resetInsertionMode();
|
|
p.onEof(token);
|
|
}
|
|
else {
|
|
stopParsing(p, token);
|
|
}
|
|
}
|
|
// The "after body" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagAfterBody(p, token) {
|
|
if (token.tagID === $.HTML) {
|
|
startTagInBody(p, token);
|
|
}
|
|
else {
|
|
tokenAfterBody(p, token);
|
|
}
|
|
}
|
|
function endTagAfterBody(p, token) {
|
|
var _a;
|
|
if (token.tagID === $.HTML) {
|
|
if (!p.fragmentContext) {
|
|
p.insertionMode = InsertionMode.AFTER_AFTER_BODY;
|
|
}
|
|
//NOTE: <html> is never popped from the stack, so we need to updated
|
|
//the end location explicitly.
|
|
if (p.options.sourceCodeLocationInfo && p.openElements.tagIDs[0] === $.HTML) {
|
|
p._setEndLocation(p.openElements.items[0], token);
|
|
// Update the body element, if it doesn't have an end tag
|
|
const bodyElement = p.openElements.items[1];
|
|
if (bodyElement && !((_a = p.treeAdapter.getNodeSourceCodeLocation(bodyElement)) === null || _a === void 0 ? void 0 : _a.endTag)) {
|
|
p._setEndLocation(bodyElement, token);
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
tokenAfterBody(p, token);
|
|
}
|
|
}
|
|
function tokenAfterBody(p, token) {
|
|
p.insertionMode = InsertionMode.IN_BODY;
|
|
modeInBody(p, token);
|
|
}
|
|
// The "in frameset" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagInFrameset(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.FRAMESET: {
|
|
p._insertElement(token, NS.HTML);
|
|
break;
|
|
}
|
|
case $.FRAME: {
|
|
p._appendElement(token, NS.HTML);
|
|
token.ackSelfClosing = true;
|
|
break;
|
|
}
|
|
case $.NOFRAMES: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
function endTagInFrameset(p, token) {
|
|
if (token.tagID === $.FRAMESET && !p.openElements.isRootHtmlElementCurrent()) {
|
|
p.openElements.pop();
|
|
if (!p.fragmentContext && p.openElements.currentTagId !== $.FRAMESET) {
|
|
p.insertionMode = InsertionMode.AFTER_FRAMESET;
|
|
}
|
|
}
|
|
}
|
|
// The "after frameset" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagAfterFrameset(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.NOFRAMES: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
function endTagAfterFrameset(p, token) {
|
|
if (token.tagID === $.HTML) {
|
|
p.insertionMode = InsertionMode.AFTER_AFTER_FRAMESET;
|
|
}
|
|
}
|
|
// The "after after body" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagAfterAfterBody(p, token) {
|
|
if (token.tagID === $.HTML) {
|
|
startTagInBody(p, token);
|
|
}
|
|
else {
|
|
tokenAfterAfterBody(p, token);
|
|
}
|
|
}
|
|
function tokenAfterAfterBody(p, token) {
|
|
p.insertionMode = InsertionMode.IN_BODY;
|
|
modeInBody(p, token);
|
|
}
|
|
// The "after after frameset" insertion mode
|
|
//------------------------------------------------------------------
|
|
function startTagAfterAfterFrameset(p, token) {
|
|
switch (token.tagID) {
|
|
case $.HTML: {
|
|
startTagInBody(p, token);
|
|
break;
|
|
}
|
|
case $.NOFRAMES: {
|
|
startTagInHead(p, token);
|
|
break;
|
|
}
|
|
default:
|
|
// Do nothing
|
|
}
|
|
}
|
|
// The rules for parsing tokens in foreign content
|
|
//------------------------------------------------------------------
|
|
function nullCharacterInForeignContent(p, token) {
|
|
token.chars = unicode.REPLACEMENT_CHARACTER;
|
|
p._insertCharacters(token);
|
|
}
|
|
function characterInForeignContent(p, token) {
|
|
p._insertCharacters(token);
|
|
p.framesetOk = false;
|
|
}
|
|
function popUntilHtmlOrIntegrationPoint(p) {
|
|
while (p.treeAdapter.getNamespaceURI(p.openElements.current) !== NS.HTML &&
|
|
p.openElements.currentTagId !== undefined &&
|
|
!p._isIntegrationPoint(p.openElements.currentTagId, p.openElements.current)) {
|
|
p.openElements.pop();
|
|
}
|
|
}
|
|
function startTagInForeignContent(p, token) {
|
|
if (foreignContent.causesExit(token)) {
|
|
popUntilHtmlOrIntegrationPoint(p);
|
|
p._startTagOutsideForeignContent(token);
|
|
}
|
|
else {
|
|
const current = p._getAdjustedCurrentElement();
|
|
const currentNs = p.treeAdapter.getNamespaceURI(current);
|
|
if (currentNs === NS.MATHML) {
|
|
foreignContent.adjustTokenMathMLAttrs(token);
|
|
}
|
|
else if (currentNs === NS.SVG) {
|
|
foreignContent.adjustTokenSVGTagName(token);
|
|
foreignContent.adjustTokenSVGAttrs(token);
|
|
}
|
|
foreignContent.adjustTokenXMLAttrs(token);
|
|
if (token.selfClosing) {
|
|
p._appendElement(token, currentNs);
|
|
}
|
|
else {
|
|
p._insertElement(token, currentNs);
|
|
}
|
|
token.ackSelfClosing = true;
|
|
}
|
|
}
|
|
function endTagInForeignContent(p, token) {
|
|
if (token.tagID === $.P || token.tagID === $.BR) {
|
|
popUntilHtmlOrIntegrationPoint(p);
|
|
p._endTagOutsideForeignContent(token);
|
|
return;
|
|
}
|
|
for (let i = p.openElements.stackTop; i > 0; i--) {
|
|
const element = p.openElements.items[i];
|
|
if (p.treeAdapter.getNamespaceURI(element) === NS.HTML) {
|
|
p._endTagOutsideForeignContent(token);
|
|
break;
|
|
}
|
|
const tagName = p.treeAdapter.getTagName(element);
|
|
if (tagName.toLowerCase() === token.tagName) {
|
|
//NOTE: update the token tag name for `_setEndLocation`.
|
|
token.tagName = tagName;
|
|
p.openElements.shortenToLength(i);
|
|
break;
|
|
}
|
|
}
|
|
}
|