mirror of
https://github.com/less/less.js.git
synced 2026-01-22 21:58:14 -05:00
- refactored how import reference works - refactored to-css-visitor (this is side product, it was getting complicated) - fixes issues #1851, #1896, #1878, #2716, #1968, #2162 (same as #1896)
134 lines
4.2 KiB
JavaScript
134 lines
4.2 KiB
JavaScript
var Node = require("./node"),
|
|
Selector = require("./selector"),
|
|
Ruleset = require("./ruleset");
|
|
|
|
var Directive = function (name, value, rules, index, currentFileInfo, debugInfo, isRooted, visibilityInfo) {
|
|
var i;
|
|
|
|
this.name = name;
|
|
this.value = value;
|
|
if (rules) {
|
|
if (Array.isArray(rules)) {
|
|
this.rules = rules;
|
|
} else {
|
|
this.rules = [rules];
|
|
this.rules[0].selectors = (new Selector([], null, null, this.index, currentFileInfo)).createEmptySelectors();
|
|
}
|
|
for (i = 0; i < this.rules.length; i++) {
|
|
this.rules[i].allowImports = true;
|
|
}
|
|
}
|
|
this.index = index;
|
|
this.currentFileInfo = currentFileInfo;
|
|
this.debugInfo = debugInfo;
|
|
this.isRooted = isRooted || false;
|
|
this.copyVisibilityInfo(visibilityInfo);
|
|
};
|
|
|
|
Directive.prototype = new Node();
|
|
Directive.prototype.type = "Directive";
|
|
Directive.prototype.accept = function (visitor) {
|
|
var value = this.value, rules = this.rules;
|
|
if (rules) {
|
|
this.rules = visitor.visitArray(rules);
|
|
}
|
|
if (value) {
|
|
this.value = visitor.visit(value);
|
|
}
|
|
};
|
|
Directive.prototype.isRulesetLike = function() {
|
|
return this.rules || !this.isCharset();
|
|
};
|
|
Directive.prototype.isCharset = function() {
|
|
return "@charset" === this.name;
|
|
};
|
|
Directive.prototype.genCSS = function (context, output) {
|
|
var value = this.value, rules = this.rules;
|
|
output.add(this.name, this.currentFileInfo, this.index);
|
|
if (value) {
|
|
output.add(' ');
|
|
value.genCSS(context, output);
|
|
}
|
|
if (rules) {
|
|
this.outputRuleset(context, output, rules);
|
|
} else {
|
|
output.add(';');
|
|
}
|
|
};
|
|
Directive.prototype.eval = function (context) {
|
|
var mediaPathBackup, mediaBlocksBackup, value = this.value, rules = this.rules;
|
|
|
|
//media stored inside other directive should not bubble over it
|
|
//backpup media bubbling information
|
|
mediaPathBackup = context.mediaPath;
|
|
mediaBlocksBackup = context.mediaBlocks;
|
|
//deleted media bubbling information
|
|
context.mediaPath = [];
|
|
context.mediaBlocks = [];
|
|
|
|
if (value) {
|
|
value = value.eval(context);
|
|
}
|
|
if (rules) {
|
|
// assuming that there is only one rule at this point - that is how parser constructs the rule
|
|
rules = [rules[0].eval(context)];
|
|
rules[0].root = true;
|
|
}
|
|
//restore media bubbling information
|
|
context.mediaPath = mediaPathBackup;
|
|
context.mediaBlocks = mediaBlocksBackup;
|
|
|
|
return new Directive(this.name, value, rules,
|
|
this.index, this.currentFileInfo, this.debugInfo, this.isRooted, this.visibilityInfo());
|
|
};
|
|
Directive.prototype.variable = function (name) {
|
|
if (this.rules) {
|
|
// assuming that there is only one rule at this point - that is how parser constructs the rule
|
|
return Ruleset.prototype.variable.call(this.rules[0], name);
|
|
}
|
|
};
|
|
Directive.prototype.find = function () {
|
|
if (this.rules) {
|
|
// assuming that there is only one rule at this point - that is how parser constructs the rule
|
|
return Ruleset.prototype.find.apply(this.rules[0], arguments);
|
|
}
|
|
};
|
|
Directive.prototype.rulesets = function () {
|
|
if (this.rules) {
|
|
// assuming that there is only one rule at this point - that is how parser constructs the rule
|
|
return Ruleset.prototype.rulesets.apply(this.rules[0]);
|
|
}
|
|
};
|
|
Directive.prototype.outputRuleset = function (context, output, rules) {
|
|
var ruleCnt = rules.length, i;
|
|
context.tabLevel = (context.tabLevel | 0) + 1;
|
|
|
|
// Compressed
|
|
if (context.compress) {
|
|
output.add('{');
|
|
for (i = 0; i < ruleCnt; i++) {
|
|
rules[i].genCSS(context, output);
|
|
}
|
|
output.add('}');
|
|
context.tabLevel--;
|
|
return;
|
|
}
|
|
|
|
// Non-compressed
|
|
var tabSetStr = '\n' + Array(context.tabLevel).join(" "), tabRuleStr = tabSetStr + " ";
|
|
if (!ruleCnt) {
|
|
output.add(" {" + tabSetStr + '}');
|
|
} else {
|
|
output.add(" {" + tabRuleStr);
|
|
rules[0].genCSS(context, output);
|
|
for (i = 1; i < ruleCnt; i++) {
|
|
output.add(tabRuleStr);
|
|
rules[i].genCSS(context, output);
|
|
}
|
|
output.add(tabSetStr + '}');
|
|
}
|
|
|
|
context.tabLevel--;
|
|
};
|
|
module.exports = Directive;
|