72 lines
2.5 KiB
JavaScript
72 lines
2.5 KiB
JavaScript
(function() {
|
|
var Declaration, FlexDirection, flexSpec,
|
|
extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
|
|
hasProp = {}.hasOwnProperty;
|
|
|
|
flexSpec = require('./flex-spec');
|
|
|
|
Declaration = require('../declaration');
|
|
|
|
FlexDirection = (function(superClass) {
|
|
extend(FlexDirection, superClass);
|
|
|
|
function FlexDirection() {
|
|
return FlexDirection.__super__.constructor.apply(this, arguments);
|
|
}
|
|
|
|
FlexDirection.names = ['flex-direction', 'box-direction', 'box-orient'];
|
|
|
|
FlexDirection.prototype.normalize = function(prop) {
|
|
return 'flex-direction';
|
|
};
|
|
|
|
FlexDirection.prototype.insert = function(decl, prefix, prefixes) {
|
|
var already, cloned, dir, orient, ref, spec, value;
|
|
ref = flexSpec(prefix), spec = ref[0], prefix = ref[1];
|
|
if (spec !== 2009) {
|
|
return FlexDirection.__super__.insert.apply(this, arguments);
|
|
} else {
|
|
already = decl.parent.some(function(i) {
|
|
return i.prop === prefix + 'box-orient' || i.prop === prefix + 'box-direction';
|
|
});
|
|
if (already) {
|
|
return;
|
|
}
|
|
value = decl.value;
|
|
orient = value.indexOf('row') !== -1 ? 'horizontal' : 'vertical';
|
|
dir = value.indexOf('reverse') !== -1 ? 'reverse' : 'normal';
|
|
cloned = this.clone(decl);
|
|
cloned.prop = prefix + 'box-orient';
|
|
cloned.value = orient;
|
|
if (this.needCascade(decl)) {
|
|
cloned.raws.before = this.calcBefore(prefixes, decl, prefix);
|
|
}
|
|
decl.parent.insertBefore(decl, cloned);
|
|
cloned = this.clone(decl);
|
|
cloned.prop = prefix + 'box-direction';
|
|
cloned.value = dir;
|
|
if (this.needCascade(decl)) {
|
|
cloned.raws.before = this.calcBefore(prefixes, decl, prefix);
|
|
}
|
|
return decl.parent.insertBefore(decl, cloned);
|
|
}
|
|
};
|
|
|
|
FlexDirection.prototype.old = function(prop, prefix) {
|
|
var ref, spec;
|
|
ref = flexSpec(prefix), spec = ref[0], prefix = ref[1];
|
|
if (spec === 2009) {
|
|
return [prefix + 'box-orient', prefix + 'box-direction'];
|
|
} else {
|
|
return FlexDirection.__super__.old.apply(this, arguments);
|
|
}
|
|
};
|
|
|
|
return FlexDirection;
|
|
|
|
})(Declaration);
|
|
|
|
module.exports = FlexDirection;
|
|
|
|
}).call(this);
|