You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
218 lines
5.2 KiB
218 lines
5.2 KiB
"use strict";
|
|
|
|
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
|
|
|
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _defaults(subClass, superClass); }
|
|
|
|
var _require = require('postcss'),
|
|
list = _require.list;
|
|
|
|
var OldSelector = require('./old-selector');
|
|
|
|
var Prefixer = require('./prefixer');
|
|
|
|
var Browsers = require('./browsers');
|
|
|
|
var utils = require('./utils');
|
|
|
|
var Selector =
|
|
/*#__PURE__*/
|
|
function (_Prefixer) {
|
|
_inheritsLoose(Selector, _Prefixer);
|
|
|
|
function Selector(name, prefixes, all) {
|
|
var _this;
|
|
|
|
_this = _Prefixer.call(this, name, prefixes, all) || this;
|
|
_this.regexpCache = {};
|
|
return _this;
|
|
}
|
|
/**
|
|
* Is rule selectors need to be prefixed
|
|
*/
|
|
|
|
|
|
var _proto = Selector.prototype;
|
|
|
|
_proto.check = function check(rule) {
|
|
if (rule.selector.includes(this.name)) {
|
|
return !!rule.selector.match(this.regexp());
|
|
}
|
|
|
|
return false;
|
|
}
|
|
/**
|
|
* Return prefixed version of selector
|
|
*/
|
|
;
|
|
|
|
_proto.prefixed = function prefixed(prefix) {
|
|
return this.name.replace(/^(\W*)/, "$1" + prefix);
|
|
}
|
|
/**
|
|
* Lazy loadRegExp for name
|
|
*/
|
|
;
|
|
|
|
_proto.regexp = function regexp(prefix) {
|
|
if (this.regexpCache[prefix]) {
|
|
return this.regexpCache[prefix];
|
|
}
|
|
|
|
var name = prefix ? this.prefixed(prefix) : this.name;
|
|
this.regexpCache[prefix] = new RegExp("(^|[^:\"'=])" + utils.escapeRegexp(name), 'gi');
|
|
return this.regexpCache[prefix];
|
|
}
|
|
/**
|
|
* All possible prefixes
|
|
*/
|
|
;
|
|
|
|
_proto.possible = function possible() {
|
|
return Browsers.prefixes();
|
|
}
|
|
/**
|
|
* Return all possible selector prefixes
|
|
*/
|
|
;
|
|
|
|
_proto.prefixeds = function prefixeds(rule) {
|
|
var _this2 = this;
|
|
|
|
if (rule._autoprefixerPrefixeds) {
|
|
if (rule._autoprefixerPrefixeds[this.name]) {
|
|
return rule._autoprefixerPrefixeds;
|
|
}
|
|
} else {
|
|
rule._autoprefixerPrefixeds = {};
|
|
}
|
|
|
|
var prefixeds = {};
|
|
|
|
if (rule.selector.includes(',')) {
|
|
var ruleParts = list.comma(rule.selector);
|
|
var toProcess = ruleParts.filter(function (el) {
|
|
return el.includes(_this2.name);
|
|
});
|
|
|
|
var _loop = function _loop() {
|
|
if (_isArray) {
|
|
if (_i >= _iterator.length) return "break";
|
|
_ref = _iterator[_i++];
|
|
} else {
|
|
_i = _iterator.next();
|
|
if (_i.done) return "break";
|
|
_ref = _i.value;
|
|
}
|
|
|
|
var prefix = _ref;
|
|
prefixeds[prefix] = toProcess.map(function (el) {
|
|
return _this2.replace(el, prefix);
|
|
}).join(', ');
|
|
};
|
|
|
|
for (var _iterator = this.possible(), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
|
|
var _ref;
|
|
|
|
var _ret = _loop();
|
|
|
|
if (_ret === "break") break;
|
|
}
|
|
} else {
|
|
for (var _iterator2 = this.possible(), _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
|
|
var _ref2;
|
|
|
|
if (_isArray2) {
|
|
if (_i2 >= _iterator2.length) break;
|
|
_ref2 = _iterator2[_i2++];
|
|
} else {
|
|
_i2 = _iterator2.next();
|
|
if (_i2.done) break;
|
|
_ref2 = _i2.value;
|
|
}
|
|
|
|
var prefix = _ref2;
|
|
prefixeds[prefix] = this.replace(rule.selector, prefix);
|
|
}
|
|
}
|
|
|
|
rule._autoprefixerPrefixeds[this.name] = prefixeds;
|
|
return rule._autoprefixerPrefixeds;
|
|
}
|
|
/**
|
|
* Is rule already prefixed before
|
|
*/
|
|
;
|
|
|
|
_proto.already = function already(rule, prefixeds, prefix) {
|
|
var index = rule.parent.index(rule) - 1;
|
|
|
|
while (index >= 0) {
|
|
var before = rule.parent.nodes[index];
|
|
|
|
if (before.type !== 'rule') {
|
|
return false;
|
|
}
|
|
|
|
var some = false;
|
|
|
|
for (var key in prefixeds[this.name]) {
|
|
var prefixed = prefixeds[this.name][key];
|
|
|
|
if (before.selector === prefixed) {
|
|
if (prefix === key) {
|
|
return true;
|
|
} else {
|
|
some = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (!some) {
|
|
return false;
|
|
}
|
|
|
|
index -= 1;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
/**
|
|
* Replace selectors by prefixed one
|
|
*/
|
|
;
|
|
|
|
_proto.replace = function replace(selector, prefix) {
|
|
return selector.replace(this.regexp(), "$1" + this.prefixed(prefix));
|
|
}
|
|
/**
|
|
* Clone and add prefixes for at-rule
|
|
*/
|
|
;
|
|
|
|
_proto.add = function add(rule, prefix) {
|
|
var prefixeds = this.prefixeds(rule);
|
|
|
|
if (this.already(rule, prefixeds, prefix)) {
|
|
return;
|
|
}
|
|
|
|
var cloned = this.clone(rule, {
|
|
selector: prefixeds[this.name][prefix]
|
|
});
|
|
rule.parent.insertBefore(rule, cloned);
|
|
}
|
|
/**
|
|
* Return function to fast find prefixed selector
|
|
*/
|
|
;
|
|
|
|
_proto.old = function old(prefix) {
|
|
return new OldSelector(this, prefix);
|
|
};
|
|
|
|
return Selector;
|
|
}(Prefixer);
|
|
|
|
module.exports = Selector;
|