60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
/*
|
|
https://github.com/swederik/dragula/blob/ccc15d75186f5168e7abadbe3077cf12dab09f8b/styleProperty.js
|
|
*/
|
|
'use strict';
|
|
var browserProps = {};
|
|
|
|
function eachVendor(prop, fn) {
|
|
var prefixes = ['Webkit', 'Moz', 'ms', 'O'];
|
|
var i = 0;
|
|
var l = prefixes.length;
|
|
fn(prop);
|
|
for (; i < l; i++) {
|
|
fn(prefixes[i] + prop.charAt(0).toUpperCase() + prop.slice(1));
|
|
}
|
|
}
|
|
|
|
function check(property, testValue) {
|
|
var sandbox = document.createElement('iframe');
|
|
var el = document.createElement('p');
|
|
var support;
|
|
|
|
document.body.appendChild(sandbox);
|
|
sandbox.contentDocument.body.appendChild(el);
|
|
support = set(el, property, testValue);
|
|
|
|
// We have to do this because remove() is not supported by IE11 and below
|
|
sandbox.parentElement.removeChild(sandbox);
|
|
return support;
|
|
}
|
|
|
|
function checkComputed(el, prop) {
|
|
var computed = window.getComputedStyle(el).getPropertyValue(prop);
|
|
return ((computed !== void 0) && computed.length > 0 && computed !== 'none');
|
|
}
|
|
|
|
function set(el, prop, value) {
|
|
var match = false;
|
|
if (browserProps[prop] === void 0) {
|
|
eachVendor(prop, function(vendorProp) {
|
|
if (el.style[vendorProp] !== void 0 && match === false) {
|
|
el.style[vendorProp] = value;
|
|
if (checkComputed(el, vendorProp)) {
|
|
match = true;
|
|
browserProps[prop] = vendorProp;
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
el.style[browserProps[prop]] = value;
|
|
return true;
|
|
}
|
|
return match;
|
|
}
|
|
|
|
const styleProperty = {
|
|
check,
|
|
set,
|
|
};
|
|
|
|
export { styleProperty }; |