mirror of
https://github.com/coreui/coreui-icons.git
synced 2025-08-17 22:11:19 +02:00
feat: add polyfils
This commit is contained in:
mrholek
230
js/svgxuse.js
Executable file
230
js/svgxuse.js
Executable file
@@ -0,0 +1,230 @@
|
|||||||
|
/*!
|
||||||
|
* @copyright Copyright (c) 2017 IcoMoon.io
|
||||||
|
* @license Licensed under MIT license
|
||||||
|
* See https://github.com/Keyamoon/svgxuse
|
||||||
|
* @version 1.2.6
|
||||||
|
*/
|
||||||
|
/*jslint browser: true */
|
||||||
|
/*global XDomainRequest, MutationObserver, window */
|
||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
if (typeof window !== "undefined" && window.addEventListener) {
|
||||||
|
var cache = Object.create(null); // holds xhr objects to prevent multiple requests
|
||||||
|
var checkUseElems;
|
||||||
|
var tid; // timeout id
|
||||||
|
var debouncedCheck = function () {
|
||||||
|
clearTimeout(tid);
|
||||||
|
tid = setTimeout(checkUseElems, 100);
|
||||||
|
};
|
||||||
|
var unobserveChanges = function () {
|
||||||
|
return;
|
||||||
|
};
|
||||||
|
var observeChanges = function () {
|
||||||
|
var observer;
|
||||||
|
window.addEventListener("resize", debouncedCheck, false);
|
||||||
|
window.addEventListener("orientationchange", debouncedCheck, false);
|
||||||
|
if (window.MutationObserver) {
|
||||||
|
observer = new MutationObserver(debouncedCheck);
|
||||||
|
observer.observe(document.documentElement, {
|
||||||
|
childList: true,
|
||||||
|
subtree: true,
|
||||||
|
attributes: true
|
||||||
|
});
|
||||||
|
unobserveChanges = function () {
|
||||||
|
try {
|
||||||
|
observer.disconnect();
|
||||||
|
window.removeEventListener("resize", debouncedCheck, false);
|
||||||
|
window.removeEventListener("orientationchange", debouncedCheck, false);
|
||||||
|
} catch (ignore) {}
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
document.documentElement.addEventListener("DOMSubtreeModified", debouncedCheck, false);
|
||||||
|
unobserveChanges = function () {
|
||||||
|
document.documentElement.removeEventListener("DOMSubtreeModified", debouncedCheck, false);
|
||||||
|
window.removeEventListener("resize", debouncedCheck, false);
|
||||||
|
window.removeEventListener("orientationchange", debouncedCheck, false);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var createRequest = function (url) {
|
||||||
|
// In IE 9, cross origin requests can only be sent using XDomainRequest.
|
||||||
|
// XDomainRequest would fail if CORS headers are not set.
|
||||||
|
// Therefore, XDomainRequest should only be used with cross origin requests.
|
||||||
|
function getOrigin(loc) {
|
||||||
|
var a;
|
||||||
|
if (loc.protocol !== undefined) {
|
||||||
|
a = loc;
|
||||||
|
} else {
|
||||||
|
a = document.createElement("a");
|
||||||
|
a.href = loc;
|
||||||
|
}
|
||||||
|
return a.protocol.replace(/:/g, "") + a.host;
|
||||||
|
}
|
||||||
|
var Request;
|
||||||
|
var origin;
|
||||||
|
var origin2;
|
||||||
|
if (window.XMLHttpRequest) {
|
||||||
|
Request = new XMLHttpRequest();
|
||||||
|
origin = getOrigin(location);
|
||||||
|
origin2 = getOrigin(url);
|
||||||
|
if (Request.withCredentials === undefined && origin2 !== "" && origin2 !== origin) {
|
||||||
|
Request = XDomainRequest || undefined;
|
||||||
|
} else {
|
||||||
|
Request = XMLHttpRequest;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return Request;
|
||||||
|
};
|
||||||
|
var xlinkNS = "http://www.w3.org/1999/xlink";
|
||||||
|
checkUseElems = function () {
|
||||||
|
var base;
|
||||||
|
var bcr;
|
||||||
|
var fallback = ""; // optional fallback URL in case no base path to SVG file was given and no symbol definition was found.
|
||||||
|
var hash;
|
||||||
|
var href;
|
||||||
|
var i;
|
||||||
|
var inProgressCount = 0;
|
||||||
|
var isHidden;
|
||||||
|
var Request;
|
||||||
|
var url;
|
||||||
|
var uses;
|
||||||
|
var xhr;
|
||||||
|
function observeIfDone() {
|
||||||
|
// If done with making changes, start watching for chagnes in DOM again
|
||||||
|
inProgressCount -= 1;
|
||||||
|
if (inProgressCount === 0) { // if all xhrs were resolved
|
||||||
|
unobserveChanges(); // make sure to remove old handlers
|
||||||
|
observeChanges(); // watch for changes to DOM
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function attrUpdateFunc(spec) {
|
||||||
|
return function () {
|
||||||
|
if (cache[spec.base] !== true) {
|
||||||
|
spec.useEl.setAttributeNS(xlinkNS, "xlink:href", "#" + spec.hash);
|
||||||
|
if (spec.useEl.hasAttribute("href")) {
|
||||||
|
spec.useEl.setAttribute("href", "#" + spec.hash);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
function onloadFunc(xhr) {
|
||||||
|
return function () {
|
||||||
|
var body = document.body;
|
||||||
|
var x = document.createElement("x");
|
||||||
|
var svg;
|
||||||
|
xhr.onload = null;
|
||||||
|
x.innerHTML = xhr.responseText;
|
||||||
|
svg = x.getElementsByTagName("svg")[0];
|
||||||
|
if (svg) {
|
||||||
|
svg.setAttribute("aria-hidden", "true");
|
||||||
|
svg.style.position = "absolute";
|
||||||
|
svg.style.width = 0;
|
||||||
|
svg.style.height = 0;
|
||||||
|
svg.style.overflow = "hidden";
|
||||||
|
body.insertBefore(svg, body.firstChild);
|
||||||
|
}
|
||||||
|
observeIfDone();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
function onErrorTimeout(xhr) {
|
||||||
|
return function () {
|
||||||
|
xhr.onerror = null;
|
||||||
|
xhr.ontimeout = null;
|
||||||
|
observeIfDone();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
unobserveChanges(); // stop watching for changes to DOM
|
||||||
|
// find all use elements
|
||||||
|
uses = document.getElementsByTagName("use");
|
||||||
|
for (i = 0; i < uses.length; i += 1) {
|
||||||
|
try {
|
||||||
|
bcr = uses[i].getBoundingClientRect();
|
||||||
|
} catch (ignore) {
|
||||||
|
// failed to get bounding rectangle of the use element
|
||||||
|
bcr = false;
|
||||||
|
}
|
||||||
|
href = uses[i].getAttribute("href")
|
||||||
|
|| uses[i].getAttributeNS(xlinkNS, "href")
|
||||||
|
|| uses[i].getAttribute("xlink:href");
|
||||||
|
if (href && href.split) {
|
||||||
|
url = href.split("#");
|
||||||
|
} else {
|
||||||
|
url = ["", ""];
|
||||||
|
}
|
||||||
|
base = url[0];
|
||||||
|
hash = url[1];
|
||||||
|
isHidden = bcr && bcr.left === 0 && bcr.right === 0 && bcr.top === 0 && bcr.bottom === 0;
|
||||||
|
if (bcr && bcr.width === 0 && bcr.height === 0 && !isHidden) {
|
||||||
|
// the use element is empty
|
||||||
|
// if there is a reference to an external SVG, try to fetch it
|
||||||
|
// use the optional fallback URL if there is no reference to an external SVG
|
||||||
|
if (fallback && !base.length && hash && !document.getElementById(hash)) {
|
||||||
|
base = fallback;
|
||||||
|
}
|
||||||
|
if (uses[i].hasAttribute("href")) {
|
||||||
|
uses[i].setAttributeNS(xlinkNS, "xlink:href", href);
|
||||||
|
}
|
||||||
|
if (base.length) {
|
||||||
|
// schedule updating xlink:href
|
||||||
|
xhr = cache[base];
|
||||||
|
if (xhr !== true) {
|
||||||
|
// true signifies that prepending the SVG was not required
|
||||||
|
setTimeout(attrUpdateFunc({
|
||||||
|
useEl: uses[i],
|
||||||
|
base: base,
|
||||||
|
hash: hash
|
||||||
|
}), 0);
|
||||||
|
}
|
||||||
|
if (xhr === undefined) {
|
||||||
|
Request = createRequest(base);
|
||||||
|
if (Request !== undefined) {
|
||||||
|
xhr = new Request();
|
||||||
|
cache[base] = xhr;
|
||||||
|
xhr.onload = onloadFunc(xhr);
|
||||||
|
xhr.onerror = onErrorTimeout(xhr);
|
||||||
|
xhr.ontimeout = onErrorTimeout(xhr);
|
||||||
|
xhr.open("GET", base);
|
||||||
|
xhr.send();
|
||||||
|
inProgressCount += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (!isHidden) {
|
||||||
|
if (cache[base] === undefined) {
|
||||||
|
// remember this URL if the use element was not empty and no request was sent
|
||||||
|
cache[base] = true;
|
||||||
|
} else if (cache[base].onload) {
|
||||||
|
// if it turns out that prepending the SVG is not necessary,
|
||||||
|
// abort the in-progress xhr.
|
||||||
|
cache[base].abort();
|
||||||
|
delete cache[base].onload;
|
||||||
|
cache[base] = true;
|
||||||
|
}
|
||||||
|
} else if (base.length && cache[base]) {
|
||||||
|
setTimeout(attrUpdateFunc({
|
||||||
|
useEl: uses[i],
|
||||||
|
base: base,
|
||||||
|
hash: hash
|
||||||
|
}), 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uses = "";
|
||||||
|
inProgressCount += 1;
|
||||||
|
observeIfDone();
|
||||||
|
};
|
||||||
|
var winLoad;
|
||||||
|
winLoad = function () {
|
||||||
|
window.removeEventListener("load", winLoad, false); // to prevent memory leaks
|
||||||
|
tid = setTimeout(checkUseElems, 0);
|
||||||
|
};
|
||||||
|
if (document.readyState !== "complete") {
|
||||||
|
// The load event fires when all resources have finished loading, which allows detecting whether SVG use elements are empty.
|
||||||
|
window.addEventListener("load", winLoad, false);
|
||||||
|
} else {
|
||||||
|
// No need to add a listener if the document is already loaded, initialize immediately.
|
||||||
|
winLoad();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}());
|
||||||
12
js/svgxuse.min.js
vendored
Executable file
12
js/svgxuse.min.js
vendored
Executable file
@@ -0,0 +1,12 @@
|
|||||||
|
/*!
|
||||||
|
* @copyright Copyright (c) 2017 IcoMoon.io
|
||||||
|
* @license Licensed under MIT license
|
||||||
|
* See https://github.com/Keyamoon/svgxuse
|
||||||
|
* @version 1.2.6
|
||||||
|
*/
|
||||||
|
(function(){if("undefined"!==typeof window&&window.addEventListener){var e=Object.create(null),l,d=function(){clearTimeout(l);l=setTimeout(n,100)},m=function(){},t=function(){window.addEventListener("resize",d,!1);window.addEventListener("orientationchange",d,!1);if(window.MutationObserver){var k=new MutationObserver(d);k.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0});m=function(){try{k.disconnect(),window.removeEventListener("resize",d,!1),window.removeEventListener("orientationchange",
|
||||||
|
d,!1)}catch(v){}}}else document.documentElement.addEventListener("DOMSubtreeModified",d,!1),m=function(){document.documentElement.removeEventListener("DOMSubtreeModified",d,!1);window.removeEventListener("resize",d,!1);window.removeEventListener("orientationchange",d,!1)}},u=function(k){function e(a){if(void 0!==a.protocol)var b=a;else b=document.createElement("a"),b.href=a;return b.protocol.replace(/:/g,"")+b.host}if(window.XMLHttpRequest){var d=new XMLHttpRequest;var m=e(location);k=e(k);d=void 0===
|
||||||
|
d.withCredentials&&""!==k&&k!==m?XDomainRequest||void 0:XMLHttpRequest}return d};var n=function(){function d(){--q;0===q&&(m(),t())}function l(a){return function(){!0!==e[a.base]&&(a.useEl.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+a.hash),a.useEl.hasAttribute("href")&&a.useEl.setAttribute("href","#"+a.hash))}}function p(a){return function(){var c=document.body,b=document.createElement("x");a.onload=null;b.innerHTML=a.responseText;if(b=b.getElementsByTagName("svg")[0])b.setAttribute("aria-hidden",
|
||||||
|
"true"),b.style.position="absolute",b.style.width=0,b.style.height=0,b.style.overflow="hidden",c.insertBefore(b,c.firstChild);d()}}function n(a){return function(){a.onerror=null;a.ontimeout=null;d()}}var a,b,q=0;m();var f=document.getElementsByTagName("use");for(b=0;b<f.length;b+=1){try{var h=f[b].getBoundingClientRect()}catch(w){h=!1}var g=(a=f[b].getAttribute("href")||f[b].getAttributeNS("http://www.w3.org/1999/xlink","href")||f[b].getAttribute("xlink:href"))&&a.split?a.split("#"):["",""];var c=
|
||||||
|
g[0];g=g[1];var r=h&&0===h.left&&0===h.right&&0===h.top&&0===h.bottom;h&&0===h.width&&0===h.height&&!r?(c.length||!g||document.getElementById(g)||(c=""),f[b].hasAttribute("href")&&f[b].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",a),c.length&&(a=e[c],!0!==a&&setTimeout(l({useEl:f[b],base:c,hash:g}),0),void 0===a&&(g=u(c),void 0!==g&&(a=new g,e[c]=a,a.onload=p(a),a.onerror=n(a),a.ontimeout=n(a),a.open("GET",c),a.send(),q+=1)))):r?c.length&&e[c]&&setTimeout(l({useEl:f[b],base:c,
|
||||||
|
hash:g}),0):void 0===e[c]?e[c]=!0:e[c].onload&&(e[c].abort(),delete e[c].onload,e[c]=!0)}f="";q+=1;d()};var p=function(){window.removeEventListener("load",p,!1);l=setTimeout(n,0)};"complete"!==document.readyState?window.addEventListener("load",p,!1):p()}})();
|
||||||
Reference in New Issue
Block a user