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.
		
		
		
		
		
			
		
			
				
					
					
						
							242 lines
						
					
					
						
							6.5 KiB
						
					
					
				
			
		
		
	
	
							242 lines
						
					
					
						
							6.5 KiB
						
					
					
				(function (global, factory) { | 
						|
	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : | 
						|
	typeof define === 'function' && define.amd ? define(factory) : | 
						|
	(global.Sprite = 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 deepmerge = createCommonjsModule(function (module, exports) { | 
						|
(function (root, factory) { | 
						|
    if (typeof undefined === 'function' && undefined.amd) { | 
						|
        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 = deepmerge(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('; '), | 
						|
    'aria-hidden': 'true' | 
						|
  }, obj[svg$1.name] = svg$1.uri, obj[xlink$1.name] = xlink$1.uri, obj ) | 
						|
}; | 
						|
var obj; | 
						|
 | 
						|
var Sprite = function Sprite(config) { | 
						|
  this.config = deepmerge(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(); }); | 
						|
}; | 
						|
 | 
						|
return Sprite; | 
						|
 | 
						|
})));
 | 
						|
 |