1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423 |
- var dll =
- /******/ (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 = 1);
- /******/ })
- /************************************************************************/
- /******/ ([
- /* 0 */
- /***/ (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;
- /***/ }),
- /* 1 */
- /***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__;
- /***/ }),
- /* 2 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (immutable) */ __webpack_exports__["dll"] = dll;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__assets_facebook_svg__ = __webpack_require__(3);
- function dll() {
- console.log('dll module');
- }
- /***/ }),
- /* 3 */
- /***/ (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__(4);
- /* 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__(5);
- /* 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);
- /***/ }),
- /* 4 */
- /***/ (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__(0)))
- /***/ }),
- /* 5 */
- /***/ (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 deepmerge = 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 = 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('; ')
- }, 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(); });
- };
- 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, deepmerge(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__(0)))
- /***/ })
- /******/ ]);
|