feat(Parse5): update to the latest version 2.2.1

fixes #6237
This commit is contained in:
Victor Berchet 2016-09-26 11:01:12 -07:00 committed by Chuck Jazdzewski
parent 2045c9e8ee
commit 9a049be67f
7 changed files with 219 additions and 261 deletions

View File

@ -11,7 +11,7 @@
"dependencies": {
"@angular/tsc-wrapped": "^0.3.0",
"reflect-metadata": "^0.1.2",
"parse5": "1.3.2",
"parse5": "^2.2.1",
"minimist": "^1.2.0"
},
"peerDependencies": {

View File

@ -14,7 +14,7 @@
"@angular/platform-browser": "0.0.0-PLACEHOLDER"
},
"dependencies": {
"parse5": "1.3.2"
"parse5": "^2.2.1"
},
"repository": {
"type": "git",

View File

@ -6,28 +6,27 @@
* found in the LICENSE file at https://angular.io/license
*/
var parse5 = require('parse5/index');
const parse5 = require('parse5');
import {ListWrapper, StringMapWrapper} from '../src/facade/collection';
import {DomAdapter, setRootDomAdapter} from './private_import_platform-browser';
import {isPresent, isBlank, global, setValueOnPath, DateWrapper} from '../src/facade/lang';
import {isPresent, isBlank, global, setValueOnPath} from '../src/facade/lang';
import {SelectorMatcher, CssSelector} from './private_import_compiler';
var parser: any /** TODO #9100 */ = null;
var serializer: any /** TODO #9100 */ = null;
var treeAdapter: any /** TODO #9100 */ = null;
let treeAdapter: any;
var _attrToPropMap: {[key: string]: string} = {
const _attrToPropMap: {[key: string]: string} = {
'class': 'className',
'innerHtml': 'innerHTML',
'readonly': 'readOnly',
'tabindex': 'tabIndex',
};
var defDoc: any /** TODO #9100 */ = null;
var mapProps = ['attribs', 'x-attribsNamespace', 'x-attribsPrefix'];
let defDoc: any = null;
function _notImplemented(methodName: any /** TODO #9100 */) {
const mapProps = ['attribs', 'x-attribsNamespace', 'x-attribsPrefix'];
function _notImplemented(methodName: string) {
return new Error('This method is not implemented in Parse5DomAdapter: ' + methodName);
}
@ -40,18 +39,16 @@ function _notImplemented(methodName: any /** TODO #9100 */) {
*/
export class Parse5DomAdapter extends DomAdapter {
static makeCurrent() {
parser = new parse5.Parser(parse5.TreeAdapters.htmlparser2);
serializer = new parse5.Serializer(parse5.TreeAdapters.htmlparser2);
treeAdapter = parser.treeAdapter;
treeAdapter = parse5.treeAdapters.htmlparser2;
setRootDomAdapter(new Parse5DomAdapter());
}
hasProperty(element: any /** TODO #9100 */, name: string): boolean {
hasProperty(element: any, name: string): boolean {
return _HTMLElementPropertyList.indexOf(name) > -1;
}
// TODO(tbosch): don't even call this method when we run the tests on server side
// by not using the DomRenderer in tests. Keeping this for now to make tests happy...
setProperty(el: /*element*/ any, name: string, value: any) {
setProperty(el: any, name: string, value: any) {
if (name === 'innerHTML') {
this.setInnerHTML(el, value);
} else if (name === 'className') {
@ -62,173 +59,158 @@ export class Parse5DomAdapter extends DomAdapter {
}
// TODO(tbosch): don't even call this method when we run the tests on server side
// by not using the DomRenderer in tests. Keeping this for now to make tests happy...
getProperty(el: /*element*/ any, name: string): any { return el[name]; }
getProperty(el: any, name: string): any { return el[name]; }
logError(error: any /** TODO #9100 */) { console.error(error); }
logError(error: string) { console.error(error); }
log(error: any /** TODO #9100 */) { console.log(error); }
log(error: string) { console.log(error); }
logGroup(error: any /** TODO #9100 */) { console.error(error); }
logGroup(error: string) { console.error(error); }
logGroupEnd() {}
get attrToPropMap() { return _attrToPropMap; }
query(selector: any /** TODO #9100 */) { throw _notImplemented('query'); }
querySelector(el: any /** TODO #9100 */, selector: string): any {
return this.querySelectorAll(el, selector)[0];
}
querySelectorAll(el: any /** TODO #9100 */, selector: string): any[] {
var res: any[] /** TODO #9100 */ = [];
var _recursive =
(result: any /** TODO #9100 */, node: any /** TODO #9100 */,
selector: any /** TODO #9100 */, matcher: any /** TODO #9100 */) => {
var cNodes = node.childNodes;
if (cNodes && cNodes.length > 0) {
for (var i = 0; i < cNodes.length; i++) {
var childNode = cNodes[i];
if (this.elementMatches(childNode, selector, matcher)) {
result.push(childNode);
}
_recursive(result, childNode, selector, matcher);
}
query(selector: any) { throw _notImplemented('query'); }
querySelector(el: any, selector: string): any { return this.querySelectorAll(el, selector)[0]; }
querySelectorAll(el: any, selector: string): any[] {
const res: any[] = [];
const _recursive = (result: any, node: any, selector: any, matcher: any) => {
let cNodes = node.childNodes;
if (cNodes && cNodes.length > 0) {
for (let i = 0; i < cNodes.length; i++) {
const childNode = cNodes[i];
if (this.elementMatches(childNode, selector, matcher)) {
result.push(childNode);
}
};
var matcher = new SelectorMatcher();
_recursive(result, childNode, selector, matcher);
}
}
};
const matcher = new SelectorMatcher();
matcher.addSelectables(CssSelector.parse(selector));
_recursive(res, el, selector, matcher);
return res;
}
elementMatches(
node: any /** TODO #9100 */, selector: string,
matcher: any /** TODO #9100 */ = null): boolean {
elementMatches(node: any, selector: string, matcher: any = null): boolean {
if (this.isElementNode(node) && selector === '*') {
return true;
}
var result = false;
let result = false;
if (selector && selector.charAt(0) == '#') {
result = this.getAttribute(node, 'id') == selector.substring(1);
} else if (selector) {
var result = false;
if (matcher == null) {
if (!matcher) {
matcher = new SelectorMatcher();
matcher.addSelectables(CssSelector.parse(selector));
}
var cssSelector = new CssSelector();
const cssSelector = new CssSelector();
cssSelector.setElement(this.tagName(node));
if (node.attribs) {
for (var attrName in node.attribs) {
for (const attrName in node.attribs) {
cssSelector.addAttribute(attrName, node.attribs[attrName]);
}
}
var classList = this.classList(node);
for (var i = 0; i < classList.length; i++) {
const classList = this.classList(node);
for (let i = 0; i < classList.length; i++) {
cssSelector.addClassName(classList[i]);
}
matcher.match(
cssSelector,
function(selector: any /** TODO #9100 */, cb: any /** TODO #9100 */) { result = true; });
matcher.match(cssSelector, function(selector: any, cb: any) { result = true; });
}
return result;
}
on(el: any /** TODO #9100 */, evt: any /** TODO #9100 */, listener: any /** TODO #9100 */) {
var listenersMap: {[k: string]: any} = el._eventListenersMap;
on(el: any, evt: any, listener: any) {
let listenersMap: {[k: string]: any} = el._eventListenersMap;
if (!listenersMap) {
var listenersMap: {[k: string]: any} = {};
listenersMap = {};
el._eventListenersMap = listenersMap;
}
const listeners = listenersMap[evt] || [];
listenersMap[evt] = [...listeners, listener];
}
onAndCancel(
el: any /** TODO #9100 */, evt: any /** TODO #9100 */,
listener: any /** TODO #9100 */): Function {
onAndCancel(el: any, evt: any, listener: any): Function {
this.on(el, evt, listener);
return () => { ListWrapper.remove(<any[]>(el._eventListenersMap[evt]), listener); };
}
dispatchEvent(el: any /** TODO #9100 */, evt: any /** TODO #9100 */) {
if (isBlank(evt.target)) {
dispatchEvent(el: any, evt: any) {
if (!evt.target) {
evt.target = el;
}
if (isPresent(el._eventListenersMap)) {
var listeners: any = el._eventListenersMap[evt.type];
if (isPresent(listeners)) {
for (var i = 0; i < listeners.length; i++) {
if (el._eventListenersMap) {
const listeners: any = el._eventListenersMap[evt.type];
if (listeners) {
for (let i = 0; i < listeners.length; i++) {
listeners[i](evt);
}
}
}
if (isPresent(el.parent)) {
if (el.parent) {
this.dispatchEvent(el.parent, evt);
}
if (isPresent(el._window)) {
if (el._window) {
this.dispatchEvent(el._window, evt);
}
}
createMouseEvent(eventType: any /** TODO #9100 */): Event { return this.createEvent(eventType); }
createMouseEvent(eventType: any): Event { return this.createEvent(eventType); }
createEvent(eventType: string): Event {
var evt = <Event>{
let event = <Event>{
type: eventType,
defaultPrevented: false,
preventDefault: () => { (<any>evt).defaultPrevented = true; }
preventDefault: () => { (<any>event).defaultPrevented = true; }
};
return evt;
return event;
}
preventDefault(evt: any /** TODO #9100 */) { evt.returnValue = false; }
isPrevented(evt: any /** TODO #9100 */): boolean {
return isPresent(evt.returnValue) && !evt.returnValue;
preventDefault(event: any) { event.returnValue = false; }
isPrevented(event: any): boolean { return isPresent(event.returnValue) && !event.returnValue; }
getInnerHTML(el: any): string {
return parse5.serialize(this.templateAwareRoot(el), {treeAdapter});
}
getInnerHTML(el: any /** TODO #9100 */): string {
return serializer.serialize(this.templateAwareRoot(el));
getTemplateContent(el: any): Node { return null; }
getOuterHTML(el: any): string {
const fragment = treeAdapter.createDocumentFragment();
this.appendChild(fragment, el);
return parse5.serialize(fragment, {treeAdapter});
}
getTemplateContent(el: any /** TODO #9100 */): Node {
return null; // no <template> support in parse5.
}
getOuterHTML(el: any /** TODO #9100 */): string {
serializer.html = '';
serializer._serializeElement(el);
return serializer.html;
}
nodeName(node: any /** TODO #9100 */): string { return node.tagName; }
nodeValue(node: any /** TODO #9100 */): string { return node.nodeValue; }
nodeName(node: any): string { return node.tagName; }
nodeValue(node: any): string { return node.nodeValue; }
type(node: any): string { throw _notImplemented('type'); }
content(node: any /** TODO #9100 */): string { return node.childNodes[0]; }
firstChild(el: any /** TODO #9100 */): Node { return el.firstChild; }
nextSibling(el: any /** TODO #9100 */): Node { return el.nextSibling; }
parentElement(el: any /** TODO #9100 */): Node { return el.parent; }
childNodes(el: any /** TODO #9100 */): Node[] { return el.childNodes; }
childNodesAsList(el: any /** TODO #9100 */): any[] {
var childNodes = el.childNodes;
var res = new Array(childNodes.length);
for (var i = 0; i < childNodes.length; i++) {
content(node: any): string { return node.childNodes[0]; }
firstChild(el: any): Node { return el.firstChild; }
nextSibling(el: any): Node { return el.nextSibling; }
parentElement(el: any): Node { return el.parent; }
childNodes(el: any): Node[] { return el.childNodes; }
childNodesAsList(el: any): any[] {
const childNodes = el.childNodes;
const res = new Array(childNodes.length);
for (let i = 0; i < childNodes.length; i++) {
res[i] = childNodes[i];
}
return res;
}
clearNodes(el: any /** TODO #9100 */) {
clearNodes(el: any) {
while (el.childNodes.length > 0) {
this.remove(el.childNodes[0]);
}
}
appendChild(el: any /** TODO #9100 */, node: any /** TODO #9100 */) {
appendChild(el: any, node: any) {
this.remove(node);
treeAdapter.appendChild(this.templateAwareRoot(el), node);
}
removeChild(el: any /** TODO #9100 */, node: any /** TODO #9100 */) {
if (ListWrapper.contains(el.childNodes, node)) {
removeChild(el: any, node: any) {
if (el.childNodes.indexOf(node) > -1) {
this.remove(node);
}
}
remove(el: any /** TODO #9100 */): HTMLElement {
var parent = el.parent;
remove(el: any): HTMLElement {
const parent = el.parent;
if (parent) {
var index = parent.childNodes.indexOf(el);
const index = parent.childNodes.indexOf(el);
parent.childNodes.splice(index, 1);
}
var prev = el.previousSibling;
var next = el.nextSibling;
const prev = el.previousSibling;
const next = el.nextSibling;
if (prev) {
prev.next = next;
}
@ -240,45 +222,48 @@ export class Parse5DomAdapter extends DomAdapter {
el.parent = null;
return el;
}
insertBefore(el: any /** TODO #9100 */, node: any /** TODO #9100 */) {
insertBefore(el: any, node: any) {
this.remove(node);
treeAdapter.insertBefore(el.parent, node, el);
}
insertAllBefore(el: any /** TODO #9100 */, nodes: any /** TODO #9100 */) {
nodes.forEach((n: any /** TODO #9100 */) => this.insertBefore(el, n));
}
insertAfter(el: any /** TODO #9100 */, node: any /** TODO #9100 */) {
insertAllBefore(el: any, nodes: any) { nodes.forEach((n: any) => this.insertBefore(el, n)); }
insertAfter(el: any, node: any) {
if (el.nextSibling) {
this.insertBefore(el.nextSibling, node);
} else {
this.appendChild(el.parent, node);
}
}
setInnerHTML(el: any /** TODO #9100 */, value: any /** TODO #9100 */) {
setInnerHTML(el: any, value: any) {
this.clearNodes(el);
var content = parser.parseFragment(value);
for (var i = 0; i < content.childNodes.length; i++) {
const content = parse5.parseFragment(value, {treeAdapter});
for (let i = 0; i < content.childNodes.length; i++) {
treeAdapter.appendChild(el, content.childNodes[i]);
}
}
getText(el: any /** TODO #9100 */, isRecursive?: boolean): string {
getText(el: any, isRecursive?: boolean): string {
if (this.isTextNode(el)) {
return el.data;
} else if (this.isCommentNode(el)) {
}
if (this.isCommentNode(el)) {
// In the DOM, comments within an element return an empty string for textContent
// However, comment node instances return the comment content for textContent getter
return isRecursive ? '' : el.data;
} else if (isBlank(el.childNodes) || el.childNodes.length == 0) {
return '';
} else {
var textContent = '';
for (var i = 0; i < el.childNodes.length; i++) {
textContent += this.getText(el.childNodes[i], true);
}
return textContent;
}
if (!el.childNodes || el.childNodes.length == 0) {
return '';
}
let textContent = '';
for (let i = 0; i < el.childNodes.length; i++) {
textContent += this.getText(el.childNodes[i], true);
}
return textContent;
}
setText(el: any /** TODO #9100 */, value: string) {
setText(el: any, value: string) {
if (this.isTextNode(el) || this.isCommentNode(el)) {
el.data = value;
} else {
@ -286,25 +271,25 @@ export class Parse5DomAdapter extends DomAdapter {
if (value !== '') treeAdapter.insertText(el, value);
}
}
getValue(el: any /** TODO #9100 */): string { return el.value; }
setValue(el: any /** TODO #9100 */, value: string) { el.value = value; }
getChecked(el: any /** TODO #9100 */): boolean { return el.checked; }
setChecked(el: any /** TODO #9100 */, value: boolean) { el.checked = value; }
getValue(el: any): string { return el.value; }
setValue(el: any, value: string) { el.value = value; }
getChecked(el: any): boolean { return el.checked; }
setChecked(el: any, value: boolean) { el.checked = value; }
createComment(text: string): Comment { return treeAdapter.createCommentNode(text); }
createTemplate(html: any /** TODO #9100 */): HTMLElement {
var template = treeAdapter.createElement('template', 'http://www.w3.org/1999/xhtml', []);
var content = parser.parseFragment(html);
treeAdapter.appendChild(template, content);
createTemplate(html: any): HTMLElement {
const template = treeAdapter.createElement('template', 'http://www.w3.org/1999/xhtml', []);
const content = parse5.parseFragment(html, {treeAdapter});
treeAdapter.setTemplateContent(template, content);
return template;
}
createElement(tagName: any /** TODO #9100 */): HTMLElement {
createElement(tagName: any): HTMLElement {
return treeAdapter.createElement(tagName, 'http://www.w3.org/1999/xhtml', []);
}
createElementNS(ns: any /** TODO #9100 */, tagName: any /** TODO #9100 */): HTMLElement {
createElementNS(ns: any, tagName: any): HTMLElement {
return treeAdapter.createElement(tagName, ns, []);
}
createTextNode(text: string): Text {
var t = <any>this.createComment(text);
const t = <any>this.createComment(text);
t.type = 'text';
return t;
}
@ -313,23 +298,23 @@ export class Parse5DomAdapter extends DomAdapter {
'script', 'http://www.w3.org/1999/xhtml', [{name: attrName, value: attrValue}]);
}
createStyleElement(css: string): HTMLStyleElement {
var style = this.createElement('style');
const style = this.createElement('style');
this.setText(style, css);
return <HTMLStyleElement>style;
}
createShadowRoot(el: any /** TODO #9100 */): HTMLElement {
createShadowRoot(el: any): HTMLElement {
el.shadowRoot = treeAdapter.createDocumentFragment();
el.shadowRoot.parent = el;
return el.shadowRoot;
}
getShadowRoot(el: any /** TODO #9100 */): Element { return el.shadowRoot; }
getHost(el: any /** TODO #9100 */): string { return el.host; }
getShadowRoot(el: any): Element { return el.shadowRoot; }
getHost(el: any): string { return el.host; }
getDistributedNodes(el: any): Node[] { throw _notImplemented('getDistributedNodes'); }
clone(node: Node): Node {
var _recursive = (node: any /** TODO #9100 */) => {
var nodeClone = Object.create(Object.getPrototypeOf(node));
for (var prop in node) {
var desc = Object.getOwnPropertyDescriptor(node, prop);
const _recursive = (node: any) => {
const nodeClone = Object.create(Object.getPrototypeOf(node));
for (const prop in node) {
const desc = Object.getOwnPropertyDescriptor(node, prop);
if (desc && 'value' in desc && typeof desc.value !== 'object') {
nodeClone[prop] = node[prop];
}
@ -342,17 +327,17 @@ export class Parse5DomAdapter extends DomAdapter {
mapProps.forEach(mapName => {
if (isPresent(node[mapName])) {
nodeClone[mapName] = {};
for (var prop in node[mapName]) {
for (const prop in node[mapName]) {
nodeClone[mapName][prop] = node[mapName][prop];
}
}
});
var cNodes = node.children;
const cNodes = node.children;
if (cNodes) {
var cNodesClone = new Array(cNodes.length);
for (var i = 0; i < cNodes.length; i++) {
var childNode = cNodes[i];
var childNodeClone = _recursive(childNode);
const cNodesClone = new Array(cNodes.length);
for (let i = 0; i < cNodes.length; i++) {
const childNode = cNodes[i];
const childNodeClone = _recursive(childNode);
cNodesClone[i] = childNodeClone;
if (i > 0) {
childNodeClone.prev = cNodesClone[i - 1];
@ -366,109 +351,101 @@ export class Parse5DomAdapter extends DomAdapter {
};
return _recursive(node);
}
getElementsByClassName(element: any /** TODO #9100 */, name: string): HTMLElement[] {
getElementsByClassName(element: any, name: string): HTMLElement[] {
return this.querySelectorAll(element, '.' + name);
}
getElementsByTagName(element: any, name: string): HTMLElement[] {
throw _notImplemented('getElementsByTagName');
}
classList(element: any /** TODO #9100 */): string[] {
var classAttrValue: any /** TODO #9100 */ = null;
var attributes = element.attribs;
classList(element: any): string[] {
let classAttrValue: any = null;
const attributes = element.attribs;
if (attributes && attributes.hasOwnProperty('class')) {
classAttrValue = attributes['class'];
}
return classAttrValue ? classAttrValue.trim().split(/\s+/g) : [];
}
addClass(element: any /** TODO #9100 */, className: string) {
var classList = this.classList(element);
var index = classList.indexOf(className);
addClass(element: any, className: string) {
const classList = this.classList(element);
let index = classList.indexOf(className);
if (index == -1) {
classList.push(className);
element.attribs['class'] = element.className = classList.join(' ');
}
}
removeClass(element: any /** TODO #9100 */, className: string) {
var classList = this.classList(element);
var index = classList.indexOf(className);
removeClass(element: any, className: string) {
const classList = this.classList(element);
let index = classList.indexOf(className);
if (index > -1) {
classList.splice(index, 1);
element.attribs['class'] = element.className = classList.join(' ');
}
}
hasClass(element: any /** TODO #9100 */, className: string): boolean {
hasClass(element: any, className: string): boolean {
return ListWrapper.contains(this.classList(element), className);
}
hasStyle(element: any /** TODO #9100 */, styleName: string, styleValue: string = null): boolean {
var value = this.getStyle(element, styleName) || '';
hasStyle(element: any, styleName: string, styleValue: string = null): boolean {
const value = this.getStyle(element, styleName) || '';
return styleValue ? value == styleValue : value.length > 0;
}
/** @internal */
_readStyleAttribute(element: any /** TODO #9100 */) {
var styleMap = {};
var attributes = element.attribs;
_readStyleAttribute(element: any) {
const styleMap = {};
const attributes = element.attribs;
if (attributes && attributes.hasOwnProperty('style')) {
var styleAttrValue = attributes['style'];
var styleList = styleAttrValue.split(/;+/g);
for (var i = 0; i < styleList.length; i++) {
const styleAttrValue = attributes['style'];
const styleList = styleAttrValue.split(/;+/g);
for (let i = 0; i < styleList.length; i++) {
if (styleList[i].length > 0) {
var elems = styleList[i].split(/:+/g);
(styleMap as any /** TODO #9100 */)[elems[0].trim()] = elems[1].trim();
const elems = styleList[i].split(/:+/g);
(styleMap as any)[elems[0].trim()] = elems[1].trim();
}
}
}
return styleMap;
}
/** @internal */
_writeStyleAttribute(element: any /** TODO #9100 */, styleMap: any /** TODO #9100 */) {
var styleAttrValue = '';
for (var key in styleMap) {
var newValue = styleMap[key];
if (newValue && newValue.length > 0) {
_writeStyleAttribute(element: any, styleMap: any) {
let styleAttrValue = '';
for (const key in styleMap) {
const newValue = styleMap[key];
if (newValue) {
styleAttrValue += key + ':' + styleMap[key] + ';';
}
}
element.attribs['style'] = styleAttrValue;
}
setStyle(element: any /** TODO #9100 */, styleName: string, styleValue: string) {
var styleMap = this._readStyleAttribute(element);
(styleMap as any /** TODO #9100 */)[styleName] = styleValue;
setStyle(element: any, styleName: string, styleValue: string) {
const styleMap = this._readStyleAttribute(element);
(styleMap as any)[styleName] = styleValue;
this._writeStyleAttribute(element, styleMap);
}
removeStyle(element: any /** TODO #9100 */, styleName: string) {
this.setStyle(element, styleName, null);
removeStyle(element: any, styleName: string) { this.setStyle(element, styleName, null); }
getStyle(element: any, styleName: string): string {
const styleMap = this._readStyleAttribute(element);
return styleMap.hasOwnProperty(styleName) ? (styleMap as any)[styleName] : '';
}
getStyle(element: any /** TODO #9100 */, styleName: string): string {
var styleMap = this._readStyleAttribute(element);
return styleMap.hasOwnProperty(styleName) ? (styleMap as any /** TODO #9100 */)[styleName] : '';
}
tagName(element: any /** TODO #9100 */): string {
return element.tagName == 'style' ? 'STYLE' : element.tagName;
}
attributeMap(element: any /** TODO #9100 */): Map<string, string> {
var res = new Map<string, string>();
var elAttrs = treeAdapter.getAttrList(element);
for (var i = 0; i < elAttrs.length; i++) {
var attrib = elAttrs[i];
tagName(element: any): string { return element.tagName == 'style' ? 'STYLE' : element.tagName; }
attributeMap(element: any): Map<string, string> {
const res = new Map<string, string>();
const elAttrs = treeAdapter.getAttrList(element);
for (let i = 0; i < elAttrs.length; i++) {
const attrib = elAttrs[i];
res.set(attrib.name, attrib.value);
}
return res;
}
hasAttribute(element: any /** TODO #9100 */, attribute: string): boolean {
hasAttribute(element: any, attribute: string): boolean {
return element.attribs && element.attribs.hasOwnProperty(attribute);
}
hasAttributeNS(element: any /** TODO #9100 */, ns: string, attribute: string): boolean {
throw 'not implemented';
}
getAttribute(element: any /** TODO #9100 */, attribute: string): string {
hasAttributeNS(element: any, ns: string, attribute: string): boolean { throw 'not implemented'; }
getAttribute(element: any, attribute: string): string {
return element.attribs && element.attribs.hasOwnProperty(attribute) ?
element.attribs[attribute] :
null;
}
getAttributeNS(element: any /** TODO #9100 */, ns: string, attribute: string): string {
throw 'not implemented';
}
setAttribute(element: any /** TODO #9100 */, attribute: string, value: string) {
getAttributeNS(element: any, ns: string, attribute: string): string { throw 'not implemented'; }
setAttribute(element: any, attribute: string, value: string) {
if (attribute) {
element.attribs[attribute] = value;
if (attribute === 'class') {
@ -476,25 +453,23 @@ export class Parse5DomAdapter extends DomAdapter {
}
}
}
setAttributeNS(element: any /** TODO #9100 */, ns: string, attribute: string, value: string) {
setAttributeNS(element: any, ns: string, attribute: string, value: string) {
throw 'not implemented';
}
removeAttribute(element: any /** TODO #9100 */, attribute: string) {
removeAttribute(element: any, attribute: string) {
if (attribute) {
delete element.attribs[attribute];
}
}
removeAttributeNS(element: any /** TODO #9100 */, ns: string, name: string) {
throw 'not implemented';
}
templateAwareRoot(el: any /** TODO #9100 */): any {
return this.isTemplateElement(el) ? this.content(el) : el;
removeAttributeNS(element: any, ns: string, name: string) { throw 'not implemented'; }
templateAwareRoot(el: any): any {
return this.isTemplateElement(el) ? treeAdapter.getTemplateContent(el) : el;
}
createHtmlDocument(): Document {
var newDoc = treeAdapter.createDocument();
const newDoc = treeAdapter.createDocument();
newDoc.title = 'fake title';
var head = treeAdapter.createElement('head', null, []);
var body = treeAdapter.createElement('body', 'http://www.w3.org/1999/xhtml', []);
const head = treeAdapter.createElement('head', null, []);
const body = treeAdapter.createElement('body', 'http://www.w3.org/1999/xhtml', []);
this.appendChild(newDoc, head);
this.appendChild(newDoc, body);
newDoc['head'] = head;
@ -502,31 +477,22 @@ export class Parse5DomAdapter extends DomAdapter {
newDoc['_window'] = StringMapWrapper.create();
return newDoc;
}
defaultDoc(): Document {
if (defDoc === null) {
defDoc = this.createHtmlDocument();
}
return defDoc;
}
getBoundingClientRect(el: any /** TODO #9100 */): any {
return {left: 0, top: 0, width: 0, height: 0};
}
defaultDoc(): Document { return defDoc = defDoc || this.createHtmlDocument(); }
getBoundingClientRect(el: any): any { return {left: 0, top: 0, width: 0, height: 0}; }
getTitle(): string { return this.defaultDoc().title || ''; }
setTitle(newTitle: string) { this.defaultDoc().title = newTitle; }
isTemplateElement(el: any): boolean {
return this.isElementNode(el) && this.tagName(el) === 'template';
}
isTextNode(node: any /** TODO #9100 */): boolean { return treeAdapter.isTextNode(node); }
isCommentNode(node: any /** TODO #9100 */): boolean { return treeAdapter.isCommentNode(node); }
isElementNode(node: any /** TODO #9100 */): boolean {
return node ? treeAdapter.isElementNode(node) : false;
}
hasShadowRoot(node: any /** TODO #9100 */): boolean { return isPresent(node.shadowRoot); }
isShadowRoot(node: any /** TODO #9100 */): boolean { return this.getShadowRoot(node) == node; }
importIntoDoc(node: any /** TODO #9100 */): any { return this.clone(node); }
adoptNode(node: any /** TODO #9100 */): any { return node; }
getHref(el: any /** TODO #9100 */): string { return el.href; }
resolveAndSetHref(el: any /** TODO #9100 */, baseUrl: string, href: string) {
isTextNode(node: any): boolean { return treeAdapter.isTextNode(node); }
isCommentNode(node: any): boolean { return treeAdapter.isCommentNode(node); }
isElementNode(node: any): boolean { return node ? treeAdapter.isElementNode(node) : false; }
hasShadowRoot(node: any): boolean { return isPresent(node.shadowRoot); }
isShadowRoot(node: any): boolean { return this.getShadowRoot(node) == node; }
importIntoDoc(node: any): any { return this.clone(node); }
adoptNode(node: any): any { return node; }
getHref(el: any): string { return el.href; }
resolveAndSetHref(el: any, baseUrl: string, href: string) {
if (href == null) {
el.href = baseUrl;
} else {
@ -534,11 +500,11 @@ export class Parse5DomAdapter extends DomAdapter {
}
}
/** @internal */
_buildRules(parsedRules: any /** TODO #9100 */, css?: any /** TODO #9100 */) {
var rules: any[] /** TODO #9100 */ = [];
for (var i = 0; i < parsedRules.length; i++) {
var parsedRule = parsedRules[i];
var rule: {[key: string]: any} = {};
_buildRules(parsedRules: any, css?: any) {
const rules: any[] = [];
for (let i = 0; i < parsedRules.length; i++) {
const parsedRule = parsedRules[i];
const rule: {[key: string]: any} = {};
rule['cssText'] = css;
rule['style'] = {content: '', cssText: ''};
if (parsedRule.type == 'rule') {
@ -553,9 +519,8 @@ export class Parse5DomAdapter extends DomAdapter {
if (isBlank(parsedRule.declarations)) {
continue;
}
for (var j = 0; j < parsedRule.declarations.length; j++) {
var declaration = parsedRule.declarations[j];
for (let j = 0; j < parsedRule.declarations.length; j++) {
const declaration = parsedRule.declarations[j];
rule['style'] = declaration.property[declaration.value];
rule['style'].cssText += declaration.property + ': ' + declaration.value + ';';
}
@ -586,28 +551,21 @@ export class Parse5DomAdapter extends DomAdapter {
getHistory(): History { throw 'not implemented'; }
getLocation(): Location { throw 'not implemented'; }
getUserAgent(): string { return 'Fake user agent'; }
getData(el: any /** TODO #9100 */, name: string): string {
return this.getAttribute(el, 'data-' + name);
}
getComputedStyle(el: any /** TODO #9100 */): any { throw 'not implemented'; }
setData(el: any /** TODO #9100 */, name: string, value: string) {
this.setAttribute(el, 'data-' + name, value);
}
getData(el: any, name: string): string { return this.getAttribute(el, 'data-' + name); }
getComputedStyle(el: any): any { throw 'not implemented'; }
setData(el: any, name: string, value: string) { this.setAttribute(el, 'data-' + name, value); }
// TODO(tbosch): move this into a separate environment class once we have it
setGlobalVar(path: string, value: any) { setValueOnPath(global, path, value); }
supportsWebAnimation(): boolean { return false; }
performanceNow(): number { return DateWrapper.toMillis(DateWrapper.now()); }
performanceNow(): number { return Date.now(); }
getAnimationPrefix(): string { return ''; }
getTransitionEnd(): string { return 'transitionend'; }
supportsAnimation(): boolean { return true; }
replaceChild(
el: any /** TODO #9100 */, newNode: any /** TODO #9100 */, oldNode: any /** TODO #9100 */) {
throw new Error('not implemented');
}
replaceChild(el: any, newNode: any, oldNode: any) { throw new Error('not implemented'); }
parse(templateHtml: string) { throw new Error('not implemented'); }
invoke(el: Element, methodName: string, args: any[]): any { throw new Error('not implemented'); }
getEventKey(event: any /** TODO #9100 */): string { throw new Error('not implemented'); }
getEventKey(event: any): string { throw new Error('not implemented'); }
supportsCookies(): boolean { return false; }
getCookie(name: string): string { throw new Error('not implemented'); }
@ -616,7 +574,7 @@ export class Parse5DomAdapter extends DomAdapter {
}
// TODO: build a proper list, this one is all the keys of a HTMLInputElement
var _HTMLElementPropertyList = [
const _HTMLElementPropertyList = [
'webkitEntries',
'incremental',
'webkitdirectory',
@ -798,5 +756,5 @@ var _HTMLElementPropertyList = [
'nodeValue',
'nodeName',
'closure_lm_714617',
'__jsaction'
'__jsaction',
];

View File

@ -3527,7 +3527,7 @@
"version": "2.2.0"
},
"parse5": {
"version": "1.3.2"
"version": "2.2.1"
},
"parsejson": {
"version": "0.0.1"
@ -4646,5 +4646,5 @@
}
},
"name": "angular-srcs",
"version": "2.0.0"
"version": "2.1.0-beta.0"
}

8
npm-shrinkwrap.json generated
View File

@ -1,6 +1,6 @@
{
"name": "angular-srcs",
"version": "2.0.0",
"version": "2.1.0-beta.0",
"dependencies": {
"@types/angularjs": {
"version": "1.5.13-alpha",
@ -5617,9 +5617,9 @@
"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz"
},
"parse5": {
"version": "1.3.2",
"from": "parse5@1.3.2",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-1.3.2.tgz"
"version": "2.2.1",
"from": "parse5@2.2.1",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-2.2.1.tgz"
},
"parsejson": {
"version": "0.0.1",

View File

@ -68,7 +68,7 @@
"minimist": "^1.2.0",
"nan": "^2.4.0",
"node-uuid": "1.4.x",
"parse5": "1.3.2",
"parse5": "^2.2.1",
"protractor": "^4.0.5",
"react": "^0.14.0",
"rewire": "^2.3.3",

View File

@ -14,7 +14,7 @@ System.config({
'benchpress/*': 'dist/js/dev/es5/benchpress/*.js',
'@angular': 'dist/all/@angular',
'rxjs': 'node_modules/rxjs',
'parse5/index': 'dist/all/empty.js',
'parse5': 'dist/all/empty.js',
'@angular/platform-server/src/parse5_adapter': 'dist/all/empty.js',
'angular2/*': 'dist/all/angular2/*.js',
'angular2/src/alt_router/router_testing_providers': 'dist/all/angular2/src/alt_router/router_testing_providers.js'