mirror of
https://github.com/niklasvh/html2canvas.git
synced 2023-08-10 21:13:10 +03:00
7fd1bc3d2a
* initial typescript conversion * test: update overflow+transform ref test * fix: correctly render pseudo element content * fix: testrunner build * fix: karma test urls * test: update underline tests with <u> elements * test: update to es6-promise polyfill * test: remove watch from server * test: remove flow * format: update prettier for typescript * test: update eslint to use typescript parser * test: update linear gradient reftest * test: update test runner * test: update testrunner promise polyfill * fix: handle display: -webkit-flex correctly (fix #1817) * fix: correctly render gradients with clip & repeat (fix #1773) * fix: webkit-gradient function support * fix: implement radial gradients * fix: text-decoration rendering * fix: missing scroll positions for elements * ci: fix ios 11 tests * fix: ie logging * ci: improve device availability logging * fix: lint errors * ci: update to ios 12 * fix: check for console availability * ci: fix build dependency * test: update text reftests * fix: window reference for unit tests * feat: add hsl/hsla color support * fix: render options * fix: CSSKeyframesRule cssText Permission Denied on Internet Explorer 11 (#1830) * fix: option lint * fix: list type rendering * test: fix platform import * fix: ie css parsing for numbers * ci: add minified build * fix: form element rendering * fix: iframe rendering * fix: re-introduce experimental foreignobject renderer * fix: text-shadow rendering * feat: improve logging * fix: unit test logging * fix: cleanup resources * test: update overflow scrolling to work with ie * build: update build to include typings * fix: do not parse select element children * test: fix onclone test to work with older IEs * test: reduce reftest canvas sizes * test: remove dynamic setUp from list tests * test: update linear-gradient tests * build: remove old source files * build: update docs dependencies * build: fix typescript definition path * ci: include test.js on docs website
115 lines
3.4 KiB
TypeScript
115 lines
3.4 KiB
TypeScript
import {IPropertyListDescriptor, PropertyDescriptorParsingType} from '../IPropertyDescriptor';
|
|
import {CSSValue, isIdentToken} from '../syntax/parser';
|
|
export const enum DISPLAY {
|
|
NONE = 0,
|
|
BLOCK = 1 << 1,
|
|
INLINE = 1 << 2,
|
|
RUN_IN = 1 << 3,
|
|
FLOW = 1 << 4,
|
|
FLOW_ROOT = 1 << 5,
|
|
TABLE = 1 << 6,
|
|
FLEX = 1 << 7,
|
|
GRID = 1 << 8,
|
|
RUBY = 1 << 9,
|
|
SUBGRID = 1 << 10,
|
|
LIST_ITEM = 1 << 11,
|
|
TABLE_ROW_GROUP = 1 << 12,
|
|
TABLE_HEADER_GROUP = 1 << 13,
|
|
TABLE_FOOTER_GROUP = 1 << 14,
|
|
TABLE_ROW = 1 << 15,
|
|
TABLE_CELL = 1 << 16,
|
|
TABLE_COLUMN_GROUP = 1 << 17,
|
|
TABLE_COLUMN = 1 << 18,
|
|
TABLE_CAPTION = 1 << 19,
|
|
RUBY_BASE = 1 << 20,
|
|
RUBY_TEXT = 1 << 21,
|
|
RUBY_BASE_CONTAINER = 1 << 22,
|
|
RUBY_TEXT_CONTAINER = 1 << 23,
|
|
CONTENTS = 1 << 24,
|
|
INLINE_BLOCK = 1 << 25,
|
|
INLINE_LIST_ITEM = 1 << 26,
|
|
INLINE_TABLE = 1 << 27,
|
|
INLINE_FLEX = 1 << 28,
|
|
INLINE_GRID = 1 << 29
|
|
}
|
|
|
|
export type Display = number;
|
|
|
|
export const display: IPropertyListDescriptor<Display> = {
|
|
name: 'display',
|
|
initialValue: 'inline-block',
|
|
prefix: false,
|
|
type: PropertyDescriptorParsingType.LIST,
|
|
parse: (tokens: CSSValue[]): Display => {
|
|
return tokens.filter(isIdentToken).reduce((bit, token) => {
|
|
return bit | parseDisplayValue(token.value);
|
|
}, DISPLAY.NONE);
|
|
}
|
|
};
|
|
|
|
const parseDisplayValue = (display: string): Display => {
|
|
switch (display) {
|
|
case 'block':
|
|
return DISPLAY.BLOCK;
|
|
case 'inline':
|
|
return DISPLAY.INLINE;
|
|
case 'run-in':
|
|
return DISPLAY.RUN_IN;
|
|
case 'flow':
|
|
return DISPLAY.FLOW;
|
|
case 'flow-root':
|
|
return DISPLAY.FLOW_ROOT;
|
|
case 'table':
|
|
return DISPLAY.TABLE;
|
|
case 'flex':
|
|
case '-webkit-flex':
|
|
return DISPLAY.FLEX;
|
|
case 'grid':
|
|
return DISPLAY.GRID;
|
|
case 'ruby':
|
|
return DISPLAY.RUBY;
|
|
case 'subgrid':
|
|
return DISPLAY.SUBGRID;
|
|
case 'list-item':
|
|
return DISPLAY.LIST_ITEM;
|
|
case 'table-row-group':
|
|
return DISPLAY.TABLE_ROW_GROUP;
|
|
case 'table-header-group':
|
|
return DISPLAY.TABLE_HEADER_GROUP;
|
|
case 'table-footer-group':
|
|
return DISPLAY.TABLE_FOOTER_GROUP;
|
|
case 'table-row':
|
|
return DISPLAY.TABLE_ROW;
|
|
case 'table-cell':
|
|
return DISPLAY.TABLE_CELL;
|
|
case 'table-column-group':
|
|
return DISPLAY.TABLE_COLUMN_GROUP;
|
|
case 'table-column':
|
|
return DISPLAY.TABLE_COLUMN;
|
|
case 'table-caption':
|
|
return DISPLAY.TABLE_CAPTION;
|
|
case 'ruby-base':
|
|
return DISPLAY.RUBY_BASE;
|
|
case 'ruby-text':
|
|
return DISPLAY.RUBY_TEXT;
|
|
case 'ruby-base-container':
|
|
return DISPLAY.RUBY_BASE_CONTAINER;
|
|
case 'ruby-text-container':
|
|
return DISPLAY.RUBY_TEXT_CONTAINER;
|
|
case 'contents':
|
|
return DISPLAY.CONTENTS;
|
|
case 'inline-block':
|
|
return DISPLAY.INLINE_BLOCK;
|
|
case 'inline-list-item':
|
|
return DISPLAY.INLINE_LIST_ITEM;
|
|
case 'inline-table':
|
|
return DISPLAY.INLINE_TABLE;
|
|
case 'inline-flex':
|
|
return DISPLAY.INLINE_FLEX;
|
|
case 'inline-grid':
|
|
return DISPLAY.INLINE_GRID;
|
|
}
|
|
|
|
return DISPLAY.NONE;
|
|
};
|