217 lines
4.7 KiB
JavaScript
217 lines
4.7 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
/**
|
|
* A scheme for converting properties from array to regular style.
|
|
* All properties listed below will be transformed to a string separated by space.
|
|
*/
|
|
var propArray = exports.propArray = {
|
|
'background-size': true,
|
|
'background-position': true,
|
|
border: true,
|
|
'border-bottom': true,
|
|
'border-left': true,
|
|
'border-top': true,
|
|
'border-right': true,
|
|
'border-radius': true,
|
|
'border-image': true,
|
|
'border-width': true,
|
|
'border-style': true,
|
|
'border-color': true,
|
|
'box-shadow': true,
|
|
flex: true,
|
|
margin: true,
|
|
padding: true,
|
|
outline: true,
|
|
'transform-origin': true,
|
|
transform: true,
|
|
transition: true
|
|
|
|
/**
|
|
* A scheme for converting arrays to regular styles inside of objects.
|
|
* For e.g.: "{position: [0, 0]}" => "background-position: 0 0;".
|
|
*/
|
|
};var propArrayInObj = exports.propArrayInObj = {
|
|
position: true, // background-position
|
|
size: true // background-size
|
|
|
|
|
|
/**
|
|
* A scheme for parsing and building correct styles from passed objects.
|
|
*/
|
|
};var propObj = exports.propObj = {
|
|
padding: {
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
left: 0
|
|
},
|
|
margin: {
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
left: 0
|
|
},
|
|
background: {
|
|
attachment: null,
|
|
color: null,
|
|
image: null,
|
|
position: null,
|
|
repeat: null
|
|
},
|
|
border: {
|
|
width: null,
|
|
style: null,
|
|
color: null
|
|
},
|
|
'border-top': {
|
|
width: null,
|
|
style: null,
|
|
color: null
|
|
},
|
|
'border-right': {
|
|
width: null,
|
|
style: null,
|
|
color: null
|
|
},
|
|
'border-bottom': {
|
|
width: null,
|
|
style: null,
|
|
color: null
|
|
},
|
|
'border-left': {
|
|
width: null,
|
|
style: null,
|
|
color: null
|
|
},
|
|
outline: {
|
|
width: null,
|
|
style: null,
|
|
color: null
|
|
},
|
|
'list-style': {
|
|
type: null,
|
|
position: null,
|
|
image: null
|
|
},
|
|
transition: {
|
|
property: null,
|
|
duration: null,
|
|
'timing-function': null,
|
|
timingFunction: null, // Needed for avoiding comilation issues with jss-camel-case
|
|
delay: null
|
|
},
|
|
animation: {
|
|
name: null,
|
|
duration: null,
|
|
'timing-function': null,
|
|
timingFunction: null, // Needed to avoid compilation issues with jss-camel-case
|
|
delay: null,
|
|
'iteration-count': null,
|
|
iterationCount: null, // Needed to avoid compilation issues with jss-camel-case
|
|
direction: null,
|
|
'fill-mode': null,
|
|
fillMode: null, // Needed to avoid compilation issues with jss-camel-case
|
|
'play-state': null,
|
|
playState: null // Needed to avoid compilation issues with jss-camel-case
|
|
},
|
|
'box-shadow': {
|
|
x: 0,
|
|
y: 0,
|
|
blur: 0,
|
|
spread: 0,
|
|
color: null,
|
|
inset: null
|
|
},
|
|
'text-shadow': {
|
|
x: 0,
|
|
y: 0,
|
|
blur: null,
|
|
color: null
|
|
}
|
|
|
|
/**
|
|
* A scheme for converting non-standart properties inside object.
|
|
* For e.g.: include 'border-radius' property inside 'border' object.
|
|
*/
|
|
};var customPropObj = exports.customPropObj = {
|
|
border: {
|
|
radius: 'border-radius',
|
|
image: 'border-image',
|
|
width: 'border-width',
|
|
style: 'border-style',
|
|
color: 'border-color'
|
|
},
|
|
background: {
|
|
size: 'background-size',
|
|
image: 'background-image'
|
|
},
|
|
font: {
|
|
style: 'font-style',
|
|
variant: 'font-variant',
|
|
weight: 'font-weight',
|
|
stretch: 'font-stretch',
|
|
size: 'font-size',
|
|
family: 'font-family',
|
|
lineHeight: 'line-height', // Needed to avoid compilation issues with jss-camel-case
|
|
'line-height': 'line-height'
|
|
},
|
|
flex: {
|
|
grow: 'flex-grow',
|
|
basis: 'flex-basis',
|
|
direction: 'flex-direction',
|
|
wrap: 'flex-wrap',
|
|
flow: 'flex-flow',
|
|
shrink: 'flex-shrink'
|
|
},
|
|
align: {
|
|
self: 'align-self',
|
|
items: 'align-items',
|
|
content: 'align-content'
|
|
},
|
|
grid: {
|
|
'template-columns': 'grid-template-columns',
|
|
templateColumns: 'grid-template-columns',
|
|
|
|
'template-rows': 'grid-template-rows',
|
|
templateRows: 'grid-template-rows',
|
|
|
|
'template-areas': 'grid-template-areas',
|
|
templateAreas: 'grid-template-areas',
|
|
|
|
template: 'grid-template',
|
|
|
|
'auto-columns': 'grid-auto-columns',
|
|
autoColumns: 'grid-auto-columns',
|
|
|
|
'auto-rows': 'grid-auto-rows',
|
|
autoRows: 'grid-auto-rows',
|
|
|
|
'auto-flow': 'grid-auto-flow',
|
|
autoFlow: 'grid-auto-flow',
|
|
|
|
row: 'grid-row',
|
|
column: 'grid-column',
|
|
|
|
'row-start': 'grid-row-start',
|
|
rowStart: 'grid-row-start',
|
|
'row-end': 'grid-row-end',
|
|
rowEnd: 'grid-row-end',
|
|
|
|
'column-start': 'grid-column-start',
|
|
columnStart: 'grid-column-start',
|
|
'column-end': 'grid-column-end',
|
|
columnEnd: 'grid-column-end',
|
|
|
|
area: 'grid-area',
|
|
gap: 'grid-gap',
|
|
|
|
'row-gap': 'grid-row-gap',
|
|
rowGap: 'grid-row-gap',
|
|
|
|
'column-gap': 'grid-column-gap',
|
|
columnGap: 'grid-column-gap'
|
|
}
|
|
}; |