| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644 | 
							- var InvalidPropertyError = require('./invalid-property-error');
 
- var wrapSingle = require('../wrap-for-optimizing').single;
 
- var Token = require('../../tokenizer/token');
 
- var Marker = require('../../tokenizer/marker');
 
- var formatPosition = require('../../utils/format-position');
 
- function _anyIsInherit(values) {
 
-   var i, l;
 
-   for (i = 0, l = values.length; i < l; i++) {
 
-     if (values[i][1] == 'inherit') {
 
-       return true;
 
-     }
 
-   }
 
-   return false;
 
- }
 
- function _colorFilter(validator) {
 
-   return function (value) {
 
-     return value[1] == 'invert' || validator.isColor(value[1]) || validator.isPrefixed(value[1]);
 
-   };
 
- }
 
- function _styleFilter(validator) {
 
-   return function (value) {
 
-     return value[1] != 'inherit' && validator.isStyleKeyword(value[1]) && !validator.isColorFunction(value[1]);
 
-   };
 
- }
 
- function _wrapDefault(name, property, compactable) {
 
-   var descriptor = compactable[name];
 
-   if (descriptor.doubleValues && descriptor.defaultValue.length == 2) {
 
-     return wrapSingle([
 
-       Token.PROPERTY,
 
-       [Token.PROPERTY_NAME, name],
 
-       [Token.PROPERTY_VALUE, descriptor.defaultValue[0]],
 
-       [Token.PROPERTY_VALUE, descriptor.defaultValue[1]]
 
-     ]);
 
-   } else if (descriptor.doubleValues && descriptor.defaultValue.length == 1) {
 
-     return wrapSingle([
 
-       Token.PROPERTY,
 
-       [Token.PROPERTY_NAME, name],
 
-       [Token.PROPERTY_VALUE, descriptor.defaultValue[0]]
 
-     ]);
 
-   } else {
 
-     return wrapSingle([
 
-       Token.PROPERTY,
 
-       [Token.PROPERTY_NAME, name],
 
-       [Token.PROPERTY_VALUE, descriptor.defaultValue]
 
-     ]);
 
-   }
 
- }
 
- function _widthFilter(validator) {
 
-   return function (value) {
 
-     return value[1] != 'inherit' &&
 
-       (validator.isWidth(value[1]) || validator.isUnit(value[1]) && !validator.isDynamicUnit(value[1])) &&
 
-       !validator.isStyleKeyword(value[1]) &&
 
-       !validator.isColorFunction(value[1]);
 
-   };
 
- }
 
