1452 lines
113 KiB
JavaScript
1452 lines
113 KiB
JavaScript
|
/******/ (function(modules) { // webpackBootstrap
|
||
|
|
/******/ // The module cache
|
||
|
|
/******/ var installedModules = {};
|
||
|
|
/******/
|
||
|
|
/******/ // The require function
|
||
|
|
/******/ function __webpack_require__(moduleId) {
|
||
|
|
/******/
|
||
|
|
/******/ // Check if module is in cache
|
||
|
|
/******/ if(installedModules[moduleId]) {
|
||
|
|
/******/ return installedModules[moduleId].exports;
|
||
|
|
/******/ }
|
||
|
|
/******/ // Create a new module (and put it into the cache)
|
||
|
|
/******/ var module = installedModules[moduleId] = {
|
||
|
|
/******/ i: moduleId,
|
||
|
|
/******/ l: false,
|
||
|
|
/******/ exports: {}
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Execute the module function
|
||
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||
|
|
/******/
|
||
|
|
/******/ // Flag the module as loaded
|
||
|
|
/******/ module.l = true;
|
||
|
|
/******/
|
||
|
|
/******/ // Return the exports of the module
|
||
|
|
/******/ return module.exports;
|
||
|
|
/******/ }
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // expose the modules object (__webpack_modules__)
|
||
|
|
/******/ __webpack_require__.m = modules;
|
||
|
|
/******/
|
||
|
|
/******/ // expose the module cache
|
||
|
|
/******/ __webpack_require__.c = installedModules;
|
||
|
|
/******/
|
||
|
|
/******/ // define getter function for harmony exports
|
||
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
||
|
|
/******/ Object.defineProperty(exports, name, {
|
||
|
|
/******/ configurable: false,
|
||
|
|
/******/ enumerable: true,
|
||
|
|
/******/ get: getter
|
||
|
|
/******/ });
|
||
|
|
/******/ }
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||
|
|
/******/ __webpack_require__.n = function(module) {
|
||
|
|
/******/ var getter = module && module.__esModule ?
|
||
|
|
/******/ function getDefault() { return module['default']; } :
|
||
|
|
/******/ function getModuleExports() { return module; };
|
||
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
||
|
|
/******/ return getter;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
||
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||
|
|
/******/
|
||
|
|
/******/ // __webpack_public_path__
|
||
|
|
/******/ __webpack_require__.p = "";
|
||
|
|
/******/
|
||
|
|
/******/ // Load entry module and return exports
|
||
|
|
/******/ return __webpack_require__(__webpack_require__.s = 3);
|
||
|
|
/******/ })
|
||
|
|
/************************************************************************/
|
||
|
|
/******/ ([
|
||
|
|
/* 0 */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
/* WEBPACK VAR INJECTION */(function(global) {(function (global, factory) {
|
||
|
|
true ? module.exports = factory() :
|
||
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
||
|
|
(global.BrowserSpriteSymbol = factory());
|
||
|
|
}(this, (function () { 'use strict';
|
||
|
|
|
||
|
|
var SpriteSymbol = function SpriteSymbol(ref) {
|
||
|
|
var id = ref.id;
|
||
|
|
var viewBox = ref.viewBox;
|
||
|
|
var content = ref.content;
|
||
|
|
|
||
|
|
this.id = id;
|
||
|
|
this.viewBox = viewBox;
|
||
|
|
this.content = content;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
SpriteSymbol.prototype.stringify = function stringify () {
|
||
|
|
return this.content;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
SpriteSymbol.prototype.toString = function toString () {
|
||
|
|
return this.stringify();
|
||
|
|
};
|
||
|
|
|
||
|
|
SpriteSymbol.prototype.destroy = function destroy () {
|
||
|
|
var this$1 = this;
|
||
|
|
|
||
|
|
['id', 'viewBox', 'content'].forEach(function (prop) { return delete this$1[prop]; });
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} content
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
var parse = function (content) {
|
||
|
|
var hasImportNode = !!document.importNode;
|
||
|
|
var doc = new DOMParser().parseFromString(content, 'image/svg+xml').documentElement;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Fix for browser which are throwing WrongDocumentError
|
||
|
|
* if you insert an element which is not part of the document
|
||
|
|
* @see http://stackoverflow.com/a/7986519/4624403
|
||
|
|
*/
|
||
|
|
if (hasImportNode) {
|
||
|
|
return document.importNode(doc, true);
|
||
|
|
}
|
||
|
|
|
||
|
|
return doc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function createCommonjsModule(fn, module) {
|
||
|
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
||
|
|
}
|
||
|
|
|
||
|
|
var index = createCommonjsModule(function (module, exports) {
|
||
|
|
(function (root, factory) {
|
||
|
|
if (false) {
|
||
|
|
undefined(factory);
|
||
|
|
} else {
|
||
|
|
module.exports = factory();
|
||
|
|
}
|
||
|
|
}(commonjsGlobal, function () {
|
||
|
|
|
||
|
|
function isMergeableObject(val) {
|
||
|
|
var nonNullObject = val && typeof val === 'object';
|
||
|
|
|
||
|
|
return nonNullObject
|
||
|
|
&& Object.prototype.toString.call(val) !== '[object RegExp]'
|
||
|
|
&& Object.prototype.toString.call(val) !== '[object Date]'
|
||
|
|
}
|
||
|
|
|
||
|
|
function emptyTarget(val) {
|
||
|
|
return Array.isArray(val) ? [] : {}
|
||
|
|
}
|
||
|
|
|
||
|
|
function cloneIfNecessary(value, optionsArgument) {
|
||
|
|
var clone = optionsArgument && optionsArgument.clone === true;
|
||
|
|
return (clone && isMergeableObject(value)) ? deepmerge(emptyTarget(value), value, optionsArgument) : value
|
||
|
|
}
|
||
|
|
|
||
|
|
function defaultArrayMerge(target, source, optionsArgument) {
|
||
|
|
var destination = target.slice();
|
||
|
|
source.forEach(function(e, i) {
|
||
|
|
if (typeof destination[i] === 'undefined') {
|
||
|
|
destination[i] = cloneIfNecessary(e, optionsArgument);
|
||
|
|
} else if (isMergeableObject(e)) {
|
||
|
|
destination[i] = deepmerge(target[i], e, optionsArgument);
|
||
|
|
} else if (target.indexOf(e) === -1) {
|
||
|
|
destination.push(cloneIfNecessary(e, optionsArgument));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return destination
|
||
|
|
}
|
||
|
|
|
||
|
|
function mergeObject(target, source, optionsArgument) {
|
||
|
|
var destination = {};
|
||
|
|
if (isMergeableObject(target)) {
|
||
|
|
Object.keys(target).forEach(function (key) {
|
||
|
|
destination[key] = cloneIfNecessary(target[key], optionsArgument);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
Object.keys(source).forEach(function (key) {
|
||
|
|
if (!isMergeableObject(source[key]) || !target[key]) {
|
||
|
|
destination[key] = cloneIfNecessary(source[key], optionsArgument);
|
||
|
|
} else {
|
||
|
|
destination[key] = deepmerge(target[key], source[key], optionsArgument);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return destination
|
||
|
|
}
|
||
|
|
|
||
|
|
function deepmerge(target, source, optionsArgument) {
|
||
|
|
var array = Array.isArray(source);
|
||
|
|
var options = optionsArgument || { arrayMerge: defaultArrayMerge };
|
||
|
|
var arrayMerge = options.arrayMerge || defaultArrayMerge;
|
||
|
|
|
||
|
|
if (array) {
|
||
|
|
return Array.isArray(target) ? arrayMerge(target, source, optionsArgument) : cloneIfNecessary(source, optionsArgument)
|
||
|
|
} else {
|
||
|
|
return mergeObject(target, source, optionsArgument)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
deepmerge.all = function deepmergeAll(array, optionsArgument) {
|
||
|
|
if (!Array.isArray(array) || array.length < 2) {
|
||
|
|
throw new Error('first argument should be an array with at least two elements')
|
||
|
|
}
|
||
|
|
|
||
|
|
// we are sure there are at least 2 values, so it is safe to have no initial value
|
||
|
|
return array.reduce(function(prev, next) {
|
||
|
|
return deepmerge(prev, next, optionsArgument)
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
return deepmerge
|
||
|
|
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
|
||
|
|
var namespaces_1 = createCommonjsModule(function (module, exports) {
|
||
|
|
var namespaces = {
|
||
|
|
svg: {
|
||
|
|
name: 'xmlns',
|
||
|
|
uri: 'http://www.w3.org/2000/svg'
|
||
|
|
},
|
||
|
|
xlink: {
|
||
|
|
name: 'xmlns:xlink',
|
||
|
|
uri: 'http://www.w3.org/1999/xlink'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
exports.default = namespaces;
|
||
|
|
module.exports = exports.default;
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Object} attrs
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
var objectToAttrsString = function (attrs) {
|
||
|
|
return Object.keys(attrs).map(function (attr) {
|
||
|
|
var value = attrs[attr].toString().replace(/"/g, '"');
|
||
|
|
return (attr + "=\"" + value + "\"");
|
||
|
|
}).join(' ');
|
||
|
|
};
|
||
|
|
|
||
|
|
var svg = namespaces_1.svg;
|
||
|
|
var xlink = namespaces_1.xlink;
|
||
|
|
|
||
|
|
var defaultAttrs = {};
|
||
|
|
defaultAttrs[svg.name] = svg.uri;
|
||
|
|
defaultAttrs[xlink.name] = xlink.uri;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} [content]
|
||
|
|
* @param {Object} [attributes]
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
var wrapInSvgString = function (content, attributes) {
|
||
|
|
if ( content === void 0 ) content = '';
|
||
|
|
|
||
|
|
var attrs = index(defaultAttrs, attributes || {});
|
||
|
|
var attrsRendered = objectToAttrsString(attrs);
|
||
|
|
return ("<svg " + attrsRendered + ">" + content + "</svg>");
|
||
|
|
};
|
||
|
|
|
||
|
|
var BrowserSpriteSymbol = (function (SpriteSymbol$$1) {
|
||
|
|
function BrowserSpriteSymbol () {
|
||
|
|
SpriteSymbol$$1.apply(this, arguments);
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( SpriteSymbol$$1 ) BrowserSpriteSymbol.__proto__ = SpriteSymbol$$1;
|
||
|
|
BrowserSpriteSymbol.prototype = Object.create( SpriteSymbol$$1 && SpriteSymbol$$1.prototype );
|
||
|
|
BrowserSpriteSymbol.prototype.constructor = BrowserSpriteSymbol;
|
||
|
|
|
||
|
|
var prototypeAccessors = { isMounted: {} };
|
||
|
|
|
||
|
|
prototypeAccessors.isMounted.get = function () {
|
||
|
|
return !!this.node;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Element} node
|
||
|
|
* @return {BrowserSpriteSymbol}
|
||
|
|
*/
|
||
|
|
BrowserSpriteSymbol.createFromExistingNode = function createFromExistingNode (node) {
|
||
|
|
return new BrowserSpriteSymbol({
|
||
|
|
id: node.getAttribute('id'),
|
||
|
|
viewBox: node.getAttribute('viewBox'),
|
||
|
|
content: node.outerHTML
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
BrowserSpriteSymbol.prototype.destroy = function destroy () {
|
||
|
|
if (this.isMounted) {
|
||
|
|
this.unmount();
|
||
|
|
}
|
||
|
|
SpriteSymbol$$1.prototype.destroy.call(this);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Element|string} target
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
BrowserSpriteSymbol.prototype.mount = function mount (target) {
|
||
|
|
if (this.isMounted) {
|
||
|
|
return this.node;
|
||
|
|
}
|
||
|
|
|
||
|
|
var mountTarget = typeof target === 'string' ? document.querySelector(target) : target;
|
||
|
|
var node = this.render();
|
||
|
|
this.node = node;
|
||
|
|
|
||
|
|
mountTarget.appendChild(node);
|
||
|
|
|
||
|
|
return node;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
BrowserSpriteSymbol.prototype.render = function render () {
|
||
|
|
var content = this.stringify();
|
||
|
|
return parse(wrapInSvgString(content)).childNodes[0];
|
||
|
|
};
|
||
|
|
|
||
|
|
BrowserSpriteSymbol.prototype.unmount = function unmount () {
|
||
|
|
this.node.parentNode.removeChild(this.node);
|
||
|
|
};
|
||
|
|
|
||
|
|
Object.defineProperties( BrowserSpriteSymbol.prototype, prototypeAccessors );
|
||
|
|
|
||
|
|
return BrowserSpriteSymbol;
|
||
|
|
}(SpriteSymbol));
|
||
|
|
|
||
|
|
return BrowserSpriteSymbol;
|
||
|
|
|
||
|
|
})));
|
||
|
|
|
||
|
|
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
/* 1 */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
/* WEBPACK VAR INJECTION */(function(global) {(function (global, factory) {
|
||
|
|
true ? module.exports = factory() :
|
||
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
||
|
|
(global.BrowserSprite = factory());
|
||
|
|
}(this, (function () { 'use strict';
|
||
|
|
|
||
|
|
var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function createCommonjsModule(fn, module) {
|
||
|
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
||
|
|
}
|
||
|
|
|
||
|
|
var index = createCommonjsModule(function (module, exports) {
|
||
|
|
(function (root, factory) {
|
||
|
|
if (false) {
|
||
|
|
undefined(factory);
|
||
|
|
} else {
|
||
|
|
module.exports = factory();
|
||
|
|
}
|
||
|
|
}(commonjsGlobal, function () {
|
||
|
|
|
||
|
|
function isMergeableObject(val) {
|
||
|
|
var nonNullObject = val && typeof val === 'object';
|
||
|
|
|
||
|
|
return nonNullObject
|
||
|
|
&& Object.prototype.toString.call(val) !== '[object RegExp]'
|
||
|
|
&& Object.prototype.toString.call(val) !== '[object Date]'
|
||
|
|
}
|
||
|
|
|
||
|
|
function emptyTarget(val) {
|
||
|
|
return Array.isArray(val) ? [] : {}
|
||
|
|
}
|
||
|
|
|
||
|
|
function cloneIfNecessary(value, optionsArgument) {
|
||
|
|
var clone = optionsArgument && optionsArgument.clone === true;
|
||
|
|
return (clone && isMergeableObject(value)) ? deepmerge(emptyTarget(value), value, optionsArgument) : value
|
||
|
|
}
|
||
|
|
|
||
|
|
function defaultArrayMerge(target, source, optionsArgument) {
|
||
|
|
var destination = target.slice();
|
||
|
|
source.forEach(function(e, i) {
|
||
|
|
if (typeof destination[i] === 'undefined') {
|
||
|
|
destination[i] = cloneIfNecessary(e, optionsArgument);
|
||
|
|
} else if (isMergeableObject(e)) {
|
||
|
|
destination[i] = deepmerge(target[i], e, optionsArgument);
|
||
|
|
} else if (target.indexOf(e) === -1) {
|
||
|
|
destination.push(cloneIfNecessary(e, optionsArgument));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return destination
|
||
|
|
}
|
||
|
|
|
||
|
|
function mergeObject(target, source, optionsArgument) {
|
||
|
|
var destination = {};
|
||
|
|
if (isMergeableObject(target)) {
|
||
|
|
Object.keys(target).forEach(function (key) {
|
||
|
|
destination[key] = cloneIfNecessary(target[key], optionsArgument);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
Object.keys(source).forEach(function (key) {
|
||
|
|
if (!isMergeableObject(source[key]) || !target[key]) {
|
||
|
|
destination[key] = cloneIfNecessary(source[key], optionsArgument);
|
||
|
|
} else {
|
||
|
|
destination[key] = deepmerge(target[key], source[key], optionsArgument);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return destination
|
||
|
|
}
|
||
|
|
|
||
|
|
function deepmerge(target, source, optionsArgument) {
|
||
|
|
var array = Array.isArray(source);
|
||
|
|
var options = optionsArgument || { arrayMerge: defaultArrayMerge };
|
||
|
|
var arrayMerge = options.arrayMerge || defaultArrayMerge;
|
||
|
|
|
||
|
|
if (array) {
|
||
|
|
return Array.isArray(target) ? arrayMerge(target, source, optionsArgument) : cloneIfNecessary(source, optionsArgument)
|
||
|
|
} else {
|
||
|
|
return mergeObject(target, source, optionsArgument)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
deepmerge.all = function deepmergeAll(array, optionsArgument) {
|
||
|
|
if (!Array.isArray(array) || array.length < 2) {
|
||
|
|
throw new Error('first argument should be an array with at least two elements')
|
||
|
|
}
|
||
|
|
|
||
|
|
// we are sure there are at least 2 values, so it is safe to have no initial value
|
||
|
|
return array.reduce(function(prev, next) {
|
||
|
|
return deepmerge(prev, next, optionsArgument)
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
return deepmerge
|
||
|
|
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
|
||
|
|
//
|
||
|
|
// An event handler can take an optional event argument
|
||
|
|
// and should not return a value
|
||
|
|
|
||
|
|
// An array of all currently registered event handlers for a type
|
||
|
|
|
||
|
|
// A map of event types and their corresponding event handlers.
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/** Mitt: Tiny (~200b) functional event emitter / pubsub.
|
||
|
|
* @name mitt
|
||
|
|
* @returns {Mitt}
|
||
|
|
*/
|
||
|
|
function mitt(all ) {
|
||
|
|
all = all || Object.create(null);
|
||
|
|
|
||
|
|
return {
|
||
|
|
/**
|
||
|
|
* Register an event handler for the given type.
|
||
|
|
*
|
||
|
|
* @param {String} type Type of event to listen for, or `"*"` for all events
|
||
|
|
* @param {Function} handler Function to call in response to given event
|
||
|
|
* @memberOf mitt
|
||
|
|
*/
|
||
|
|
on: function on(type , handler ) {
|
||
|
|
(all[type] || (all[type] = [])).push(handler);
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Remove an event handler for the given type.
|
||
|
|
*
|
||
|
|
* @param {String} type Type of event to unregister `handler` from, or `"*"`
|
||
|
|
* @param {Function} handler Handler function to remove
|
||
|
|
* @memberOf mitt
|
||
|
|
*/
|
||
|
|
off: function off(type , handler ) {
|
||
|
|
if (all[type]) {
|
||
|
|
all[type].splice(all[type].indexOf(handler) >>> 0, 1);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Invoke all handlers for the given type.
|
||
|
|
* If present, `"*"` handlers are invoked after type-matched handlers.
|
||
|
|
*
|
||
|
|
* @param {String} type The event type to invoke
|
||
|
|
* @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
|
||
|
|
* @memberof mitt
|
||
|
|
*/
|
||
|
|
emit: function emit(type , evt ) {
|
||
|
|
(all[type] || []).map(function (handler) { handler(evt); });
|
||
|
|
(all['*'] || []).map(function (handler) { handler(type, evt); });
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
var namespaces_1 = createCommonjsModule(function (module, exports) {
|
||
|
|
var namespaces = {
|
||
|
|
svg: {
|
||
|
|
name: 'xmlns',
|
||
|
|
uri: 'http://www.w3.org/2000/svg'
|
||
|
|
},
|
||
|
|
xlink: {
|
||
|
|
name: 'xmlns:xlink',
|
||
|
|
uri: 'http://www.w3.org/1999/xlink'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
exports.default = namespaces;
|
||
|
|
module.exports = exports.default;
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Object} attrs
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
var objectToAttrsString = function (attrs) {
|
||
|
|
return Object.keys(attrs).map(function (attr) {
|
||
|
|
var value = attrs[attr].toString().replace(/"/g, '"');
|
||
|
|
return (attr + "=\"" + value + "\"");
|
||
|
|
}).join(' ');
|
||
|
|
};
|
||
|
|
|
||
|
|
var svg = namespaces_1.svg;
|
||
|
|
var xlink = namespaces_1.xlink;
|
||
|
|
|
||
|
|
var defaultAttrs = {};
|
||
|
|
defaultAttrs[svg.name] = svg.uri;
|
||
|
|
defaultAttrs[xlink.name] = xlink.uri;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} [content]
|
||
|
|
* @param {Object} [attributes]
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
var wrapInSvgString = function (content, attributes) {
|
||
|
|
if ( content === void 0 ) content = '';
|
||
|
|
|
||
|
|
var attrs = index(defaultAttrs, attributes || {});
|
||
|
|
var attrsRendered = objectToAttrsString(attrs);
|
||
|
|
return ("<svg " + attrsRendered + ">" + content + "</svg>");
|
||
|
|
};
|
||
|
|
|
||
|
|
var svg$1 = namespaces_1.svg;
|
||
|
|
var xlink$1 = namespaces_1.xlink;
|
||
|
|
|
||
|
|
var defaultConfig = {
|
||
|
|
attrs: ( obj = {
|
||
|
|
style: ['position: absolute', 'width: 0', 'height: 0'].join('; ')
|
||
|
|
}, obj[svg$1.name] = svg$1.uri, obj[xlink$1.name] = xlink$1.uri, obj )
|
||
|
|
};
|
||
|
|
var obj;
|
||
|
|
|
||
|
|
var Sprite = function Sprite(config) {
|
||
|
|
this.config = index(defaultConfig, config || {});
|
||
|
|
this.symbols = [];
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Add new symbol. If symbol with the same id exists it will be replaced.
|
||
|
|
* @param {SpriteSymbol} symbol
|
||
|
|
* @return {boolean} `true` - symbol was added, `false` - replaced
|
||
|
|
*/
|
||
|
|
Sprite.prototype.add = function add (symbol) {
|
||
|
|
var ref = this;
|
||
|
|
var symbols = ref.symbols;
|
||
|
|
var existing = this.find(symbol.id);
|
||
|
|
|
||
|
|
if (existing) {
|
||
|
|
symbols[symbols.indexOf(existing)] = symbol;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
symbols.push(symbol);
|
||
|
|
return true;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Remove symbol & destroy it
|
||
|
|
* @param {string} id
|
||
|
|
* @return {boolean} `true` - symbol was found & successfully destroyed, `false` - otherwise
|
||
|
|
*/
|
||
|
|
Sprite.prototype.remove = function remove (id) {
|
||
|
|
var ref = this;
|
||
|
|
var symbols = ref.symbols;
|
||
|
|
var symbol = this.find(id);
|
||
|
|
|
||
|
|
if (symbol) {
|
||
|
|
symbols.splice(symbols.indexOf(symbol), 1);
|
||
|
|
symbol.destroy();
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} id
|
||
|
|
* @return {SpriteSymbol|null}
|
||
|
|
*/
|
||
|
|
Sprite.prototype.find = function find (id) {
|
||
|
|
return this.symbols.filter(function (s) { return s.id === id; })[0] || null;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} id
|
||
|
|
* @return {boolean}
|
||
|
|
*/
|
||
|
|
Sprite.prototype.has = function has (id) {
|
||
|
|
return this.find(id) !== null;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
Sprite.prototype.stringify = function stringify () {
|
||
|
|
var ref = this.config;
|
||
|
|
var attrs = ref.attrs;
|
||
|
|
var stringifiedSymbols = this.symbols.map(function (s) { return s.stringify(); }).join('');
|
||
|
|
return wrapInSvgString(stringifiedSymbols, attrs);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
Sprite.prototype.toString = function toString () {
|
||
|
|
return this.stringify();
|
||
|
|
};
|
||
|
|
|
||
|
|
Sprite.prototype.destroy = function destroy () {
|
||
|
|
this.symbols.forEach(function (s) { return s.destroy(); });
|
||
|
|
};
|
||
|
|
|
||
|
|
var SpriteSymbol = function SpriteSymbol(ref) {
|
||
|
|
var id = ref.id;
|
||
|
|
var viewBox = ref.viewBox;
|
||
|
|
var content = ref.content;
|
||
|
|
|
||
|
|
this.id = id;
|
||
|
|
this.viewBox = viewBox;
|
||
|
|
this.content = content;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
SpriteSymbol.prototype.stringify = function stringify () {
|
||
|
|
return this.content;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
SpriteSymbol.prototype.toString = function toString () {
|
||
|
|
return this.stringify();
|
||
|
|
};
|
||
|
|
|
||
|
|
SpriteSymbol.prototype.destroy = function destroy () {
|
||
|
|
var this$1 = this;
|
||
|
|
|
||
|
|
['id', 'viewBox', 'content'].forEach(function (prop) { return delete this$1[prop]; });
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} content
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
var parse = function (content) {
|
||
|
|
var hasImportNode = !!document.importNode;
|
||
|
|
var doc = new DOMParser().parseFromString(content, 'image/svg+xml').documentElement;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Fix for browser which are throwing WrongDocumentError
|
||
|
|
* if you insert an element which is not part of the document
|
||
|
|
* @see http://stackoverflow.com/a/7986519/4624403
|
||
|
|
*/
|
||
|
|
if (hasImportNode) {
|
||
|
|
return document.importNode(doc, true);
|
||
|
|
}
|
||
|
|
|
||
|
|
return doc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var BrowserSpriteSymbol = (function (SpriteSymbol$$1) {
|
||
|
|
function BrowserSpriteSymbol () {
|
||
|
|
SpriteSymbol$$1.apply(this, arguments);
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( SpriteSymbol$$1 ) BrowserSpriteSymbol.__proto__ = SpriteSymbol$$1;
|
||
|
|
BrowserSpriteSymbol.prototype = Object.create( SpriteSymbol$$1 && SpriteSymbol$$1.prototype );
|
||
|
|
BrowserSpriteSymbol.prototype.constructor = BrowserSpriteSymbol;
|
||
|
|
|
||
|
|
var prototypeAccessors = { isMounted: {} };
|
||
|
|
|
||
|
|
prototypeAccessors.isMounted.get = function () {
|
||
|
|
return !!this.node;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Element} node
|
||
|
|
* @return {BrowserSpriteSymbol}
|
||
|
|
*/
|
||
|
|
BrowserSpriteSymbol.createFromExistingNode = function createFromExistingNode (node) {
|
||
|
|
return new BrowserSpriteSymbol({
|
||
|
|
id: node.getAttribute('id'),
|
||
|
|
viewBox: node.getAttribute('viewBox'),
|
||
|
|
content: node.outerHTML
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
BrowserSpriteSymbol.prototype.destroy = function destroy () {
|
||
|
|
if (this.isMounted) {
|
||
|
|
this.unmount();
|
||
|
|
}
|
||
|
|
SpriteSymbol$$1.prototype.destroy.call(this);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Element|string} target
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
BrowserSpriteSymbol.prototype.mount = function mount (target) {
|
||
|
|
if (this.isMounted) {
|
||
|
|
return this.node;
|
||
|
|
}
|
||
|
|
|
||
|
|
var mountTarget = typeof target === 'string' ? document.querySelector(target) : target;
|
||
|
|
var node = this.render();
|
||
|
|
this.node = node;
|
||
|
|
|
||
|
|
mountTarget.appendChild(node);
|
||
|
|
|
||
|
|
return node;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
BrowserSpriteSymbol.prototype.render = function render () {
|
||
|
|
var content = this.stringify();
|
||
|
|
return parse(wrapInSvgString(content)).childNodes[0];
|
||
|
|
};
|
||
|
|
|
||
|
|
BrowserSpriteSymbol.prototype.unmount = function unmount () {
|
||
|
|
this.node.parentNode.removeChild(this.node);
|
||
|
|
};
|
||
|
|
|
||
|
|
Object.defineProperties( BrowserSpriteSymbol.prototype, prototypeAccessors );
|
||
|
|
|
||
|
|
return BrowserSpriteSymbol;
|
||
|
|
}(SpriteSymbol));
|
||
|
|
|
||
|
|
var defaultConfig$1 = {
|
||
|
|
/**
|
||
|
|
* Should following options be automatically configured:
|
||
|
|
* - `syncUrlsWithBaseTag`
|
||
|
|
* - `locationChangeAngularEmitter`
|
||
|
|
* - `moveGradientsOutsideSymbol`
|
||
|
|
* @type {boolean}
|
||
|
|
*/
|
||
|
|
autoConfigure: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Default mounting selector
|
||
|
|
* @type {string}
|
||
|
|
*/
|
||
|
|
mountTo: 'body',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Fix disappearing SVG elements when <base href> exists.
|
||
|
|
* Executes when sprite mounted.
|
||
|
|
* @see http://stackoverflow.com/a/18265336/796152
|
||
|
|
* @see https://github.com/everdimension/angular-svg-base-fix
|
||
|
|
* @see https://github.com/angular/angular.js/issues/8934#issuecomment-56568466
|
||
|
|
* @type {boolean}
|
||
|
|
*/
|
||
|
|
syncUrlsWithBaseTag: false,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Should sprite listen custom location change event
|
||
|
|
* @type {boolean}
|
||
|
|
*/
|
||
|
|
listenLocationChangeEvent: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Custom window event name which should be emitted to update sprite urls
|
||
|
|
* @type {string}
|
||
|
|
*/
|
||
|
|
locationChangeEvent: 'locationChange',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Emit location change event in Angular automatically
|
||
|
|
* @type {boolean}
|
||
|
|
*/
|
||
|
|
locationChangeAngularEmitter: false,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Selector to find symbols usages when updating sprite urls
|
||
|
|
* @type {string}
|
||
|
|
*/
|
||
|
|
usagesToUpdate: 'use[*|href]',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Fix Firefox bug when gradients and patterns don't work if they are within a symbol.
|
||
|
|
* Executes when sprite is rendered, but not mounted.
|
||
|
|
* @see https://bugzilla.mozilla.org/show_bug.cgi?id=306674
|
||
|
|
* @see https://bugzilla.mozilla.org/show_bug.cgi?id=353575
|
||
|
|
* @see https://bugzilla.mozilla.org/show_bug.cgi?id=1235364
|
||
|
|
* @type {boolean}
|
||
|
|
*/
|
||
|
|
moveGradientsOutsideSymbol: false
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {*} arrayLike
|
||
|
|
* @return {Array}
|
||
|
|
*/
|
||
|
|
var arrayFrom = function (arrayLike) {
|
||
|
|
return Array.prototype.slice.call(arrayLike, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
var ua = navigator.userAgent;
|
||
|
|
|
||
|
|
var browser = {
|
||
|
|
isChrome: /chrome/i.test(ua),
|
||
|
|
isFirefox: /firefox/i.test(ua),
|
||
|
|
|
||
|
|
// https://msdn.microsoft.com/en-us/library/ms537503(v=vs.85).aspx
|
||
|
|
isIE: /msie/i.test(ua) || /trident/i.test(ua),
|
||
|
|
isEdge: /edge/i.test(ua)
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} name
|
||
|
|
* @param {*} data
|
||
|
|
*/
|
||
|
|
var dispatchEvent = function (name, data) {
|
||
|
|
var event = document.createEvent('CustomEvent');
|
||
|
|
event.initCustomEvent(name, false, false, data);
|
||
|
|
window.dispatchEvent(event);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* IE doesn't evaluate <style> tags in SVGs that are dynamically added to the page.
|
||
|
|
* This trick will trigger IE to read and use any existing SVG <style> tags.
|
||
|
|
* @see https://github.com/iconic/SVGInjector/issues/23
|
||
|
|
* @see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10898469/
|
||
|
|
*
|
||
|
|
* @param {Element} node DOM Element to search <style> tags in
|
||
|
|
* @return {Array<HTMLStyleElement>}
|
||
|
|
*/
|
||
|
|
var evalStylesIEWorkaround = function (node) {
|
||
|
|
var updatedNodes = [];
|
||
|
|
|
||
|
|
arrayFrom(node.querySelectorAll('style'))
|
||
|
|
.forEach(function (style) {
|
||
|
|
style.textContent += '';
|
||
|
|
updatedNodes.push(style);
|
||
|
|
});
|
||
|
|
|
||
|
|
return updatedNodes;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} [url] If not provided - current URL will be used
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
var getUrlWithoutFragment = function (url) {
|
||
|
|
return (url || window.location.href).split('#')[0];
|
||
|
|
};
|
||
|
|
|
||
|
|
/* global angular */
|
||
|
|
/**
|
||
|
|
* @param {string} eventName
|
||
|
|
*/
|
||
|
|
var locationChangeAngularEmitter = function (eventName) {
|
||
|
|
angular.module('ng').run(['$rootScope', function ($rootScope) {
|
||
|
|
$rootScope.$on('$locationChangeSuccess', function (e, newUrl, oldUrl) {
|
||
|
|
dispatchEvent(eventName, { oldUrl: oldUrl, newUrl: newUrl });
|
||
|
|
});
|
||
|
|
}]);
|
||
|
|
};
|
||
|
|
|
||
|
|
var defaultSelector = 'linearGradient, radialGradient, pattern';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Element} svg
|
||
|
|
* @param {string} [selector]
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
var moveGradientsOutsideSymbol = function (svg, selector) {
|
||
|
|
if ( selector === void 0 ) selector = defaultSelector;
|
||
|
|
|
||
|
|
arrayFrom(svg.querySelectorAll('symbol')).forEach(function (symbol) {
|
||
|
|
arrayFrom(symbol.querySelectorAll(selector)).forEach(function (node) {
|
||
|
|
symbol.parentNode.insertBefore(node, symbol);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
return svg;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {NodeList} nodes
|
||
|
|
* @param {Function} [matcher]
|
||
|
|
* @return {Attr[]}
|
||
|
|
*/
|
||
|
|
function selectAttributes(nodes, matcher) {
|
||
|
|
var attrs = arrayFrom(nodes).reduce(function (acc, node) {
|
||
|
|
if (!node.attributes) {
|
||
|
|
return acc;
|
||
|
|
}
|
||
|
|
|
||
|
|
var arrayfied = arrayFrom(node.attributes);
|
||
|
|
var matched = matcher ? arrayfied.filter(matcher) : arrayfied;
|
||
|
|
return acc.concat(matched);
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return attrs;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {NodeList|Node} nodes
|
||
|
|
* @param {boolean} [clone=true]
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
|
||
|
|
var xLinkNS = namespaces_1.xlink.uri;
|
||
|
|
var xLinkAttrName = 'xlink:href';
|
||
|
|
|
||
|
|
// eslint-disable-next-line no-useless-escape
|
||
|
|
var specialUrlCharsPattern = /[{}|\\\^\[\]`"<>]/g;
|
||
|
|
|
||
|
|
function encoder(url) {
|
||
|
|
return url.replace(specialUrlCharsPattern, function (match) {
|
||
|
|
return ("%" + (match[0].charCodeAt(0).toString(16).toUpperCase()));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {NodeList} nodes
|
||
|
|
* @param {string} startsWith
|
||
|
|
* @param {string} replaceWith
|
||
|
|
* @return {NodeList}
|
||
|
|
*/
|
||
|
|
function updateReferences(nodes, startsWith, replaceWith) {
|
||
|
|
arrayFrom(nodes).forEach(function (node) {
|
||
|
|
var href = node.getAttribute(xLinkAttrName);
|
||
|
|
if (href && href.indexOf(startsWith) === 0) {
|
||
|
|
var newUrl = href.replace(startsWith, replaceWith);
|
||
|
|
node.setAttributeNS(xLinkNS, xLinkAttrName, newUrl);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return nodes;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* List of SVG attributes to update url() target in them
|
||
|
|
*/
|
||
|
|
var attList = [
|
||
|
|
'clipPath',
|
||
|
|
'colorProfile',
|
||
|
|
'src',
|
||
|
|
'cursor',
|
||
|
|
'fill',
|
||
|
|
'filter',
|
||
|
|
'marker',
|
||
|
|
'markerStart',
|
||
|
|
'markerMid',
|
||
|
|
'markerEnd',
|
||
|
|
'mask',
|
||
|
|
'stroke',
|
||
|
|
'style'
|
||
|
|
];
|
||
|
|
|
||
|
|
var attSelector = attList.map(function (attr) { return ("[" + attr + "]"); }).join(',');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Update URLs in svg image (like `fill="url(...)"`) and update referencing elements
|
||
|
|
* @param {Element} svg
|
||
|
|
* @param {NodeList} references
|
||
|
|
* @param {string|RegExp} startsWith
|
||
|
|
* @param {string} replaceWith
|
||
|
|
* @return {void}
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* const sprite = document.querySelector('svg.sprite');
|
||
|
|
* const usages = document.querySelectorAll('use');
|
||
|
|
* updateUrls(sprite, usages, '#', 'prefix#');
|
||
|
|
*/
|
||
|
|
var updateUrls = function (svg, references, startsWith, replaceWith) {
|
||
|
|
var startsWithEncoded = encoder(startsWith);
|
||
|
|
var replaceWithEncoded = encoder(replaceWith);
|
||
|
|
|
||
|
|
var nodes = svg.querySelectorAll(attSelector);
|
||
|
|
var attrs = selectAttributes(nodes, function (ref) {
|
||
|
|
var localName = ref.localName;
|
||
|
|
var value = ref.value;
|
||
|
|
|
||
|
|
return attList.indexOf(localName) !== -1 && value.indexOf(("url(" + startsWithEncoded)) !== -1;
|
||
|
|
});
|
||
|
|
|
||
|
|
attrs.forEach(function (attr) { return attr.value = attr.value.replace(startsWithEncoded, replaceWithEncoded); });
|
||
|
|
updateReferences(references, startsWithEncoded, replaceWithEncoded);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal emitter events
|
||
|
|
* @enum
|
||
|
|
* @private
|
||
|
|
*/
|
||
|
|
var Events = {
|
||
|
|
MOUNT: 'mount',
|
||
|
|
SYMBOL_MOUNT: 'symbol_mount'
|
||
|
|
};
|
||
|
|
|
||
|
|
var BrowserSprite = (function (Sprite$$1) {
|
||
|
|
function BrowserSprite(cfg) {
|
||
|
|
var this$1 = this;
|
||
|
|
if ( cfg === void 0 ) cfg = {};
|
||
|
|
|
||
|
|
Sprite$$1.call(this, index(defaultConfig$1, cfg));
|
||
|
|
|
||
|
|
var emitter = mitt();
|
||
|
|
this._emitter = emitter;
|
||
|
|
this.node = null;
|
||
|
|
|
||
|
|
var ref = this;
|
||
|
|
var config = ref.config;
|
||
|
|
|
||
|
|
if (config.autoConfigure) {
|
||
|
|
this._autoConfigure(cfg);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (config.syncUrlsWithBaseTag) {
|
||
|
|
var baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');
|
||
|
|
emitter.on(Events.MOUNT, function () { return this$1.updateUrls('#', baseUrl); });
|
||
|
|
}
|
||
|
|
|
||
|
|
var handleLocationChange = this._handleLocationChange.bind(this);
|
||
|
|
this._handleLocationChange = handleLocationChange;
|
||
|
|
|
||
|
|
// Provide way to update sprite urls externally via dispatching custom window event
|
||
|
|
if (config.listenLocationChangeEvent) {
|
||
|
|
window.addEventListener(config.locationChangeEvent, handleLocationChange);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Emit location change event in Angular automatically
|
||
|
|
if (config.locationChangeAngularEmitter) {
|
||
|
|
locationChangeAngularEmitter(config.locationChangeEvent);
|
||
|
|
}
|
||
|
|
|
||
|
|
// After sprite mounted
|
||
|
|
emitter.on(Events.MOUNT, function (spriteNode) {
|
||
|
|
if (config.moveGradientsOutsideSymbol) {
|
||
|
|
moveGradientsOutsideSymbol(spriteNode);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// After symbol mounted into sprite
|
||
|
|
emitter.on(Events.SYMBOL_MOUNT, function (symbolNode) {
|
||
|
|
if (config.moveGradientsOutsideSymbol) {
|
||
|
|
moveGradientsOutsideSymbol(symbolNode.parentNode);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (browser.isIE || browser.isEdge) {
|
||
|
|
evalStylesIEWorkaround(symbolNode);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( Sprite$$1 ) BrowserSprite.__proto__ = Sprite$$1;
|
||
|
|
BrowserSprite.prototype = Object.create( Sprite$$1 && Sprite$$1.prototype );
|
||
|
|
BrowserSprite.prototype.constructor = BrowserSprite;
|
||
|
|
|
||
|
|
var prototypeAccessors = { isMounted: {} };
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {boolean}
|
||
|
|
*/
|
||
|
|
prototypeAccessors.isMounted.get = function () {
|
||
|
|
return !!this.node;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Automatically configure following options
|
||
|
|
* - `syncUrlsWithBaseTag`
|
||
|
|
* - `locationChangeAngularEmitter`
|
||
|
|
* - `moveGradientsOutsideSymbol`
|
||
|
|
* @param {Object} cfg
|
||
|
|
* @private
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype._autoConfigure = function _autoConfigure (cfg) {
|
||
|
|
var ref = this;
|
||
|
|
var config = ref.config;
|
||
|
|
|
||
|
|
if (typeof cfg.syncUrlsWithBaseTag === 'undefined') {
|
||
|
|
config.syncUrlsWithBaseTag = typeof document.getElementsByTagName('base')[0] !== 'undefined';
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof cfg.locationChangeAngularEmitter === 'undefined') {
|
||
|
|
config.locationChangeAngularEmitter = 'angular' in window;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof cfg.moveGradientsOutsideSymbol === 'undefined') {
|
||
|
|
config.moveGradientsOutsideSymbol = browser.isFirefox;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Event} event
|
||
|
|
* @param {Object} event.detail
|
||
|
|
* @param {string} event.detail.oldUrl
|
||
|
|
* @param {string} event.detail.newUrl
|
||
|
|
* @private
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype._handleLocationChange = function _handleLocationChange (event) {
|
||
|
|
var ref = event.detail;
|
||
|
|
var oldUrl = ref.oldUrl;
|
||
|
|
var newUrl = ref.newUrl;
|
||
|
|
this.updateUrls(oldUrl, newUrl);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Add new symbol. If symbol with the same id exists it will be replaced.
|
||
|
|
* If sprite already mounted - `symbol.mount(sprite.node)` will be called.
|
||
|
|
* @fires Events#SYMBOL_MOUNT
|
||
|
|
* @param {BrowserSpriteSymbol} symbol
|
||
|
|
* @return {boolean} `true` - symbol was added, `false` - replaced
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype.add = function add (symbol) {
|
||
|
|
var sprite = this;
|
||
|
|
var isNewSymbol = Sprite$$1.prototype.add.call(this, symbol);
|
||
|
|
|
||
|
|
if (this.isMounted && isNewSymbol) {
|
||
|
|
symbol.mount(sprite.node);
|
||
|
|
this._emitter.emit(Events.SYMBOL_MOUNT, symbol.node);
|
||
|
|
}
|
||
|
|
|
||
|
|
return isNewSymbol;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Attach to existing DOM node
|
||
|
|
* @param {string|Element} target
|
||
|
|
* @return {Element|null} attached DOM Element. null if node to attach not found.
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype.attach = function attach (target) {
|
||
|
|
var this$1 = this;
|
||
|
|
|
||
|
|
var sprite = this;
|
||
|
|
|
||
|
|
if (sprite.isMounted) {
|
||
|
|
return sprite.node;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** @type Element */
|
||
|
|
var node = typeof target === 'string' ? document.querySelector(target) : target;
|
||
|
|
sprite.node = node;
|
||
|
|
|
||
|
|
// Already added symbols needs to be mounted
|
||
|
|
this.symbols.forEach(function (symbol) {
|
||
|
|
symbol.mount(sprite.node);
|
||
|
|
this$1._emitter.emit(Events.SYMBOL_MOUNT, symbol.node);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Create symbols from existing DOM nodes, add and mount them
|
||
|
|
arrayFrom(node.querySelectorAll('symbol'))
|
||
|
|
.forEach(function (symbolNode) {
|
||
|
|
var symbol = BrowserSpriteSymbol.createFromExistingNode(symbolNode);
|
||
|
|
symbol.node = symbolNode; // hack to prevent symbol mounting to sprite when adding
|
||
|
|
sprite.add(symbol);
|
||
|
|
});
|
||
|
|
|
||
|
|
this._emitter.emit(Events.MOUNT, node);
|
||
|
|
|
||
|
|
return node;
|
||
|
|
};
|
||
|
|
|
||
|
|
BrowserSprite.prototype.destroy = function destroy () {
|
||
|
|
var ref = this;
|
||
|
|
var config = ref.config;
|
||
|
|
var symbols = ref.symbols;
|
||
|
|
var _emitter = ref._emitter;
|
||
|
|
|
||
|
|
symbols.forEach(function (s) { return s.destroy(); });
|
||
|
|
|
||
|
|
_emitter.off('*');
|
||
|
|
window.removeEventListener(config.locationChangeEvent, this._handleLocationChange);
|
||
|
|
|
||
|
|
if (this.isMounted) {
|
||
|
|
this.unmount();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @fires Events#MOUNT
|
||
|
|
* @param {string|Element} [target]
|
||
|
|
* @param {boolean} [prepend=false]
|
||
|
|
* @return {Element|null} rendered sprite node. null if mount node not found.
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype.mount = function mount (target, prepend) {
|
||
|
|
if ( target === void 0 ) target = this.config.mountTo;
|
||
|
|
if ( prepend === void 0 ) prepend = false;
|
||
|
|
|
||
|
|
var sprite = this;
|
||
|
|
|
||
|
|
if (sprite.isMounted) {
|
||
|
|
return sprite.node;
|
||
|
|
}
|
||
|
|
|
||
|
|
var mountNode = typeof target === 'string' ? document.querySelector(target) : target;
|
||
|
|
var node = sprite.render();
|
||
|
|
this.node = node;
|
||
|
|
|
||
|
|
if (prepend && mountNode.childNodes[0]) {
|
||
|
|
mountNode.insertBefore(node, mountNode.childNodes[0]);
|
||
|
|
} else {
|
||
|
|
mountNode.appendChild(node);
|
||
|
|
}
|
||
|
|
|
||
|
|
this._emitter.emit(Events.MOUNT, node);
|
||
|
|
|
||
|
|
return node;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return {Element}
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype.render = function render () {
|
||
|
|
return parse(this.stringify());
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Detach sprite from the DOM
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype.unmount = function unmount () {
|
||
|
|
this.node.parentNode.removeChild(this.node);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Update URLs in sprite and usage elements
|
||
|
|
* @param {string} oldUrl
|
||
|
|
* @param {string} newUrl
|
||
|
|
* @return {boolean} `true` - URLs was updated, `false` - sprite is not mounted
|
||
|
|
*/
|
||
|
|
BrowserSprite.prototype.updateUrls = function updateUrls$1 (oldUrl, newUrl) {
|
||
|
|
if (!this.isMounted) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
var usages = document.querySelectorAll(this.config.usagesToUpdate);
|
||
|
|
|
||
|
|
updateUrls(
|
||
|
|
this.node,
|
||
|
|
usages,
|
||
|
|
((getUrlWithoutFragment(oldUrl)) + "#"),
|
||
|
|
((getUrlWithoutFragment(newUrl)) + "#")
|
||
|
|
);
|
||
|
|
|
||
|
|
return true;
|
||
|
|
};
|
||
|
|
|
||
|
|
Object.defineProperties( BrowserSprite.prototype, prototypeAccessors );
|
||
|
|
|
||
|
|
return BrowserSprite;
|
||
|
|
}(Sprite));
|
||
|
|
|
||
|
|
var ready$1 = createCommonjsModule(function (module) {
|
||
|
|
/*!
|
||
|
|
* domready (c) Dustin Diaz 2014 - License MIT
|
||
|
|
*/
|
||
|
|
!function (name, definition) {
|
||
|
|
|
||
|
|
{ module.exports = definition(); }
|
||
|
|
|
||
|
|
}('domready', function () {
|
||
|
|
|
||
|
|
var fns = [], listener
|
||
|
|
, doc = document
|
||
|
|
, hack = doc.documentElement.doScroll
|
||
|
|
, domContentLoaded = 'DOMContentLoaded'
|
||
|
|
, loaded = (hack ? /^loaded|^c/ : /^loaded|^i|^c/).test(doc.readyState);
|
||
|
|
|
||
|
|
|
||
|
|
if (!loaded)
|
||
|
|
{ doc.addEventListener(domContentLoaded, listener = function () {
|
||
|
|
doc.removeEventListener(domContentLoaded, listener);
|
||
|
|
loaded = 1;
|
||
|
|
while (listener = fns.shift()) { listener(); }
|
||
|
|
}); }
|
||
|
|
|
||
|
|
return function (fn) {
|
||
|
|
loaded ? setTimeout(fn, 0) : fns.push(fn);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
var spriteNodeId = '__SVG_SPRITE_NODE__';
|
||
|
|
var spriteGlobalVarName = '__SVG_SPRITE__';
|
||
|
|
var isSpriteExists = !!window[spriteGlobalVarName];
|
||
|
|
|
||
|
|
// eslint-disable-next-line import/no-mutable-exports
|
||
|
|
var sprite;
|
||
|
|
|
||
|
|
if (isSpriteExists) {
|
||
|
|
sprite = window[spriteGlobalVarName];
|
||
|
|
} else {
|
||
|
|
sprite = new BrowserSprite({ attrs: { id: spriteNodeId } });
|
||
|
|
window[spriteGlobalVarName] = sprite;
|
||
|
|
}
|
||
|
|
|
||
|
|
var loadSprite = function () {
|
||
|
|
/**
|
||
|
|
* Check for page already contains sprite node
|
||
|
|
* If found - attach to and reuse it's content
|
||
|
|
* If not - render and mount the new sprite
|
||
|
|
*/
|
||
|
|
var existing = document.getElementById(spriteNodeId);
|
||
|
|
|
||
|
|
if (existing) {
|
||
|
|
sprite.attach(existing);
|
||
|
|
} else {
|
||
|
|
sprite.mount(document.body, true);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
if (document.body) {
|
||
|
|
loadSprite();
|
||
|
|
} else {
|
||
|
|
ready$1(loadSprite);
|
||
|
|
}
|
||
|
|
|
||
|
|
var sprite$1 = sprite;
|
||
|
|
|
||
|
|
return sprite$1;
|
||
|
|
|
||
|
|
})));
|
||
|
|
|
||
|
|
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
/* 2 */
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
var g;
|
||
|
|
|
||
|
|
// This works in non-strict mode
|
||
|
|
g = (function() {
|
||
|
|
return this;
|
||
|
|
})();
|
||
|
|
|
||
|
|
try {
|
||
|
|
// This works if eval is allowed (see CSP)
|
||
|
|
g = g || Function("return this")() || (1,eval)("this");
|
||
|
|
} catch(e) {
|
||
|
|
// This works if the window reference is available
|
||
|
|
if(typeof window === "object")
|
||
|
|
g = window;
|
||
|
|
}
|
||
|
|
|
||
|
|
// g can still be undefined, but nothing to do about it...
|
||
|
|
// We return undefined, instead of nothing here, so it's
|
||
|
|
// easier to handle this case. if(!global) { ...}
|
||
|
|
|
||
|
|
module.exports = g;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
/* 3 */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
__webpack_require__(4);
|
||
|
|
__webpack_require__(5);
|
||
|
|
module.exports = __webpack_require__(6);
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
/* 4 */
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build__ = __webpack_require__(1);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build__);
|
||
|
|
|
||
|
|
|
||
|
|
var symbol = new __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol___default.a({
|
||
|
|
"id": "facebook",
|
||
|
|
"use": "facebook-usage",
|
||
|
|
"viewBox": "0 0 1000 1000",
|
||
|
|
"content": "<symbol viewBox=\"0 0 1000 1000\" id=\"facebook\"><path d=\"M990 500c0-270.6-219.4-490-490-490S10 229.4 10 500s219.4 490 490 490 490-219.4 490-490zm-935.5 0C54.5 254 254 54.5 500 54.5S945.5 254 945.5 500 746.1 945.5 500 945.5C254 945.5 54.5 746 54.5 500z\" /><path d=\"M518.8 782.8V500h93.3l14.7-93.7h-108v-47c0-24.5 8-47.8 43.1-47.8h70.2V218h-99.6c-83.7 0-106.6 55.1-106.6 131.6v56.7h-57.5V500h57.5v282.8h92.9z\" /></symbol>"
|
||
|
|
});
|
||
|
|
var result = __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build___default.a.add(symbol);
|
||
|
|
/* harmony default export */ __webpack_exports__["default"] = (symbol);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
/* 5 */
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build__ = __webpack_require__(1);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build__);
|
||
|
|
|
||
|
|
|
||
|
|
var symbol = new __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol___default.a({
|
||
|
|
"id": "twitter",
|
||
|
|
"use": "twitter-usage",
|
||
|
|
"viewBox": "0 0 273.4 222.2",
|
||
|
|
"content": "<symbol viewBox=\"0 0 273.4 222.2\" id=\"twitter\"><path d=\"M273.4 26.3c-10.1 4.5-20.9 7.5-32.2 8.8 11.6-6.9 20.5-17.9 24.7-31-10.9 6.4-22.9 11.1-35.7 13.6A55.919 55.919 0 0 0 189.3 0c-31 0-56.1 25.1-56.1 56.1 0 4.4.5 8.7 1.5 12.8C88 66.5 46.7 44.2 19 10.3c-4.8 8.3-7.6 17.9-7.6 28.2 0 19.5 9.9 36.6 25 46.7-9.2-.3-17.8-2.8-25.4-7v.7c0 27.2 19.3 49.8 45 55-4.7 1.3-9.7 2-14.8 2-3.6 0-7.1-.4-10.6-1 7.1 22.3 27.9 38.5 52.4 39-19.2 15-43.4 24-69.7 24-4.5 0-9-.3-13.4-.8 24.8 15.9 54.3 25.2 86 25.2 103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3 11.1-8 20.6-17.9 28.1-29.1z\" /></symbol>"
|
||
|
|
});
|
||
|
|
var result = __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build___default.a.add(symbol);
|
||
|
|
/* harmony default export */ __webpack_exports__["default"] = (symbol);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
/* 6 */
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build__ = __webpack_require__(1);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build__);
|
||
|
|
|
||
|
|
|
||
|
|
var symbol = new __WEBPACK_IMPORTED_MODULE_0_svg_baker_runtime_browser_symbol___default.a({
|
||
|
|
"id": "wikipedia",
|
||
|
|
"use": "wikipedia-usage",
|
||
|
|
"viewBox": "-254 350 103 94",
|
||
|
|
"content": "<symbol viewBox=\"-254 350 103 94\" id=\"wikipedia\"><title>Wikipedia logo version 2</title><radialGradient id=\"wikipedia_a\" cx=\"-9.429\" cy=\"1569.139\" r=\"68.687\" gradientTransform=\"translate(-213.764 -1178.502)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#FFF\" /><stop offset=\".483\" stop-color=\"#EAEAEB\" /><stop offset=\".945\" stop-color=\"#A9ABAE\" /><stop offset=\"1\" stop-color=\"#999B9E\" /></radialGradient><path d=\"M-204.1 367c0-.6-.4-1.3-.4-1.3v-.1s-.5-.9-1.3-1.2c-.8-.3-1.5.3-1.5.3s-.1.1-.4.5c-.3.4-.5.7-1.2.9-.7.3-1.4.2-1.7 0-.4-.2-.5-.5-.5-.5s-.2-.7-.3-1c-.1-.3-.3-1.7-.3-1.7s-.5-2.7-.5-3.3c0 0 1.5-.1 3.7-.8 2.3-.7 3-1.2 3-1.2s-.4-.2-.5-.7c-.1-.5-.1-1.2-.1-1.2s-.1-.5.5-1.1c.6-.6 1.4-.9 1.8-1 .4-.1 1.3-.2 2.1-.1.8 0 1.3.1 1.6.3.3.2.4.6.4.6v1.1s0 .4.3.5c0 0 .5.3 2.2.1 0 0 .7-.1 1.8-.5 1.1-.3 4.1-1.2 4.6-1.3.4-.1 1-.3 1.6-.5.7-.2 2-.6 2.3-.7.3-.1 1.8-.6 2.9-.8 1.1-.2 2.2-.2 2.8.1 0 0 .4.3.5.7.2.4.5.9.9 1.1.5.2.8.4 1.9.3 0 0 0-.1-.4-.4-.4-.3-1-.7-1-.7s-.3-.2-.4-.4c-.1-.2 0-.3 0-.3l.9-1.4s0-.2.5-.2c.5-.1 1.1-.1 1.7-.3.7-.2.8-.3.8-.3l.6.2s3.5 2.9 4.7 3.6l.2-.2s.4 0 .8.2 1 .6 1 .6 1.6 1.3 2.1 2.2l.2.7-.1.2s.9 1.3 2.1 2.6c0 0 1.2 1.7 1.7 2.1l-.2-.8.3-.2.2-.1.6.3c3.6 4.8 6.4 10.4 8.1 16.3l-.1.5.4.5c1.1 4.2 1.7 8.6 1.7 13.2 0 1.1 0 2.2-.1 3.3l-.3.5.2.6c-2.2 26.1-24.1 46.6-50.8 46.6-18.5 0-34.7-9.9-43.6-24.6l-.1-.4-.2-.2c-3.4-5.7-5.7-12.2-6.6-19.1l.2-.5-.3-.5c-.2-1.9-.3-3.8-.3-5.8 0-3 .3-5.9.7-8.8l.3-.6-.1-.3c1.2-6.1 3.4-11.7 6.5-16.8l.7-.4h.1s.2-.2.4-.2h.1s1.2-2 1.6-2.6c0 0 .5-.3.7-.4 0 0 .1 0 .2.1 0 0 .5-.4 1.7-2.1 0 0-.1-.1-.1-.2s.1-.6.2-.7c.1-.1.1-.2.1-.2s1.7-2 3.2-3.2c0 0 .3-.2.7-.3 0 0 1.5-.6 3.3-2.2 0 0 .1-.3.5-.9.4-.6 1.5-1.2 2.2-1.3.8-.2.9 0 .9 0l.1.1.5.8s.6-.3 1.4-.6c.8-.3 1-.3 1-.3l.8 1.3-1 2s-.6 1.4-1.7 2.2c0 0-.5.3-1.1.1-.6-.2-1.1.3-1.1.3l-.2.1s.1 0 .3-.1c0 0 .2.1.3.2.1.2.9 1.2.9 1.2s0 .8-.4 1.9c-.4 1.1-1.5 2.9-1.5 2.9s-.7 1.4-1.1 2.3-.5 1.8-.5 2.3c0 0 .2.1.7-.2.7-.3 1.1 0 1.1 0s.7.5 1 .9c.3.3.8 1.8.2 3.2 0 0-.4 1-1.4 1.7 0 0-.2.3-1.5.2-.4 0-.6-.3-1.4-.2-.8.1-1.2.8-1.2.8-.7 1-1.2 2.5-1.2 2.5l-.1.2s-.2.5-.3 1.8c-.1 1.3.3 3.1.3 3.1s7.9-1.4 9.9-.1l.6.5v.4c-.1.2-.4.7-1 1.1-.6.4-1.2 1.6-.3 2.3 1 .8 1.7.8 3.4.5 1.7-.3 2.9-1.3 2.9-1.3s1-.7.8-1.6c-.2-.9-1-1.2-1-1.2s-.7-.4-.1-1.2c0 0 .1-.7 2.6-1.3 2.4-.6 6.8-1.5 10.6-2 0 0-2.5-8.2-.7-9.3 0 0 .4-.3 1.2-.4h1.5c.5 0 1 .1 1.7-.4.3-.7.4-1 .4-.9\" fill=\"url(#wikipedia_a)\" /><linearGradient id=\"wikipedia_b\" gradientUnits=\"userSpaceOnUse\" x1=\"202.276\" y1=\"-64.159\" x2=\"248.778\" y2=\"-136.911\" gradientTransform=\"matrix(1 0 0 -1 -406.164 295.68)\"><stop offset=\"0\" stop-color=\"#8A8A8A\" /><stop offset=\".569\" stop-color=\"#606060\" /><stop offset=\".591\" stop-color=\"#FFF\" /><stop offset=\".612\" stop-color=\"#585858\" /><stop offset=\"1\" stop-color=\"#303030\" /></linearGradient><path d=\"M-171.6 429.3l.5.2c0 .1-.1.1-.1.2-.9 1.6-.9 1.9-1.4 2.3-.4.3-.6.5-1.4.7-.9.2-1.8 1.2-1.8 1.2s-.9.8-.5.9c.4 0 1.2-.6 1.2-.6s.5-.4.6-.3c.1.1-.5.8-.5.8s-1.2 1.2-2.5 2l-.4.2s1.9-1.4 2.8-2.4c0 0 .2-.3-.2.1-.4.3-1.3.8-1.7.8-.4 0 0-.6 0-.6s.6-.8 1.8-1.8c1.2-1 2.2-.9 2.2-.9s.2 0 .3-.3c0-.3.3-.9.3-.9s.5-1 1.7-2.7c1.2-1.7 1.8-2.2 1.8-2.2s1.6-1.6 2.4-3.3c0 0 .6-1-.4-.3-1 .8-2.2 1.7-3.4 2-1.2.3-1.3-.8-1.3-.8s-.3-1.9 1-3.3c1.2-1.3 2.5-1.3 3.7-1.4 1.2-.1 2.2-1.6 2.2-1.6s.8-.9 1.3-3.8c.2-1.3.1-2.2-.1-2.8v-.6h-.4c-.1-.1-.1-.2-.1-.2s-.3-.3-.6-.5-.7-.6-1.1-1.5c0 0-1-2.1-.8-5.2.2-3 2.8-2.8 2.8-2.8s1.5.1 1.8-.3c.3-.4.6-1 .6-2.2.1-1.2-.4-2.4-.4-2.4s-.2-.6-1-.7c-.9-.1-1.1.2-1.1.2s-.3.1-.7 1.1c-.5 1-.8 1.5-1.6 1.7-.8.2-2 .1-2.5-1s-1.8-3.7-2.4-5.8l.1-.7-.3-.5c-.1-.4-.1-.8-.1-1.2 0-1-.3-2.1-.6-3.2s-1.5-3-1.7-3.4c-.3-.7-.6-.9-1-.9-.4.1-.3.1-.5.1s-.3.2-.3.4-.4 1.3-1.1 1.8c-.8.5-1.1.7-2.4.9 0 0-1.5.1-2.7-2.1-1.2-2.2-.9-3.6-.8-4.1.1-.5.5-1.2 1.2-1.4.7-.1 1.1-.2 1.1-.2s1.1 0 1.6-.1c.6-.1.3-1 .3-1s-.4-2.4-2.3-4.3l-.1-.5-.8-.4c-1.9-2-4.4-5.4-4.4-5.4s-1.1-1-.2-2.5c0 0 .4-1 1.7-.8.4.1.5.1.8.2.5.1 1 .2 1.5-.4 0 0 .4-.8-.3-1.8s-.9-1.7-1.8-1.7c0 0-.4-.1-.8.4-.4.4-1.4.7-2 .8-.7.1-2.3-.5-3.2-2.1-.5-.9-.8-1.4-.9-1.6l.2-.3.7.1c.2.4.5 1.1 1 1.8.6 1 1 1.1 1.4 1.3.3.1 1
|
||
|
|
});
|
||
|
|
var result = __WEBPACK_IMPORTED_MODULE_1_svg_sprite_loader_runtime_browser_sprite_build___default.a.add(symbol);
|
||
|
|
/* harmony default export */ __webpack_exports__["default"] = (symbol);
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
/******/ ]);
|