48 lines
2.0 KiB
TypeScript
48 lines
2.0 KiB
TypeScript
import {ElementContainer} from '../element-container';
|
|
import {parseTree} from '../node-parser';
|
|
import {Color, color, COLORS, isTransparent} from '../../css/types/color';
|
|
import {Parser} from '../../css/syntax/parser';
|
|
|
|
const parseColor = (value: string): Color => color.parse(Parser.create(value).parseComponentValue());
|
|
|
|
export class IFrameElementContainer extends ElementContainer {
|
|
src: string;
|
|
width: number;
|
|
height: number;
|
|
tree?: ElementContainer;
|
|
backgroundColor: Color;
|
|
|
|
constructor(iframe: HTMLIFrameElement) {
|
|
super(iframe);
|
|
this.src = iframe.src;
|
|
this.width = parseInt(iframe.width, 10) || 0;
|
|
this.height = parseInt(iframe.height, 10) || 0;
|
|
this.backgroundColor = this.styles.backgroundColor;
|
|
try {
|
|
if (
|
|
iframe.contentWindow &&
|
|
iframe.contentWindow.document &&
|
|
iframe.contentWindow.document.documentElement
|
|
) {
|
|
this.tree = parseTree(iframe.contentWindow.document.documentElement);
|
|
|
|
// http://www.w3.org/TR/css3-background/#special-backgrounds
|
|
const documentBackgroundColor = iframe.contentWindow.document.documentElement
|
|
? parseColor(
|
|
getComputedStyle(iframe.contentWindow.document.documentElement).backgroundColor as string
|
|
)
|
|
: COLORS.TRANSPARENT;
|
|
const bodyBackgroundColor = iframe.contentWindow.document.body
|
|
? parseColor(getComputedStyle(iframe.contentWindow.document.body).backgroundColor as string)
|
|
: COLORS.TRANSPARENT;
|
|
|
|
this.backgroundColor = isTransparent(documentBackgroundColor)
|
|
? isTransparent(bodyBackgroundColor)
|
|
? this.styles.backgroundColor
|
|
: bodyBackgroundColor
|
|
: documentBackgroundColor;
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
}
|