- function animation(property, compactable, validator) {
 
-   var duration = _wrapDefault(property.name + '-duration', property, compactable);
 
-   var timing = _wrapDefault(property.name + '-timing-function', property, compactable);
 
-   var delay = _wrapDefault(property.name + '-delay', property, compactable);
 
-   var iteration = _wrapDefault(property.name + '-iteration-count', property, compactable);
 
-   var direction = _wrapDefault(property.name + '-direction', property, compactable);
 
-   var fill = _wrapDefault(property.name + '-fill-mode', property, compactable);
 
-   var play = _wrapDefault(property.name + '-play-state', property, compactable);
 
-   var name = _wrapDefault(property.name + '-name', property, compactable);
 
-   var components = [duration, timing, delay, iteration, direction, fill, play, name];
 
-   var values = property.value;
 
-   var value;
 
-   var durationSet = false;
 
-   var timingSet = false;
 
-   var delaySet = false;
 
-   var iterationSet = false;
 
-   var directionSet = false;
 
-   var fillSet = false;
 
-   var playSet = false;
 
-   var nameSet = false;
 
-   var i;
 
-   var l;
 
-   if (property.value.length == 1 && property.value[0][1] == 'inherit') {
 
-     duration.value = timing.value = delay.value = iteration.value = direction.value = fill.value = play.value = name.value = property.value;
 
-     return components;
 
-   }
 
-   if (values.length > 1 && _anyIsInherit(values)) {
 
-     throw new InvalidPropertyError('Invalid animation values at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   for (i = 0, l = values.length; i < l; i++) {
 
-     value = values[i];
 
-     if (validator.isTime(value[1]) && !durationSet) {
 
-       duration.value = [value];
 
-       durationSet = true;
 
-     } else if (validator.isTime(value[1]) && !delaySet) {
 
-       delay.value = [value];
 
-       delaySet = true;
 
-     } else if ((validator.isGlobal(value[1]) || validator.isTimingFunction(value[1])) && !timingSet) {
 
-       timing.value = [value];
 
-       timingSet = true;
 
-     } else if ((validator.isAnimationIterationCountKeyword(value[1]) || validator.isPositiveNumber(value[1])) && !iterationSet) {
 
-       iteration.value = [value];
 
-       iterationSet = true;
 
-     } else if (validator.isAnimationDirectionKeyword(value[1]) && !directionSet) {
 
-       direction.value = [value];
 
-       directionSet = true;
 
-     } else if (validator.isAnimationFillModeKeyword(value[1]) && !fillSet) {
 
-       fill.value = [value];
 
-       fillSet = true;
 
-     } else if (validator.isAnimationPlayStateKeyword(value[1]) && !playSet) {
 
-       play.value = [value];
 
-       playSet = true;
 
-     } else if ((validator.isAnimationNameKeyword(value[1]) || validator.isIdentifier(value[1])) && !nameSet) {
 
-       name.value = [value];
 
-       nameSet = true;
 
-     } else {
 
-       throw new InvalidPropertyError('Invalid animation value at ' + formatPosition(value[2][0]) + '. Ignoring.');
 
-     }
 
-   }
 
-   return components;
 
- }
 
- function background(property, compactable, validator) {
 
-   var image = _wrapDefault('background-image', property, compactable);
 
-   var position = _wrapDefault('background-position', property, compactable);
 
-   var size = _wrapDefault('background-size', property, compactable);
 
-   var repeat = _wrapDefault('background-repeat', property, compactable);
 
-   var attachment = _wrapDefault('background-attachment', property, compactable);
 
-   var origin = _wrapDefault('background-origin', property, compactable);
 
-   var clip = _wrapDefault('background-clip', property, compactable);
 
-   var color = _wrapDefault('background-color', property, compactable);
 
-   var components = [image, position, size, repeat, attachment, origin, clip, color];
 
-   var values = property.value;
 
-   var positionSet = false;
 
-   var clipSet = false;
 
-   var originSet = false;
 
-   var repeatSet = false;
 
-   var anyValueSet = false;
 
-   if (property.value.length == 1 && property.value[0][1] == 'inherit') {
 
-     // NOTE: 'inherit' is not a valid value for background-attachment
 
-     color.value = image.value =  repeat.value = position.value = size.value = origin.value = clip.value = property.value;
 
-     return components;
 
-   }
 
-   if (property.value.length == 1 && property.value[0][1] == '0 0') {
 
-     return components;
 
-   }
 
-   for (var i = values.length - 1; i >= 0; i--) {
 
-     var value = values[i];
 
-     if (validator.isBackgroundAttachmentKeyword(value[1])) {
 
-       attachment.value = [value];
 
-       anyValueSet = true;
 
-     } else if (validator.isBackgroundClipKeyword(value[1]) || validator.isBackgroundOriginKeyword(value[1])) {
 
-       if (clipSet) {
 
-         origin.value = [value];
 
-         originSet = true;
 
-       } else {
 
-         clip.value = [value];
 
-         clipSet = true;
 
-       }
 
-       anyValueSet = true;
 
-     } else if (validator.isBackgroundRepeatKeyword(value[1])) {
 
-       if (repeatSet) {
 
-         repeat.value.unshift(value);
 
-       } else {
 
-         repeat.value = [value];
 
-         repeatSet = true;
 
-       }
 
-       anyValueSet = true;
 
-     } else if (validator.isBackgroundPositionKeyword(value[1]) || validator.isBackgroundSizeKeyword(value[1]) || validator.isUnit(value[1]) || validator.isDynamicUnit(value[1])) {
 
-       if (i > 0) {
 
-         var previousValue = values[i - 1];
 
-         if (previousValue[1] == Marker.FORWARD_SLASH) {
 
-           size.value = [value];
 
-         } else if (i > 1 && values[i - 2][1] == Marker.FORWARD_SLASH) {
 
-           size.value = [previousValue, value];
 
-           i -= 2;
 
-         } else {
 
-           if (!positionSet)
 
-             position.value = [];
 
-           position.value.unshift(value);
 
-           positionSet = true;
 
-         }
 
-       } else {
 
-         if (!positionSet)
 
-           position.value = [];
 
-         position.value.unshift(value);
 
-         positionSet = true;
 
-       }
 
-       anyValueSet = true;
 
-     } else if ((color.value[0][1] == compactable[color.name].defaultValue || color.value[0][1] == 'none') && (validator.isColor(value[1]) || validator.isPrefixed(value[1]))) {
 
-       color.value = [value];
 
-       anyValueSet = true;
 
-     } else if (validator.isUrl(value[1]) || validator.isFunction(value[1])) {
 
-       image.value = [value];
 
-       anyValueSet = true;
 
-     }
 
-   }
 
-   if (clipSet && !originSet)
 
-     origin.value = clip.value.slice(0);
 
-   if (!anyValueSet) {
 
-     throw new InvalidPropertyError('Invalid background value at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   return components;
 
- }
 
- function borderRadius(property, compactable) {
 
-   var values = property.value;
 
-   var splitAt = -1;
 
-   for (var i = 0, l = values.length; i < l; i++) {
 
-     if (values[i][1] == Marker.FORWARD_SLASH) {
 
-       splitAt = i;
 
-       break;
 
-     }
 
-   }
 
-   if (splitAt === 0 || splitAt === values.length - 1) {
 
-     throw new InvalidPropertyError('Invalid border-radius value at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   var target = _wrapDefault(property.name, property, compactable);
 
-   target.value = splitAt > -1 ?
 
-     values.slice(0, splitAt) :
 
-     values.slice(0);
 
-   target.components = fourValues(target, compactable);
 
-   var remainder = _wrapDefault(property.name, property, compactable);
 
-   remainder.value = splitAt > -1 ?
 
-     values.slice(splitAt + 1) :
 
-     values.slice(0);
 
-   remainder.components = fourValues(remainder, compactable);
 
-   for (var j = 0; j < 4; j++) {
 
-     target.components[j].multiplex = true;
 
-     target.components[j].value = target.components[j].value.concat(remainder.components[j].value);
 
-   }
 
-   return target.components;
 
- }
 
- function font(property, compactable, validator) {
 
-   var style = _wrapDefault('font-style', property, compactable);
 
-   var variant = _wrapDefault('font-variant', property, compactable);
 
-   var weight = _wrapDefault('font-weight', property, compactable);
 
-   var stretch = _wrapDefault('font-stretch', property, compactable);
 
-   var size = _wrapDefault('font-size', property, compactable);
 
-   var height = _wrapDefault('line-height', property, compactable);
 
-   var family = _wrapDefault('font-family', property, compactable);
 
-   var components = [style, variant, weight, stretch, size, height, family];
 
-   var values = property.value;
 
-   var fuzzyMatched = 4; // style, variant, weight, and stretch
 
-   var index = 0;
 
-   var isStretchSet = false;
 
-   var isStretchValid;
 
-   var isStyleSet = false;
 
-   var isStyleValid;
 
-   var isVariantSet = false;
 
-   var isVariantValid;
 
-   var isWeightSet = false;
 
-   var isWeightValid;
 
-   var isSizeSet = false;
 
-   var appendableFamilyName = false;
 
-   if (!values[index]) {
 
-     throw new InvalidPropertyError('Missing font values at ' + formatPosition(property.all[property.position][1][2][0]) + '. Ignoring.');
 
-   }
 
-   if (values.length == 1 && values[0][1] == 'inherit') {
 
-     style.value = variant.value = weight.value = stretch.value = size.value = height.value = family.value = values;
 
-     return components;
 
-   }
 
-   if (values.length == 1 && (validator.isFontKeyword(values[0][1]) || validator.isGlobal(values[0][1]) || validator.isPrefixed(values[0][1]))) {
 
-     values[0][1] = Marker.INTERNAL + values[0][1];
 
-     style.value = variant.value = weight.value = stretch.value = size.value = height.value = family.value = values;
 
-     return components;
 
-   }
 
-   if (values.length < 2 || !_anyIsFontSize(values, validator) || !_anyIsFontFamily(values, validator)) {
 
-     throw new InvalidPropertyError('Invalid font values at ' + formatPosition(property.all[property.position][1][2][0]) + '. Ignoring.');
 
-   }
 
-   if (values.length > 1 && _anyIsInherit(values)) {
 
-     throw new InvalidPropertyError('Invalid font values at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   // fuzzy match style, variant, weight, and stretch on first elements
 
-   while (index < fuzzyMatched) {
 
-     isStretchValid = validator.isFontStretchKeyword(values[index][1]) || validator.isGlobal(values[index][1]);
 
-     isStyleValid = validator.isFontStyleKeyword(values[index][1]) || validator.isGlobal(values[index][1]);
 
-     isVariantValid = validator.isFontVariantKeyword(values[index][1]) || validator.isGlobal(values[index][1]);
 
-     isWeightValid = validator.isFontWeightKeyword(values[index][1]) || validator.isGlobal(values[index][1]);
 
-     if (isStyleValid && !isStyleSet) {
 
-       style.value = [values[index]];
 
-       isStyleSet = true;
 
-     } else if (isVariantValid && !isVariantSet) {
 
-       variant.value = [values[index]];
 
-       isVariantSet = true;
 
-     } else if (isWeightValid && !isWeightSet) {
 
-       weight.value = [values[index]];
 
-       isWeightSet = true;
 
-     } else if (isStretchValid && !isStretchSet) {
 
-       stretch.value = [values[index]];
 
-       isStretchSet = true;
 
-     } else if (isStyleValid && isStyleSet || isVariantValid && isVariantSet || isWeightValid && isWeightSet || isStretchValid && isStretchSet) {
 
-       throw new InvalidPropertyError('Invalid font style / variant / weight / stretch value at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-     } else {
 
-       break;
 
-     }
 
-     index++;
 
-   }
 
-   // now comes font-size ...
 
-   if (validator.isFontSizeKeyword(values[index][1]) || validator.isUnit(values[index][1]) && !validator.isDynamicUnit(values[index][1])) {
 
-     size.value = [values[index]];
 
-     isSizeSet = true;
 
-     index++;
 
-   } else {
 
-     throw new InvalidPropertyError('Missing font size at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   if (!values[index]) {
 
-     throw new InvalidPropertyError('Missing font family at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   // ... and perhaps line-height
 
-   if (isSizeSet && values[index] && values[index][1] == Marker.FORWARD_SLASH && values[index + 1] && (validator.isLineHeightKeyword(values[index + 1][1]) || validator.isUnit(values[index + 1][1]) || validator.isNumber(values[index + 1][1]))) {
 
-     height.value = [values[index + 1]];
 
-     index++;
 
-     index++;
 
-   }
 
-   // ... and whatever comes next is font-family
 
-   family.value = [];
 
-   while (values[index]) {
 
-     if (values[index][1] == Marker.COMMA) {
 
-       appendableFamilyName = false;
 
-     } else {
 
-       if (appendableFamilyName) {
 
-         family.value[family.value.length - 1][1] += Marker.SPACE + values[index][1];
 
-       } else {
 
-         family.value.push(values[index]);
 
-       }
 
-       appendableFamilyName = true;
 
-     }
 
-     index++;
 
-   }
 
-   if (family.value.length === 0) {
 
-     throw new InvalidPropertyError('Missing font family at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   return components;
 
- }
 
- function _anyIsFontSize(values, validator) {
 
-   var value;
 
-   var i, l;
 
-   for (i = 0, l = values.length; i < l; i++) {
 
-     value = values[i];
 
-     if (validator.isFontSizeKeyword(value[1]) || validator.isUnit(value[1]) && !validator.isDynamicUnit(value[1]) || validator.isFunction(value[1])) {
 
-       return true;
 
-     }
 
-   }
 
-   return false;
 
- }
 
- function _anyIsFontFamily(values, validator) {
 
-   var value;
 
-   var i, l;
 
-   for (i = 0, l = values.length; i < l; i++) {
 
-     value = values[i];
 
-     if (validator.isIdentifier(value[1])) {
 
-       return true;
 
-     }
 
-   }
 
-   return false;
 
- }
 
- function fourValues(property, compactable) {
 
-   var componentNames = compactable[property.name].components;
 
-   var components = [];
 
-   var value = property.value;
 
-   if (value.length < 1)
 
-     return [];
 
-   if (value.length < 2)
 
-     value[1] = value[0].slice(0);
 
-   if (value.length < 3)
 
-     value[2] = value[0].slice(0);
 
-   if (value.length < 4)
 
-     value[3] = value[1].slice(0);
 
-   for (var i = componentNames.length - 1; i >= 0; i--) {
 
-     var component = wrapSingle([
 
-       Token.PROPERTY,
 
-       [Token.PROPERTY_NAME, componentNames[i]]
 
-     ]);
 
-     component.value = [value[i]];
 
-     components.unshift(component);
 
-   }
 
-   return components;
 
- }
 
- function multiplex(splitWith) {
 
-   return function (property, compactable, validator) {
 
-     var splitsAt = [];
 
-     var values = property.value;
 
-     var i, j, l, m;
 
-     // find split commas
 
-     for (i = 0, l = values.length; i < l; i++) {
 
-       if (values[i][1] == ',')
 
-         splitsAt.push(i);
 
-     }
 
-     if (splitsAt.length === 0)
 
-       return splitWith(property, compactable, validator);
 
-     var splitComponents = [];
 
-     // split over commas, and into components
 
-     for (i = 0, l = splitsAt.length; i <= l; i++) {
 
-       var from = i === 0 ? 0 : splitsAt[i - 1] + 1;
 
-       var to = i < l ? splitsAt[i] : values.length;
 
-       var _property = _wrapDefault(property.name, property, compactable);
 
-       _property.value = values.slice(from, to);
 
-       splitComponents.push(splitWith(_property, compactable, validator));
 
-     }
 
-     var components = splitComponents[0];
 
-     // group component values from each split
 
-     for (i = 0, l = components.length; i < l; i++) {
 
-       components[i].multiplex = true;
 
-       for (j = 1, m = splitComponents.length; j < m; j++) {
 
-         components[i].value.push([Token.PROPERTY_VALUE, Marker.COMMA]);
 
-         Array.prototype.push.apply(components[i].value, splitComponents[j][i].value);
 
-       }
 
-     }
 
-     return components;
 
-   };
 
- }
 
- function listStyle(property, compactable, validator) {
 
-   var type = _wrapDefault('list-style-type', property, compactable);
 
-   var position = _wrapDefault('list-style-position', property, compactable);
 
-   var image = _wrapDefault('list-style-image', property, compactable);
 
-   var components = [type, position, image];
 
-   if (property.value.length == 1 && property.value[0][1] == 'inherit') {
 
-     type.value = position.value = image.value = [property.value[0]];
 
-     return components;
 
-   }
 
-   var values = property.value.slice(0);
 
-   var total = values.length;
 
-   var index = 0;
 
-   // `image` first...
 
-   for (index = 0, total = values.length; index < total; index++) {
 
-     if (validator.isUrl(values[index][1]) || values[index][1] == '0') {
 
-       image.value = [values[index]];
 
-       values.splice(index, 1);
 
-       break;
 
-     }
 
-   }
 
-   // ... then `position`
 
-   for (index = 0, total = values.length; index < total; index++) {
 
-     if (validator.isListStylePositionKeyword(values[index][1])) {
 
-       position.value = [values[index]];
 
-       values.splice(index, 1);
 
-       break;
 
-     }
 
-   }
 
-   // ... and what's left is a `type`
 
-   if (values.length > 0 && (validator.isListStyleTypeKeyword(values[0][1]) || validator.isIdentifier(values[0][1]))) {
 
-     type.value = [values[0]];
 
-   }
 
-   return components;
 
- }
 
- function transition(property, compactable, validator) {
 
-   var prop = _wrapDefault(property.name + '-property', property, compactable);
 
-   var duration = _wrapDefault(property.name + '-duration', property, compactable);
 
-   var timing = _wrapDefault(property.name + '-timing-function', property, compactable);
 
-   var delay = _wrapDefault(property.name + '-delay', property, compactable);
 
-   var components = [prop, duration, timing, delay];
 
-   var values = property.value;
 
-   var value;
 
-   var durationSet = false;
 
-   var delaySet = false;
 
-   var propSet = false;
 
-   var timingSet = false;
 
-   var i;
 
-   var l;
 
-   if (property.value.length == 1 && property.value[0][1] == 'inherit') {
 
-     prop.value = duration.value = timing.value = delay.value = property.value;
 
-     return components;
 
-   }
 
-   if (values.length > 1 && _anyIsInherit(values)) {
 
-     throw new InvalidPropertyError('Invalid animation values at ' + formatPosition(values[0][2][0]) + '. Ignoring.');
 
-   }
 
-   for (i = 0, l = values.length; i < l; i++) {
 
-     value = values[i];
 
-     if (validator.isTime(value[1]) && !durationSet) {
 
-       duration.value = [value];
 
-       durationSet = true;
 
-     } else if (validator.isTime(value[1]) && !delaySet) {
 
-       delay.value = [value];
 
-       delaySet = true;
 
-     } else if ((validator.isGlobal(value[1]) || validator.isTimingFunction(value[1])) && !timingSet) {
 
-       timing.value = [value];
 
-       timingSet = true;
 
-     } else if (validator.isIdentifier(value[1]) && !propSet) {
 
-       prop.value = [value];
 
-       propSet = true;
 
-     } else {
 
-       throw new InvalidPropertyError('Invalid animation value at ' + formatPosition(value[2][0]) + '. Ignoring.');
 
-     }
 
-   }
 
-   return components;
 
- }
 
- function widthStyleColor(property, compactable, validator) {
 
-   var descriptor = compactable[property.name];
 
-   var components = [
 
-     _wrapDefault(descriptor.components[0], property, compactable),
 
-     _wrapDefault(descriptor.components[1], property, compactable),
 
-     _wrapDefault(descriptor.components[2], property, compactable)
 
-   ];
 
-   var color, style, width;
 
-   for (var i = 0; i < 3; i++) {
 
-     var component = components[i];
 
-     if (component.name.indexOf('color') > 0)
 
-       color = component;
 
-     else if (component.name.indexOf('style') > 0)
 
-       style = component;
 
-     else
 
-       width = component;
 
-   }
 
-   if ((property.value.length == 1 && property.value[0][1] == 'inherit') ||
 
-       (property.value.length == 3 && property.value[0][1] == 'inherit' && property.value[1][1] == 'inherit' && property.value[2][1] == 'inherit')) {
 
-     color.value = style.value = width.value = [property.value[0]];
 
-     return components;
 
-   }
 
-   var values = property.value.slice(0);
 
-   var match, matches;
 
-   // NOTE: usually users don't follow the required order of parts in this shorthand,
 
-   // so we'll try to parse it caring as little about order as possible
 
-   if (values.length > 0) {
 
-     matches = values.filter(_widthFilter(validator));
 
-     match = matches.length > 1 && (matches[0][1] == 'none' || matches[0][1] == 'auto') ? matches[1] : matches[0];
 
-     if (match) {
 
-       width.value = [match];
 
-       values.splice(values.indexOf(match), 1);
 
-     }
 
-   }
 
-   if (values.length > 0) {
 
-     match = values.filter(_styleFilter(validator))[0];
 
-     if (match) {
 
-       style.value = [match];
 
-       values.splice(values.indexOf(match), 1);
 
-     }
 
-   }
 
-   if (values.length > 0) {
 
-     match = values.filter(_colorFilter(validator))[0];
 
-     if (match) {
 
-       color.value = [match];
 
-       values.splice(values.indexOf(match), 1);
 
-     }
 
-   }
 
-   return components;
 
- }
 
- module.exports = {
 
-   animation: animation,
 
-   background: background,
 
-   border: widthStyleColor,
 
-   borderRadius: borderRadius,
 
-   font: font,
 
-   fourValues: fourValues,
 
-   listStyle: listStyle,
 
-   multiplex: multiplex,
 
-   outline: widthStyleColor,
 
-   transition: transition
 
- };
 
 
  |