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.
94 lines
2.0 KiB
94 lines
2.0 KiB
2 years ago
|
"use strict";
|
||
|
|
|
||
|
|
/* istanbul ignore next */
|
||
|
|
var replaceText = function replaceText() {
|
||
|
|
var textStore = [];
|
||
|
|
return function replace(index, replacement) {
|
||
|
|
textStore[index] = replacement;
|
||
|
|
return textStore.filter(Boolean).join("\n");
|
||
|
|
};
|
||
|
|
}();
|
||
|
|
/* istanbul ignore next */
|
||
|
|
|
||
|
|
|
||
|
|
function apply(styleElement, index, remove, obj) {
|
||
|
|
var css;
|
||
|
|
|
||
|
|
if (remove) {
|
||
|
|
css = "";
|
||
|
|
} else {
|
||
|
|
css = "";
|
||
|
|
|
||
|
|
if (obj.supports) {
|
||
|
|
css += "@supports (".concat(obj.supports, ") {");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (obj.media) {
|
||
|
|
css += "@media ".concat(obj.media, " {");
|
||
|
|
}
|
||
|
|
|
||
|
|
var needLayer = typeof obj.layer !== "undefined";
|
||
|
|
|
||
|
|
if (needLayer) {
|
||
|
|
css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
|
||
|
|
}
|
||
|
|
|
||
|
|
css += obj.css;
|
||
|
|
|
||
|
|
if (needLayer) {
|
||
|
|
css += "}";
|
||
|
|
}
|
||
|
|
|
||
|
|
if (obj.media) {
|
||
|
|
css += "}";
|
||
|
|
}
|
||
|
|
|
||
|
|
if (obj.supports) {
|
||
|
|
css += "}";
|
||
|
|
}
|
||
|
|
} // For old IE
|
||
|
|
|
||
|
|
/* istanbul ignore if */
|
||
|
|
|
||
|
|
|
||
|
|
if (styleElement.styleSheet) {
|
||
|
|
styleElement.styleSheet.cssText = replaceText(index, css);
|
||
|
|
} else {
|
||
|
|
var cssNode = document.createTextNode(css);
|
||
|
|
var childNodes = styleElement.childNodes;
|
||
|
|
|
||
|
|
if (childNodes[index]) {
|
||
|
|
styleElement.removeChild(childNodes[index]);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (childNodes.length) {
|
||
|
|
styleElement.insertBefore(cssNode, childNodes[index]);
|
||
|
|
} else {
|
||
|
|
styleElement.appendChild(cssNode);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var singletonData = {
|
||
|
|
singleton: null,
|
||
|
|
singletonCounter: 0
|
||
|
|
};
|
||
|
|
/* istanbul ignore next */
|
||
|
|
|
||
|
|
function domAPI(options) {
|
||
|
|
// eslint-disable-next-line no-undef,no-use-before-define
|
||
|
|
var styleIndex = singletonData.singletonCounter++;
|
||
|
|
var styleElement = // eslint-disable-next-line no-undef,no-use-before-define
|
||
|
|
singletonData.singleton || ( // eslint-disable-next-line no-undef,no-use-before-define
|
||
|
|
singletonData.singleton = options.insertStyleElement(options));
|
||
|
|
return {
|
||
|
|
update: function update(obj) {
|
||
|
|
apply(styleElement, styleIndex, false, obj);
|
||
|
|
},
|
||
|
|
remove: function remove(obj) {
|
||
|
|
apply(styleElement, styleIndex, true, obj);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = domAPI;
|