@daoyi/nmtl-ui 2.0.1-beta.8 → 2.0.1-beta.80

package/lib/components/ExtraTools-e4f085bc.js

@@ -0,0 +1,3537 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
+import * as React from 'react';
+import React__default, { Component, forwardRef, useState } from 'react';
+import { c as classNames } from './index-848f4409.js';
+import PropTypes from 'prop-types';
+import { a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
+import { Menu, MenuItem, useMediaQuery, IconButton } from '@material-ui/core';
+import { T as Tooltip } from './Tooltip-123cc349.js';
+import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-04b77185.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var __assign$3 = (undefined && undefined.__assign) || function () {
+    __assign$3 = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$3.apply(this, arguments);
+};
+var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+function createIcon(iconConfig) {
+    var Icon = function (_a) {
+        var bgStyle = _a.bgStyle, borderRadius = _a.borderRadius, iconFillColor = _a.iconFillColor, round = _a.round, size = _a.size, rest = __rest$2(_a, ["bgStyle", "borderRadius", "iconFillColor", "round", "size"]);
+        return (React__default.createElement("svg", __assign$3({ viewBox: "0 0 64 64", width: size, height: size }, rest),
+            round ? (React__default.createElement("circle", { cx: "32", cy: "32", r: "31", fill: iconConfig.color, style: bgStyle })) : (React__default.createElement("rect", { width: "64", height: "64", rx: borderRadius, ry: borderRadius, fill: iconConfig.color, style: bgStyle })),
+            React__default.createElement("path", { d: iconConfig.path, fill: iconFillColor })));
+    };
+    Icon.defaultProps = {
+        bgStyle: {},
+        borderRadius: 0,
+        iconFillColor: 'white',
+        size: 64,
+    };
+    return Icon;
+}
+
+createIcon({
+    color: '#7f7f7f',
+    networkName: 'email',
+    path: 'M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z',
+});
+
+function objectToGetParams(object) {
+    var params = Object.entries(object)
+        .filter(function (_a) {
+        var value = _a[1];
+        return value !== undefined && value !== null;
+    })
+        .map(function (_a) {
+        var key = _a[0], value = _a[1];
+        return encodeURIComponent(key) + "=" + encodeURIComponent(String(value));
+    });
+    return params.length > 0 ? "?" + params.join('&') : '';
+}
+
+var __extends$2 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign$2 = (undefined && undefined.__assign) || function () {
+    __assign$2 = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$2.apply(this, arguments);
+};
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var isPromise = function (obj) {
+    return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';
+};
+var getBoxPositionOnWindowCenter = function (width, height) { return ({
+    left: window.outerWidth / 2 + (window.screenX || window.screenLeft || 0) - width / 2,
+    top: window.outerHeight / 2 + (window.screenY || window.screenTop || 0) - height / 2,
+}); };
+var getBoxPositionOnScreenCenter = function (width, height) { return ({
+    top: (window.screen.height - height) / 2,
+    left: (window.screen.width - width) / 2,
+}); };
+function windowOpen(url, _a, onClose) {
+    var height = _a.height, width = _a.width, configRest = __rest$1(_a, ["height", "width"]);
+    var config = __assign$2({ height: height,
+        width: width, location: 'no', toolbar: 'no', status: 'no', directories: 'no', menubar: 'no', scrollbars: 'yes', resizable: 'no', centerscreen: 'yes', chrome: 'yes' }, configRest);
+    var shareDialog = window.open(url, '', Object.keys(config)
+        .map(function (key) { return key + "=" + config[key]; })
+        .join(', '));
+    if (onClose) {
+        var interval_1 = window.setInterval(function () {
+            try {
+                if (shareDialog === null || shareDialog.closed) {
+                    window.clearInterval(interval_1);
+                    onClose(shareDialog);
+                }
+            }
+            catch (e) {
+                /* eslint-disable no-console */
+                console.error(e);
+                /* eslint-enable no-console */
+            }
+        }, 1000);
+    }
+    return shareDialog;
+}
+var ShareButton$1 = /** @class */ (function (_super) {
+    __extends$2(ShareButton, _super);
+    function ShareButton() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.openShareDialog = function (link) {
+            var _a = _this.props, onShareWindowClose = _a.onShareWindowClose, _b = _a.windowHeight, windowHeight = _b === void 0 ? 400 : _b, _c = _a.windowPosition, windowPosition = _c === void 0 ? 'windowCenter' : _c, _d = _a.windowWidth, windowWidth = _d === void 0 ? 550 : _d;
+            var windowConfig = __assign$2({ height: windowHeight, width: windowWidth }, (windowPosition === 'windowCenter'
+                ? getBoxPositionOnWindowCenter(windowWidth, windowHeight)
+                : getBoxPositionOnScreenCenter(windowWidth, windowHeight)));
+            windowOpen(link, windowConfig, onShareWindowClose);
+        };
+        _this.handleClick = function (event) { return __awaiter(_this, void 0, void 0, function () {
+            var _a, beforeOnClick, disabled, networkLink, onClick, url, openShareDialogOnClick, opts, link, returnVal;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, beforeOnClick = _a.beforeOnClick, disabled = _a.disabled, networkLink = _a.networkLink, onClick = _a.onClick, url = _a.url, openShareDialogOnClick = _a.openShareDialogOnClick, opts = _a.opts;
+                        link = networkLink(url, opts);
+                        if (disabled) {
+                            return [2 /*return*/];
+                        }
+                        event.preventDefault();
+                        if (!beforeOnClick) return [3 /*break*/, 2];
+                        returnVal = beforeOnClick();
+                        if (!isPromise(returnVal)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, returnVal];
+                    case 1:
+                        _b.sent();
+                        _b.label = 2;
+                    case 2:
+                        if (openShareDialogOnClick) {
+                            this.openShareDialog(link);
+                        }
+                        if (onClick) {
+                            onClick(event, link);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        return _this;
+    }
+    ShareButton.prototype.render = function () {
+        var _a = this.props; _a.beforeOnClick; var children = _a.children, className = _a.className, disabled = _a.disabled, disabledStyle = _a.disabledStyle, forwardedRef = _a.forwardedRef; _a.networkLink; var networkName = _a.networkName; _a.onShareWindowClose; _a.openShareDialogOnClick; _a.opts; var resetButtonStyle = _a.resetButtonStyle, style = _a.style; _a.url; _a.windowHeight; _a.windowPosition; _a.windowWidth; var rest = __rest$1(_a, ["beforeOnClick", "children", "className", "disabled", "disabledStyle", "forwardedRef", "networkLink", "networkName", "onShareWindowClose", "openShareDialogOnClick", "opts", "resetButtonStyle", "style", "url", "windowHeight", "windowPosition", "windowWidth"]);
+        var newClassName = classNames('react-share__ShareButton', {
+            'react-share__ShareButton--disabled': !!disabled,
+            disabled: !!disabled,
+        }, className);
+        var newStyle = resetButtonStyle
+            ? __assign$2(__assign$2({ backgroundColor: 'transparent', border: 'none', padding: 0, font: 'inherit', color: 'inherit', cursor: 'pointer' }, style), (disabled && disabledStyle)) : __assign$2(__assign$2({}, style), (disabled && disabledStyle));
+        return (React__default.createElement("button", __assign$2({}, rest, { "aria-label": rest['aria-label'] || networkName, className: newClassName, onClick: this.handleClick, ref: forwardedRef, style: newStyle }), children));
+    };
+    ShareButton.defaultProps = {
+        disabledStyle: { opacity: 0.6 },
+        openShareDialogOnClick: true,
+        resetButtonStyle: true,
+    };
+    return ShareButton;
+}(Component));
+
+var __assign$1 = (undefined && undefined.__assign) || function () {
+    __assign$1 = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$1.apply(this, arguments);
+};
+function createShareButton(networkName, link, optsMap, defaultProps) {
+    function CreatedButton(props, ref) {
+        var opts = optsMap(props);
+        var passedProps = __assign$1({}, props);
+        // remove keys from passed props that are passed as opts
+        var optsKeys = Object.keys(opts);
+        optsKeys.forEach(function (key) {
+            delete passedProps[key];
+        });
+        return (React__default.createElement(ShareButton$1, __assign$1({}, defaultProps, passedProps, { forwardedRef: ref, networkName: networkName, networkLink: link, opts: optsMap(props) })));
+    }
+    CreatedButton.displayName = "ShareButton-" + networkName;
+    return forwardRef(CreatedButton);
+}
+
+function emailLink(url, _a) {
+    var subject = _a.subject, body = _a.body, separator = _a.separator;
+    return 'mailto:' + objectToGetParams({ subject: subject, body: body ? body + separator + url : url });
+}
+createShareButton('email', emailLink, function (props) { return ({
+    subject: props.subject,
+    body: props.body,
+    separator: props.separator || ' ',
+}); }, {
+    openShareDialogOnClick: false,
+    onClick: function (_, link) {
+        window.location.href = link;
+    },
+});
+
+var FacebookIcon = createIcon({
+    color: '#3b5998',
+    networkName: 'facebook',
+    path: 'M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z',
+});
+
+createIcon({
+    color: '#2196F3',
+    networkName: 'facebookmessenger',
+    path: 'M 53.066406 21.871094 C 52.667969 21.339844 51.941406 21.179688 51.359375 21.496094 L 37.492188 29.058594 L 28.867188 21.660156 C 28.339844 21.207031 27.550781 21.238281 27.054688 21.730469 L 11.058594 37.726562 C 10.539062 38.25 10.542969 39.09375 11.0625 39.613281 C 11.480469 40.027344 12.121094 40.121094 12.640625 39.839844 L 26.503906 32.28125 L 35.136719 39.679688 C 35.667969 40.132812 36.457031 40.101562 36.949219 39.609375 L 52.949219 23.613281 C 53.414062 23.140625 53.464844 22.398438 53.066406 21.871094 Z M 53.066406 21.871094',
+});
+
+function facebookMessengerLink(url, _a) {
+    var appId = _a.appId, redirectUri = _a.redirectUri, to = _a.to;
+    return ('https://www.facebook.com/dialog/send' +
+        objectToGetParams({
+            link: url,
+            redirect_uri: redirectUri || url,
+            app_id: appId,
+            to: to,
+        }));
+}
+createShareButton('facebookmessenger', facebookMessengerLink, function (props) { return ({
+    appId: props.appId,
+    redirectUri: props.redirectUri,
+    to: props.to,
+}); }, {
+    windowWidth: 1000,
+    windowHeight: 820,
+});
+
+var __extends$1 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var AssertionError = /** @class */ (function (_super) {
+    __extends$1(AssertionError, _super);
+    function AssertionError(message) {
+        var _this = _super.call(this, message) || this;
+        _this.name = 'AssertionError';
+        return _this;
+    }
+    return AssertionError;
+}(Error));
+function assert(value, message) {
+    if (!value) {
+        throw new AssertionError(message);
+    }
+}
+
+function facebookLink(url, _a) {
+    var quote = _a.quote, hashtag = _a.hashtag;
+    assert(url, 'facebook.url');
+    return ('https://www.facebook.com/sharer/sharer.php' +
+        objectToGetParams({
+            u: url,
+            quote: quote,
+            hashtag: hashtag,
+        }));
+}
+var FacebookShareButton = createShareButton('facebook', facebookLink, function (props) { return ({
+    quote: props.quote,
+    hashtag: props.hashtag,
+}); }, {
+    windowWidth: 550,
+    windowHeight: 400,
+});
+
+var browser = {exports: {}};
+
+var debug$1 = {exports: {}};
+
+/**
+ * Helpers.
+ */
+
+var s = 1000;
+var m = s * 60;
+var h = m * 60;
+var d = h * 24;
+var y = d * 365.25;
+
+/**
+ * Parse or format the given `val`.
+ *
+ * Options:
+ *
+ *  - `long` verbose formatting [false]
+ *
+ * @param {String|Number} val
+ * @param {Object} [options]
+ * @throws {Error} throw an error if val is not a non-empty string or a number
+ * @return {String|Number}
+ * @api public
+ */
+
+var ms = function(val, options) {
+  options = options || {};
+  var type = typeof val;
+  if (type === 'string' && val.length > 0) {
+    return parse(val);
+  } else if (type === 'number' && isNaN(val) === false) {
+    return options.long ? fmtLong(val) : fmtShort(val);
+  }
+  throw new Error(
+    'val is not a non-empty string or a valid number. val=' +
+      JSON.stringify(val)
+  );
+};
+
+/**
+ * Parse the given `str` and return milliseconds.
+ *
+ * @param {String} str
+ * @return {Number}
+ * @api private
+ */
+
+function parse(str) {
+  str = String(str);
+  if (str.length > 100) {
+    return;
+  }
+  var match = /^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(
+    str
+  );
+  if (!match) {
+    return;
+  }
+  var n = parseFloat(match[1]);
+  var type = (match[2] || 'ms').toLowerCase();
+  switch (type) {
+    case 'years':
+    case 'year':
+    case 'yrs':
+    case 'yr':
+    case 'y':
+      return n * y;
+    case 'days':
+    case 'day':
+    case 'd':
+      return n * d;
+    case 'hours':
+    case 'hour':
+    case 'hrs':
+    case 'hr':
+    case 'h':
+      return n * h;
+    case 'minutes':
+    case 'minute':
+    case 'mins':
+    case 'min':
+    case 'm':
+      return n * m;
+    case 'seconds':
+    case 'second':
+    case 'secs':
+    case 'sec':
+    case 's':
+      return n * s;
+    case 'milliseconds':
+    case 'millisecond':
+    case 'msecs':
+    case 'msec':
+    case 'ms':
+      return n;
+    default:
+      return undefined;
+  }
+}
+
+/**
+ * Short format for `ms`.
+ *
+ * @param {Number} ms
+ * @return {String}
+ * @api private
+ */
+
+function fmtShort(ms) {
+  if (ms >= d) {
+    return Math.round(ms / d) + 'd';
+  }
+  if (ms >= h) {
+    return Math.round(ms / h) + 'h';
+  }
+  if (ms >= m) {
+    return Math.round(ms / m) + 'm';
+  }
+  if (ms >= s) {
+    return Math.round(ms / s) + 's';
+  }
+  return ms + 'ms';
+}
+
+/**
+ * Long format for `ms`.
+ *
+ * @param {Number} ms
+ * @return {String}
+ * @api private
+ */
+
+function fmtLong(ms) {
+  return plural(ms, d, 'day') ||
+    plural(ms, h, 'hour') ||
+    plural(ms, m, 'minute') ||
+    plural(ms, s, 'second') ||
+    ms + ' ms';
+}
+
+/**
+ * Pluralization helper.
+ */
+
+function plural(ms, n, name) {
+  if (ms < n) {
+    return;
+  }
+  if (ms < n * 1.5) {
+    return Math.floor(ms / n) + ' ' + name;
+  }
+  return Math.ceil(ms / n) + ' ' + name + 's';
+}
+
+(function (module, exports) {
+	/**
+	 * This is the common logic for both the Node.js and web browser
+	 * implementations of `debug()`.
+	 *
+	 * Expose `debug()` as the module.
+	 */
+
+	exports = module.exports = createDebug.debug = createDebug['default'] = createDebug;
+	exports.coerce = coerce;
+	exports.disable = disable;
+	exports.enable = enable;
+	exports.enabled = enabled;
+	exports.humanize = ms;
+
+	/**
+	 * The currently active debug mode names, and names to skip.
+	 */
+
+	exports.names = [];
+	exports.skips = [];
+
+	/**
+	 * Map of special "%n" handling functions, for the debug "format" argument.
+	 *
+	 * Valid key names are a single, lower or upper-case letter, i.e. "n" and "N".
+	 */
+
+	exports.formatters = {};
+
+	/**
+	 * Previous log timestamp.
+	 */
+
+	var prevTime;
+
+	/**
+	 * Select a color.
+	 * @param {String} namespace
+	 * @return {Number}
+	 * @api private
+	 */
+
+	function selectColor(namespace) {
+	  var hash = 0, i;
+
+	  for (i in namespace) {
+	    hash  = ((hash << 5) - hash) + namespace.charCodeAt(i);
+	    hash |= 0; // Convert to 32bit integer
+	  }
+
+	  return exports.colors[Math.abs(hash) % exports.colors.length];
+	}
+
+	/**
+	 * Create a debugger with the given `namespace`.
+	 *
+	 * @param {String} namespace
+	 * @return {Function}
+	 * @api public
+	 */
+
+	function createDebug(namespace) {
+
+	  function debug() {
+	    // disabled?
+	    if (!debug.enabled) return;
+
+	    var self = debug;
+
+	    // set `diff` timestamp
+	    var curr = +new Date();
+	    var ms = curr - (prevTime || curr);
+	    self.diff = ms;
+	    self.prev = prevTime;
+	    self.curr = curr;
+	    prevTime = curr;
+
+	    // turn the `arguments` into a proper Array
+	    var args = new Array(arguments.length);
+	    for (var i = 0; i < args.length; i++) {
+	      args[i] = arguments[i];
+	    }
+
+	    args[0] = exports.coerce(args[0]);
+
+	    if ('string' !== typeof args[0]) {
+	      // anything else let's inspect with %O
+	      args.unshift('%O');
+	    }
+
+	    // apply any `formatters` transformations
+	    var index = 0;
+	    args[0] = args[0].replace(/%([a-zA-Z%])/g, function(match, format) {
+	      // if we encounter an escaped % then don't increase the array index
+	      if (match === '%%') return match;
+	      index++;
+	      var formatter = exports.formatters[format];
+	      if ('function' === typeof formatter) {
+	        var val = args[index];
+	        match = formatter.call(self, val);
+
+	        // now we need to remove `args[index]` since it's inlined in the `format`
+	        args.splice(index, 1);
+	        index--;
+	      }
+	      return match;
+	    });
+
+	    // apply env-specific formatting (colors, etc.)
+	    exports.formatArgs.call(self, args);
+
+	    var logFn = debug.log || exports.log || console.log.bind(console);
+	    logFn.apply(self, args);
+	  }
+
+	  debug.namespace = namespace;
+	  debug.enabled = exports.enabled(namespace);
+	  debug.useColors = exports.useColors();
+	  debug.color = selectColor(namespace);
+
+	  // env-specific initialization logic for debug instances
+	  if ('function' === typeof exports.init) {
+	    exports.init(debug);
+	  }
+
+	  return debug;
+	}
+
+	/**
+	 * Enables a debug mode by namespaces. This can include modes
+	 * separated by a colon and wildcards.
+	 *
+	 * @param {String} namespaces
+	 * @api public
+	 */
+
+	function enable(namespaces) {
+	  exports.save(namespaces);
+
+	  exports.names = [];
+	  exports.skips = [];
+
+	  var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
+	  var len = split.length;
+
+	  for (var i = 0; i < len; i++) {
+	    if (!split[i]) continue; // ignore empty strings
+	    namespaces = split[i].replace(/\*/g, '.*?');
+	    if (namespaces[0] === '-') {
+	      exports.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
+	    } else {
+	      exports.names.push(new RegExp('^' + namespaces + '$'));
+	    }
+	  }
+	}
+
+	/**
+	 * Disable debug output.
+	 *
+	 * @api public
+	 */
+
+	function disable() {
+	  exports.enable('');
+	}
+
+	/**
+	 * Returns true if the given mode name is enabled, false otherwise.
+	 *
+	 * @param {String} name
+	 * @return {Boolean}
+	 * @api public
+	 */
+
+	function enabled(name) {
+	  var i, len;
+	  for (i = 0, len = exports.skips.length; i < len; i++) {
+	    if (exports.skips[i].test(name)) {
+	      return false;
+	    }
+	  }
+	  for (i = 0, len = exports.names.length; i < len; i++) {
+	    if (exports.names[i].test(name)) {
+	      return true;
+	    }
+	  }
+	  return false;
+	}
+
+	/**
+	 * Coerce `val`.
+	 *
+	 * @param {Mixed} val
+	 * @return {Mixed}
+	 * @api private
+	 */
+
+	function coerce(val) {
+	  if (val instanceof Error) return val.stack || val.message;
+	  return val;
+	}
+} (debug$1, debug$1.exports));
+
+/**
+ * This is the web browser implementation of `debug()`.
+ *
+ * Expose `debug()` as the module.
+ */
+
+(function (module, exports) {
+	exports = module.exports = debug$1.exports;
+	exports.log = log;
+	exports.formatArgs = formatArgs;
+	exports.save = save;
+	exports.load = load;
+	exports.useColors = useColors;
+	exports.storage = 'undefined' != typeof chrome
+	               && 'undefined' != typeof chrome.storage
+	                  ? chrome.storage.local
+	                  : localstorage();
+
+	/**
+	 * Colors.
+	 */
+
+	exports.colors = [
+	  'lightseagreen',
+	  'forestgreen',
+	  'goldenrod',
+	  'dodgerblue',
+	  'darkorchid',
+	  'crimson'
+	];
+
+	/**
+	 * Currently only WebKit-based Web Inspectors, Firefox >= v31,
+	 * and the Firebug extension (any Firefox version) are known
+	 * to support "%c" CSS customizations.
+	 *
+	 * TODO: add a `localStorage` variable to explicitly enable/disable colors
+	 */
+
+	function useColors() {
+	  // NB: In an Electron preload script, document will be defined but not fully
+	  // initialized. Since we know we're in Chrome, we'll just detect this case
+	  // explicitly
+	  if (typeof window !== 'undefined' && window.process && window.process.type === 'renderer') {
+	    return true;
+	  }
+
+	  // is webkit? http://stackoverflow.com/a/16459606/376773
+	  // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
+	  return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||
+	    // is firebug? http://stackoverflow.com/a/398120/376773
+	    (typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
+	    // is firefox >= v31?
+	    // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+	    (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31) ||
+	    // double check webkit in userAgent just in case we are in a worker
+	    (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/));
+	}
+
+	/**
+	 * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
+	 */
+
+	exports.formatters.j = function(v) {
+	  try {
+	    return JSON.stringify(v);
+	  } catch (err) {
+	    return '[UnexpectedJSONParseError]: ' + err.message;
+	  }
+	};
+
+
+	/**
+	 * Colorize log arguments if enabled.
+	 *
+	 * @api public
+	 */
+
+	function formatArgs(args) {
+	  var useColors = this.useColors;
+
+	  args[0] = (useColors ? '%c' : '')
+	    + this.namespace
+	    + (useColors ? ' %c' : ' ')
+	    + args[0]
+	    + (useColors ? '%c ' : ' ')
+	    + '+' + exports.humanize(this.diff);
+
+	  if (!useColors) return;
+
+	  var c = 'color: ' + this.color;
+	  args.splice(1, 0, c, 'color: inherit');
+
+	  // the final "%c" is somewhat tricky, because there could be other
+	  // arguments passed either before or after the %c, so we need to
+	  // figure out the correct index to insert the CSS into
+	  var index = 0;
+	  var lastC = 0;
+	  args[0].replace(/%[a-zA-Z%]/g, function(match) {
+	    if ('%%' === match) return;
+	    index++;
+	    if ('%c' === match) {
+	      // we only are interested in the *last* %c
+	      // (the user may have provided their own)
+	      lastC = index;
+	    }
+	  });
+
+	  args.splice(lastC, 0, c);
+	}
+
+	/**
+	 * Invokes `console.log()` when available.
+	 * No-op when `console.log` is not a "function".
+	 *
+	 * @api public
+	 */
+
+	function log() {
+	  // this hackery is required for IE8/9, where
+	  // the `console.log` function doesn't have 'apply'
+	  return 'object' === typeof console
+	    && console.log
+	    && Function.prototype.apply.call(console.log, console, arguments);
+	}
+
+	/**
+	 * Save `namespaces`.
+	 *
+	 * @param {String} namespaces
+	 * @api private
+	 */
+
+	function save(namespaces) {
+	  try {
+	    if (null == namespaces) {
+	      exports.storage.removeItem('debug');
+	    } else {
+	      exports.storage.debug = namespaces;
+	    }
+	  } catch(e) {}
+	}
+
+	/**
+	 * Load `namespaces`.
+	 *
+	 * @return {String} returns the previously persisted debug modes
+	 * @api private
+	 */
+
+	function load() {
+	  var r;
+	  try {
+	    r = exports.storage.debug;
+	  } catch(e) {}
+
+	  // If debug isn't set in LS, and we're in Electron, try to load $DEBUG
+	  if (!r && typeof process !== 'undefined' && 'env' in process) {
+	    r = process.env.DEBUG;
+	  }
+
+	  return r;
+	}
+
+	/**
+	 * Enable namespaces listed in `localStorage.debug` initially.
+	 */
+
+	exports.enable(load());
+
+	/**
+	 * Localstorage attempts to return the localstorage.
+	 *
+	 * This is necessary because safari throws
+	 * when a user disables cookies/localstorage
+	 * and you attempt to access it.
+	 *
+	 * @return {LocalStorage}
+	 * @api private
+	 */
+
+	function localstorage() {
+	  try {
+	    return window.localStorage;
+	  } catch (e) {}
+	}
+} (browser, browser.exports));
+
+/**
+ * Module dependencies
+ */
+
+var debug = browser.exports('jsonp');
+
+/**
+ * Module exports.
+ */
+
+var jsonp_1 = jsonp;
+
+/**
+ * Callback index.
+ */
+
+var count = 0;
+
+/**
+ * Noop function.
+ */
+
+function noop(){}
+
+/**
+ * JSONP handler
+ *
+ * Options:
+ *  - param {String} qs parameter (`callback`)
+ *  - prefix {String} qs parameter (`__jp`)
+ *  - name {String} qs parameter (`prefix` + incr)
+ *  - timeout {Number} how long after a timeout error is emitted (`60000`)
+ *
+ * @param {String} url
+ * @param {Object|Function} optional options / callback
+ * @param {Function} optional callback
+ */
+
+function jsonp(url, opts, fn){
+  if ('function' == typeof opts) {
+    fn = opts;
+    opts = {};
+  }
+  if (!opts) opts = {};
+
+  var prefix = opts.prefix || '__jp';
+
+  // use the callback name that was passed if one was provided.
+  // otherwise generate a unique name by incrementing our counter.
+  var id = opts.name || (prefix + (count++));
+
+  var param = opts.param || 'callback';
+  var timeout = null != opts.timeout ? opts.timeout : 60000;
+  var enc = encodeURIComponent;
+  var target = document.getElementsByTagName('script')[0] || document.head;
+  var script;
+  var timer;
+
+
+  if (timeout) {
+    timer = setTimeout(function(){
+      cleanup();
+      if (fn) fn(new Error('Timeout'));
+    }, timeout);
+  }
+
+  function cleanup(){
+    if (script.parentNode) script.parentNode.removeChild(script);
+    window[id] = noop;
+    if (timer) clearTimeout(timer);
+  }
+
+  function cancel(){
+    if (window[id]) {
+      cleanup();
+    }
+  }
+
+  window[id] = function(data){
+    debug('jsonp got', data);
+    cleanup();
+    if (fn) fn(null, data);
+  };
+
+  // add qs component
+  url += (~url.indexOf('?') ? '&' : '?') + param + '=' + enc(id);
+  url = url.replace('?&', '?');
+
+  debug('jsonp req "%s"', url);
+
+  // create script
+  script = document.createElement('script');
+  script.src = url;
+  target.parentNode.insertBefore(script, target);
+
+  return cancel;
+}
+
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var defaultChildren = function (shareCount) { return shareCount; };
+var SocialMediaShareCount = /** @class */ (function (_super) {
+    __extends(SocialMediaShareCount, _super);
+    function SocialMediaShareCount(props) {
+        var _this = _super.call(this, props) || this;
+        _this._isMounted = false;
+        _this.state = { count: 0, isLoading: false };
+        return _this;
+    }
+    SocialMediaShareCount.prototype.componentDidMount = function () {
+        this._isMounted = true;
+        this.updateCount(this.props.url);
+    };
+    SocialMediaShareCount.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.url !== prevProps.url) {
+            this.updateCount(this.props.url);
+        }
+    };
+    SocialMediaShareCount.prototype.componentWillUnmount = function () {
+        this._isMounted = false;
+    };
+    SocialMediaShareCount.prototype.updateCount = function (url) {
+        var _this = this;
+        this.setState({
+            isLoading: true,
+        });
+        this.props.getCount(url, function (count) {
+            if (_this._isMounted) {
+                _this.setState({
+                    count: count,
+                    isLoading: false,
+                });
+            }
+        });
+    };
+    SocialMediaShareCount.prototype.render = function () {
+        var _a = this.state, count = _a.count, isLoading = _a.isLoading;
+        var _b = this.props, _c = _b.children, children = _c === void 0 ? defaultChildren : _c, className = _b.className; _b.getCount; var rest = __rest(_b, ["children", "className", "getCount"]);
+        return (React__default.createElement("span", __assign({ className: classNames('react-share__ShareCount', className) }, rest), !isLoading && count !== undefined && children(count)));
+    };
+    return SocialMediaShareCount;
+}(Component));
+function createShareCount(getCount) {
+    var ShareCount = function (props) { return (React__default.createElement(SocialMediaShareCount, __assign({ getCount: getCount }, props))); };
+    ShareCount.displayName = "ShareCount(" + getCount.name + ")";
+    return ShareCount;
+}
+
+function getFacebookShareCount(shareUrl, callback) {
+    var endpoint = "https://graph.facebook.com/?id=" + shareUrl + "&fields=og_object{engagement}";
+    jsonp_1(endpoint, function (err, data) {
+        callback(!err && data && data.og_object && data.og_object.engagement
+            ? data.og_object.engagement.count
+            : undefined);
+    });
+}
+createShareCount(getFacebookShareCount);
+
+createIcon({
+    color: '#009ad9',
+    networkName: 'hatena',
+    path: 'M 36.164062 33.554688 C 34.988281 32.234375 33.347656 31.5 31.253906 31.34375 C 33.125 30.835938 34.476562 30.09375 35.335938 29.09375 C 36.191406 28.09375 36.609375 26.78125 36.609375 25.101562 C 36.628906 23.875 36.332031 22.660156 35.75 21.578125 C 35.160156 20.558594 34.292969 19.71875 33.253906 19.160156 C 32.304688 18.640625 31.175781 18.265625 29.847656 18.042969 C 28.523438 17.824219 26.195312 17.730469 22.867188 17.730469 L 14.769531 17.730469 L 14.769531 47.269531 L 23.113281 47.269531 C 26.46875 47.269531 28.886719 47.15625 30.367188 46.929688 C 31.851562 46.695312 33.085938 46.304688 34.085938 45.773438 C 35.289062 45.148438 36.28125 44.179688 36.933594 42.992188 C 37.597656 41.796875 37.933594 40.402344 37.933594 38.816406 C 37.933594 36.621094 37.347656 34.867188 36.164062 33.554688 Z M 22.257812 24.269531 L 23.984375 24.269531 C 25.988281 24.269531 27.332031 24.496094 28.015625 24.945312 C 28.703125 25.402344 29.042969 26.183594 29.042969 27.285156 C 29.042969 28.390625 28.664062 29.105469 27.9375 29.550781 C 27.210938 29.992188 25.84375 30.199219 23.855469 30.199219 L 22.257812 30.199219 Z M 29.121094 41.210938 C 28.328125 41.691406 26.976562 41.925781 25.078125 41.925781 L 22.257812 41.925781 L 22.257812 35.488281 L 25.195312 35.488281 C 27.144531 35.488281 28.496094 35.738281 29.210938 36.230469 C 29.925781 36.726562 30.304688 37.582031 30.304688 38.832031 C 30.304688 40.078125 29.914062 40.742188 29.105469 41.222656 Z M 29.121094 41.210938 M 46.488281 39.792969 C 44.421875 39.792969 42.742188 41.46875 42.742188 43.535156 C 42.742188 45.605469 44.421875 47.28125 46.488281 47.28125 C 48.554688 47.28125 50.230469 45.605469 50.230469 43.535156 C 50.230469 41.46875 48.554688 39.792969 46.488281 39.792969 Z M 46.488281 39.792969 M 43.238281 17.730469 L 49.738281 17.730469 L 49.738281 37.429688 L 43.238281 37.429688 Z M 43.238281 17.730469 ',
+});
+
+function hatenaLink(url, _a) {
+    var title = _a.title;
+    assert(url, 'hatena.url');
+    return "http://b.hatena.ne.jp/add?mode=confirm&url=" + url + "&title=" + title;
+}
+createShareButton('hatena', hatenaLink, function (props) { return ({
+    title: props.title,
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+    windowPosition: 'windowCenter',
+});
+
+function getHatenaShareCount(shareUrl, callback) {
+    var url = 'https://bookmark.hatenaapis.com/count/entry';
+    jsonp_1(url +
+        objectToGetParams({
+            url: shareUrl,
+        }), function (err, data) {
+        callback(data ? data : undefined);
+    });
+}
+createShareCount(getHatenaShareCount);
+
+createIcon({
+    color: '#1F1F1F',
+    networkName: 'instapaper',
+    path: 'M35.688 43.012c0 2.425.361 2.785 3.912 3.056V48H24.401v-1.932c3.555-.27 3.912-.63 3.912-3.056V20.944c0-2.379-.36-2.785-3.912-3.056V16H39.6v1.888c-3.55.27-3.912.675-3.912 3.056v22.068h.001z',
+});
+
+function instapaperLink(url, _a) {
+    var title = _a.title, description = _a.description;
+    assert(url, 'instapaper.url');
+    return ('http://www.instapaper.com/hello2' +
+        objectToGetParams({
+            url: url,
+            title: title,
+            description: description,
+        }));
+}
+createShareButton('instapaper', instapaperLink, function (props) { return ({
+    title: props.title,
+    description: props.description,
+}); }, {
+    windowWidth: 500,
+    windowHeight: 500,
+    windowPosition: 'windowCenter',
+});
+
+createIcon({
+    color: '#00b800',
+    networkName: 'line',
+    path: 'M52.62 30.138c0 3.693-1.432 7.019-4.42 10.296h.001c-4.326 4.979-14 11.044-16.201 11.972-2.2.927-1.876-.591-1.786-1.112l.294-1.765c.069-.527.142-1.343-.066-1.865-.232-.574-1.146-.872-1.817-1.016-9.909-1.31-17.245-8.238-17.245-16.51 0-9.226 9.251-16.733 20.62-16.733 11.37 0 20.62 7.507 20.62 16.733zM27.81 25.68h-1.446a.402.402 0 0 0-.402.401v8.985c0 .221.18.4.402.4h1.446a.401.401 0 0 0 .402-.4v-8.985a.402.402 0 0 0-.402-.401zm9.956 0H36.32a.402.402 0 0 0-.402.401v5.338L31.8 25.858a.39.39 0 0 0-.031-.04l-.002-.003-.024-.025-.008-.007a.313.313 0 0 0-.032-.026.255.255 0 0 1-.021-.014l-.012-.007-.021-.012-.013-.006-.023-.01-.013-.005-.024-.008-.014-.003-.023-.005-.017-.002-.021-.003-.021-.002h-1.46a.402.402 0 0 0-.402.401v8.985c0 .221.18.4.402.4h1.446a.401.401 0 0 0 .402-.4v-5.337l4.123 5.568c.028.04.063.072.101.099l.004.003a.236.236 0 0 0 .025.015l.012.006.019.01a.154.154 0 0 1 .019.008l.012.004.028.01.005.001a.442.442 0 0 0 .104.013h1.446a.4.4 0 0 0 .401-.4v-8.985a.402.402 0 0 0-.401-.401zm-13.442 7.537h-3.93v-7.136a.401.401 0 0 0-.401-.401h-1.447a.4.4 0 0 0-.401.401v8.984a.392.392 0 0 0 .123.29c.072.068.17.111.278.111h5.778a.4.4 0 0 0 .401-.401v-1.447a.401.401 0 0 0-.401-.401zm21.429-5.287c.222 0 .401-.18.401-.402v-1.446a.401.401 0 0 0-.401-.402h-5.778a.398.398 0 0 0-.279.113l-.005.004-.006.008a.397.397 0 0 0-.111.276v8.984c0 .108.043.206.112.278l.005.006a.401.401 0 0 0 .284.117h5.778a.4.4 0 0 0 .401-.401v-1.447a.401.401 0 0 0-.401-.401h-3.93v-1.519h3.93c.222 0 .401-.18.401-.402V29.85a.401.401 0 0 0-.401-.402h-3.93V27.93h3.93z',
+});
+
+function lineLink(url, _a) {
+    var title = _a.title;
+    assert(url, 'line.url');
+    return ('https://social-plugins.line.me/lineit/share' +
+        objectToGetParams({
+            url: url,
+            text: title,
+        }));
+}
+createShareButton('line', lineLink, function (props) { return ({
+    title: props.title,
+}); }, {
+    windowWidth: 500,
+    windowHeight: 500,
+});
+
+createIcon({
+    color: '#007fb1',
+    networkName: 'linkedin',
+    path: 'M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z',
+});
+
+function linkedinLink(url, _a) {
+    var title = _a.title, summary = _a.summary, source = _a.source;
+    assert(url, 'linkedin.url');
+    return ('https://linkedin.com/shareArticle' +
+        objectToGetParams({ url: url, mini: 'true', title: title, summary: summary, source: source }));
+}
+createShareButton('linkedin', linkedinLink, function (_a) {
+    var title = _a.title, summary = _a.summary, source = _a.source;
+    return ({ title: title, summary: summary, source: source });
+}, {
+    windowWidth: 750,
+    windowHeight: 600,
+});
+
+createIcon({
+    color: '#21A5D8',
+    networkName: 'livejournal',
+    path: 'M18.3407821,28.1764706 L21.9441341,31.789916 L33.0055865,42.882353 C33.0055865,42.882353 33.0893855,42.9663866 33.0893855,42.9663866 L46.6648046,47 C46.6648046,47 46.6648046,47 46.7486034,47 C46.8324022,47 46.8324022,47 46.9162012,46.9159664 C47,46.8319327 47,46.8319327 47,46.7478991 L42.9776536,33.1344537 C42.9776536,33.1344537 42.9776536,33.1344537 42.8938548,33.0504202 L31.1620111,21.3697479 L31.1620111,21.3697479 L28.1452514,18.2605042 C27.3072626,17.4201681 26.5530726,17 25.7150838,17 C24.2905028,17 23.0335195,18.3445378 21.5251397,19.8571429 C21.273743,20.1092437 20.9385475,20.4453781 20.6871508,20.697479 C20.3519553,21.0336134 20.1005586,21.2857143 19.849162,21.5378151 C18.3407821,22.9663866 17.0837989,24.2268908 17,25.7394958 C17.0837989,26.4957983 17.5027933,27.3361345 18.3407821,28.1764706 Z M39.9012319,39.6134454 C39.7336341,39.4453781 39.4822374,37.6806724 40.2364275,36.8403362 C40.9906174,36.0840337 41.6610084,36 42.1638017,36 C42.3313995,36 42.4989973,36 42.5827961,36 L44.8453659,43.5630253 L43.5883828,44.8235295 L36.0464833,42.5546218 C35.9626843,42.2184874 35.8788855,41.2100841 36.8844722,40.2016807 C37.2196676,39.8655463 37.8900587,39.6134454 38.5604498,39.6134454 C39.147042,39.6134454 39.5660364,39.7815126 39.5660364,39.7815126 C39.6498353,39.8655463 39.8174331,39.8655463 39.8174331,39.7815126 C39.9850307,39.7815126 39.9850307,39.697479 39.9012319,39.6134454 Z',
+});
+
+function livejournalLink(url, _a) {
+    var title = _a.title, description = _a.description;
+    assert(url, 'livejournal.url');
+    return ('https://www.livejournal.com/update.bml' +
+        objectToGetParams({
+            subject: title,
+            event: description,
+        }));
+}
+createShareButton('livejournal', livejournalLink, function (props) { return ({
+    title: props.title,
+    description: props.description,
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+});
+
+createIcon({
+    color: '#168DE2',
+    networkName: 'mailru',
+    path: 'M39.7107745,17 C41.6619755,17 43.3204965,18.732852 43.3204965,21.0072202 C43.3204965,23.2815885 41.7595357,25.0144404 39.7107745,25.0144404 C37.7595732,25.0144404 36.1010522,23.2815885 36.1010522,21.0072202 C36.1010522,18.732852 37.7595732,17 39.7107745,17 Z M24.3938451,17 C26.3450463,17 28.0035672,18.732852 28.0035672,21.0072202 C28.0035672,23.2815885 26.4426063,25.0144404 24.3938451,25.0144404 C22.4426439,25.0144404 20.7841229,23.2815885 20.7841229,21.0072202 C20.7841229,18.732852 22.4426439,17 24.3938451,17 Z M51.9057817,43.4259928 C51.7106617,44.0758123 51.4179815,44.6173285 50.9301812,44.9422383 C50.637501,45.1588448 50.2472607,45.267148 49.8570205,45.267148 C49.07654,45.267148 48.3936197,44.833935 48.0033795,44.0758123 L46.2472985,40.7184115 L45.759498,41.2599278 C42.5400162,44.9422383 37.466893,47 32.0035297,47 C26.5401664,47 21.5646034,44.9422383 18.2475614,41.2599278 L17.7597611,40.7184115 L16.00368,44.0758123 C15.6134398,44.833935 14.9305194,45.267148 14.1500389,45.267148 C13.7597986,45.267148 13.3695584,45.1588448 13.0768782,44.9422383 C12.0037176,44.2924187 11.7110374,42.7761733 12.2963978,41.5848375 L16.7841605,33.0288807 C17.1744007,32.270758 17.8573211,31.8375453 18.6378016,31.8375453 C19.0280418,31.8375453 19.4182821,31.9458485 19.7109623,32.1624548 C20.7841229,32.8122743 21.0768031,34.3285197 20.4914427,35.5198555 L20.1012025,36.2779783 L20.2963226,36.602888 C22.4426439,39.9602888 27.0279667,42.234657 31.9059697,42.234657 C36.7839727,42.234657 41.3692955,40.068592 43.5156167,36.602888 L43.7107367,36.2779783 L43.3204965,35.6281587 C43.0278165,35.0866425 42.9302562,34.436823 43.1253765,33.7870035 C43.3204965,33.137184 43.6131767,32.5956678 44.100977,32.270758 C44.3936572,32.0541515 44.7838975,31.9458485 45.1741377,31.9458485 C45.9546182,31.9458485 46.6375385,32.3790613 47.0277787,33.137184 L51.5155415,41.6931408 C52.003342,42.234657 52.100902,42.8844765 51.9057817,43.4259928 Z',
+});
+
+function mailruLink(url, _a) {
+    var title = _a.title, description = _a.description, imageUrl = _a.imageUrl;
+    assert(url, 'mailru.url');
+    return ('https://connect.mail.ru/share' +
+        objectToGetParams({
+            url: url,
+            title: title,
+            description: description,
+            image_url: imageUrl,
+        }));
+}
+createShareButton('mailru', mailruLink, function (props) { return ({
+    title: props.title,
+    description: props.description,
+    imageUrl: props.imageUrl,
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+});
+
+createIcon({
+    color: '#f2720c',
+    networkName: 'ok',
+    path: 'M39,30c-1,0-3,2-7,2s-6-2-7-2c-1.1,0-2,0.9-2,2c0,1,0.6,1.5,1,1.7c1.2,0.7,5,2.3,5,2.3l-4.3,5.4   c0,0-0.8,0.9-0.8,1.6c0,1.1,0.9,2,2,2c1,0,1.5-0.7,1.5-0.7S32,39,32,39c0,0,4.5,5.3,4.5,5.3S37,45,38,45c1.1,0,2-0.9,2-2   c0-0.6-0.8-1.6-0.8-1.6L35,36c0,0,3.8-1.6,5-2.3c0.4-0.3,1-0.7,1-1.7C41,30.9,40.1,30,39,30z M32,15c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S35.9,15,32,15z M32,25.5   c-1.9,0-3.5-1.6-3.5-3.5c0-1.9,1.6-3.5,3.5-3.5c1.9,0,3.5,1.6,3.5,3.5C35.5,23.9,33.9,22.5,35,22.5z ',
+});
+
+function okLink(url, _a) {
+    var title = _a.title, description = _a.description, image = _a.image;
+    assert(url, 'ok.url');
+    return ('https://connect.ok.ru/offer' +
+        objectToGetParams({
+            url: url,
+            title: title,
+            description: description,
+            imageUrl: image,
+        }));
+}
+createShareButton('ok', okLink, function (props) { return ({
+    title: props.title,
+    description: props.description,
+    image: props.image,
+}); }, {
+    windowWidth: 588,
+    windowHeight: 480,
+    windowPosition: 'screenCenter',
+});
+
+function getOKShareCount(shareUrl, callback) {
+    if (!window.OK) {
+        window.OK = {
+            Share: {
+                count: function count(index, _count) {
+                    window.OK.callbacks[index](_count);
+                },
+            },
+            callbacks: [],
+        };
+    }
+    var url = 'https://connect.ok.ru/dk';
+    var index = window.OK.callbacks.length;
+    window.ODKL = {
+        updateCount: function (index, count) {
+            var callbackIndex = index === '' ? 0 : parseInt(index.replace('react-share-', ''), 10);
+            window.OK.callbacks[callbackIndex](count === '' ? undefined : parseInt(count, 10));
+        },
+    };
+    window.OK.callbacks.push(callback);
+    return jsonp_1(url +
+        objectToGetParams({
+            'st.cmd': 'extLike',
+            uid: "react-share-" + index,
+            ref: shareUrl,
+        }));
+}
+createShareCount(getOKShareCount);
+
+createIcon({
+    color: '#cb2128',
+    networkName: 'pinterest',
+    path: 'M32,16c-8.8,0-16,7.2-16,16c0,6.6,3.9,12.2,9.6,14.7c0-1.1,0-2.5,0.3-3.7 c0.3-1.3,2.1-8.7,2.1-8.7s-0.5-1-0.5-2.5c0-2.4,1.4-4.1,3.1-4.1c1.5,0,2.2,1.1,2.2,2.4c0,1.5-0.9,3.7-1.4,5.7 c-0.4,1.7,0.9,3.1,2.5,3.1c3,0,5.1-3.9,5.1-8.5c0-3.5-2.4-6.1-6.7-6.1c-4.9,0-7.9,3.6-7.9,7.7c0,1.4,0.4,2.4,1.1,3.1 c0.3,0.3,0.3,0.5,0.2,0.9c-0.1,0.3-0.3,1-0.3,1.3c-0.1,0.4-0.4,0.6-0.8,0.4c-2.2-0.9-3.3-3.4-3.3-6.1c0-4.5,3.8-10,11.4-10 c6.1,0,10.1,4.4,10.1,9.2c0,6.3-3.5,11-8.6,11c-1.7,0-3.4-0.9-3.9-2c0,0-0.9,3.7-1.1,4.4c-0.3,1.2-1,2.5-1.6,3.4 c1.4,0.4,3,0.7,4.5,0.7c8.8,0,16-7.2,16-16C48,23.2,40.8,16,32,16z',
+});
+
+function pinterestLink(url, _a) {
+    var media = _a.media, description = _a.description;
+    assert(url, 'pinterest.url');
+    assert(media, 'pinterest.media');
+    return ('https://pinterest.com/pin/create/button/' +
+        objectToGetParams({
+            url: url,
+            media: media,
+            description: description,
+        }));
+}
+createShareButton('pinterest', pinterestLink, function (props) { return ({
+    media: props.media,
+    description: props.description,
+}); }, {
+    windowWidth: 1000,
+    windowHeight: 730,
+});
+
+function getPinterestShareCount(shareUrl, callback) {
+    var url = 'https://api.pinterest.com/v1/urls/count.json';
+    jsonp_1(url +
+        objectToGetParams({
+            url: shareUrl,
+        }), function (err, data) {
+        callback(data ? data.count : undefined);
+    });
+}
+createShareCount(getPinterestShareCount);
+
+createIcon({
+    color: '#EF3F56',
+    networkName: 'pocket',
+    path: 'M41.084 29.065l-7.528 7.882a2.104 2.104 0 0 1-1.521.666 2.106 2.106 0 0 1-1.522-.666l-7.528-7.882c-.876-.914-.902-2.43-.065-3.384.84-.955 2.228-.987 3.1-.072l6.015 6.286 6.022-6.286c.88-.918 2.263-.883 3.102.071.841.938.82 2.465-.06 3.383l-.015.002zm6.777-10.976C47.463 16.84 46.361 16 45.14 16H18.905c-1.2 0-2.289.82-2.716 2.044-.125.363-.189.743-.189 1.125v10.539l.112 2.096c.464 4.766 2.73 8.933 6.243 11.838.06.053.125.102.19.153l.04.033c1.882 1.499 3.986 2.514 6.259 3.014a14.662 14.662 0 0 0 6.13.052c.118-.042.235-.065.353-.087.03 0 .065-.022.098-.042a15.395 15.395 0 0 0 6.011-2.945l.039-.045.18-.153c3.502-2.902 5.765-7.072 6.248-11.852L48 29.674v-10.52c0-.366-.041-.728-.161-1.08l.022.015z',
+});
+
+function pocketLink(url, _a) {
+    var title = _a.title;
+    assert(url, 'pocket.url');
+    return ('https://getpocket.com/save' +
+        objectToGetParams({
+            url: url,
+            title: title,
+        }));
+}
+createShareButton('pocket', pocketLink, function (props) { return ({
+    title: props.title,
+}); }, {
+    windowWidth: 500,
+    windowHeight: 500,
+});
+
+createIcon({
+    color: '#ff4500',
+    networkName: 'reddit',
+    path: 'm 52.8165,31.942362 c 0,-2.4803 -2.0264,-4.4965 -4.5169,-4.4965 -1.2155,0 -2.3171,0.4862 -3.128,1.2682 -3.077,-2.0247 -7.2403,-3.3133 -11.8507,-3.4782 l 2.5211,-7.9373 6.8272,1.5997 -0.0102,0.0986 c 0,2.0281 1.6575,3.6771 3.6958,3.6771 2.0366,0 3.6924,-1.649 3.6924,-3.6771 0,-2.0281 -1.6575,-3.6788 -3.6924,-3.6788 -1.564,0 -2.8968,0.9758 -3.4357,2.3443 l -7.3593,-1.7255 c -0.3213,-0.0782 -0.6477,0.1071 -0.748,0.4233 L 32,25.212062 c -4.8246,0.0578 -9.1953,1.3566 -12.41,3.4425 -0.8058,-0.7446 -1.8751,-1.2104 -3.0583,-1.2104 -2.4905,0 -4.5152,2.0179 -4.5152,4.4982 0,1.649 0.9061,3.0787 2.2389,3.8607 -0.0884,0.4794 -0.1462,0.9639 -0.1462,1.4569 0,6.6487 8.1736,12.0581 18.2223,12.0581 10.0487,0 18.224,-5.4094 18.224,-12.0581 0,-0.4658 -0.0493,-0.9248 -0.1275,-1.377 1.4144,-0.7599 2.3885,-2.2304 2.3885,-3.9406 z m -29.2808,3.0872 c 0,-1.4756 1.207,-2.6775 2.6894,-2.6775 1.4824,0 2.6877,1.2019 2.6877,2.6775 0,1.4756 -1.2053,2.6758 -2.6877,2.6758 -1.4824,0 -2.6894,-1.2002 -2.6894,-2.6758 z m 15.4037,7.9373 c -1.3549,1.3481 -3.4816,2.0043 -6.5008,2.0043 l -0.0221,-0.0051 -0.0221,0.0051 c -3.0209,0 -5.1476,-0.6562 -6.5008,-2.0043 -0.2465,-0.2448 -0.2465,-0.6443 0,-0.8891 0.2465,-0.2465 0.6477,-0.2465 0.8942,0 1.105,1.0999 2.9393,1.6337 5.6066,1.6337 l 0.0221,0.0051 0.0221,-0.0051 c 2.6673,0 4.5016,-0.5355 5.6066,-1.6354 0.2465,-0.2465 0.6477,-0.2448 0.8942,0 0.2465,0.2465 0.2465,0.6443 0,0.8908 z m -0.3213,-5.2615 c -1.4824,0 -2.6877,-1.2002 -2.6877,-2.6758 0,-1.4756 1.2053,-2.6775 2.6877,-2.6775 1.4824,0 2.6877,1.2019 2.6877,2.6775 0,1.4756 -1.2053,2.6758 -2.6877,2.6758 z',
+});
+
+function redditLink(url, _a) {
+    var title = _a.title;
+    assert(url, 'reddit.url');
+    return ('https://www.reddit.com/submit' +
+        objectToGetParams({
+            url: url,
+            title: title,
+        }));
+}
+createShareButton('reddit', redditLink, function (props) { return ({
+    title: props.title,
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+    windowPosition: 'windowCenter',
+});
+
+function getRedditShareCount(shareUrl, callback) {
+    var endpoint = "https://www.reddit.com/api/info.json?limit=1&url=" + shareUrl;
+    jsonp_1(endpoint, { param: 'jsonp' }, function (err, response) {
+        callback(!err &&
+            response &&
+            response.data &&
+            response.data.children.length > 0 &&
+            response.data.children[0].data.score
+            ? response.data.children[0].data.score
+            : undefined);
+    });
+}
+createShareCount(getRedditShareCount);
+
+createIcon({
+    color: '#37aee2',
+    networkName: 'telegram',
+    path: 'm45.90873,15.44335c-0.6901,-0.0281 -1.37668,0.14048 -1.96142,0.41265c-0.84989,0.32661 -8.63939,3.33986 -16.5237,6.39174c-3.9685,1.53296 -7.93349,3.06593 -10.98537,4.24067c-3.05012,1.1765 -5.34694,2.05098 -5.4681,2.09312c-0.80775,0.28096 -1.89996,0.63566 -2.82712,1.72788c-0.23354,0.27218 -0.46884,0.62161 -0.58825,1.10275c-0.11941,0.48114 -0.06673,1.09222 0.16682,1.5716c0.46533,0.96052 1.25376,1.35737 2.18443,1.71383c3.09051,0.99037 6.28638,1.93508 8.93263,2.8236c0.97632,3.44171 1.91401,6.89571 2.84116,10.34268c0.30554,0.69185 0.97105,0.94823 1.65764,0.95525l-0.00351,0.03512c0,0 0.53908,0.05268 1.06412,-0.07375c0.52679,-0.12292 1.18879,-0.42846 1.79109,-0.99212c0.662,-0.62161 2.45836,-2.38812 3.47683,-3.38552l7.6736,5.66477l0.06146,0.03512c0,0 0.84989,0.59703 2.09312,0.68132c0.62161,0.04214 1.4399,-0.07726 2.14229,-0.59176c0.70766,-0.51626 1.1765,-1.34683 1.396,-2.29506c0.65673,-2.86224 5.00979,-23.57745 5.75257,-27.00686l-0.02107,0.08077c0.51977,-1.93157 0.32837,-3.70159 -0.87096,-4.74991c-0.60054,-0.52152 -1.2924,-0.7498 -1.98425,-0.77965l0,0.00176zm-0.2072,3.29069c0.04741,0.0439 0.0439,0.0439 0.00351,0.04741c-0.01229,-0.00351 0.14048,0.2072 -0.15804,1.32576l-0.01229,0.04214l-0.00878,0.03863c-0.75858,3.50668 -5.15554,24.40802 -5.74203,26.96472c-0.08077,0.34417 -0.11414,0.31959 -0.09482,0.29852c-0.1756,-0.02634 -0.50045,-0.16506 -0.52679,-0.1756l-13.13468,-9.70175c4.4988,-4.33199 9.09945,-8.25307 13.744,-12.43229c0.8218,-0.41265 0.68483,-1.68573 -0.29852,-1.70681c-1.04305,0.24584 -1.92279,0.99564 -2.8798,1.47502c-5.49971,3.2626 -11.11882,6.13186 -16.55882,9.49279c-2.792,-0.97105 -5.57873,-1.77704 -8.15298,-2.57601c2.2336,-0.89555 4.00889,-1.55579 5.75608,-2.23009c3.05188,-1.1765 7.01687,-2.7042 10.98537,-4.24067c7.94051,-3.06944 15.92667,-6.16346 16.62028,-6.43037l0.05619,-0.02283l0.05268,-0.02283c0.19316,-0.0878 0.30378,-0.09658 0.35471,-0.10009c0,0 -0.01756,-0.05795 -0.00351,-0.04566l-0.00176,0zm-20.91715,22.0638l2.16687,1.60145c-0.93418,0.91311 -1.81743,1.77353 -2.45485,2.38812l0.28798,-3.98957',
+});
+
+function telegramLink(url, _a) {
+    var title = _a.title;
+    assert(url, 'telegram.url');
+    return ('https://telegram.me/share/url' +
+        objectToGetParams({
+            url: url,
+            text: title,
+        }));
+}
+createShareButton('telegram', telegramLink, function (props) { return ({
+    title: props.title,
+}); }, {
+    windowWidth: 550,
+    windowHeight: 400,
+});
+
+createIcon({
+    color: '#2c4762',
+    networkName: 'tumblr',
+    path: 'M39.2,41c-0.6,0.3-1.6,0.5-2.4,0.5c-2.4,0.1-2.9-1.7-2.9-3v-9.3h6v-4.5h-6V17c0,0-4.3,0-4.4,0 c-0.1,0-0.2,0.1-0.2,0.2c-0.3,2.3-1.4,6.4-5.9,8.1v3.9h3V39c0,3.4,2.5,8.1,9,8c2.2,0,4.7-1,5.2-1.8L39.2,41z',
+});
+
+function tumblrLink(url, _a) {
+    var title = _a.title, caption = _a.caption, tags = _a.tags, posttype = _a.posttype;
+    assert(url, 'tumblr.url');
+    return ('https://www.tumblr.com/widgets/share/tool' +
+        objectToGetParams({
+            canonicalUrl: url,
+            title: title,
+            caption: caption,
+            tags: tags,
+            posttype: posttype,
+        }));
+}
+createShareButton('tumblr', tumblrLink, function (props) { return ({
+    title: props.title,
+    tags: (props.tags || []).join(','),
+    caption: props.caption,
+    posttype: props.posttype || 'link',
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+});
+
+function getTumblrShareCount(shareUrl, callback) {
+    var endpoint = 'https://api.tumblr.com/v2/share/stats';
+    return jsonp_1(endpoint +
+        objectToGetParams({
+            url: shareUrl,
+        }), function (err, data) {
+        callback(!err && data && data.response ? data.response.note_count : undefined);
+    });
+}
+createShareCount(getTumblrShareCount);
+
+createIcon({
+    color: '#00aced',
+    networkName: 'twitter',
+    path: 'M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z',
+});
+
+function twitterLink(url, _a) {
+    var title = _a.title, via = _a.via, _b = _a.hashtags, hashtags = _b === void 0 ? [] : _b, _c = _a.related, related = _c === void 0 ? [] : _c;
+    assert(url, 'twitter.url');
+    assert(Array.isArray(hashtags), 'twitter.hashtags is not an array');
+    assert(Array.isArray(related), 'twitter.related is not an array');
+    return ('https://twitter.com/share' +
+        objectToGetParams({
+            url: url,
+            text: title,
+            via: via,
+            hashtags: hashtags.length > 0 ? hashtags.join(',') : undefined,
+            related: related.length > 0 ? related.join(',') : undefined,
+        }));
+}
+createShareButton('twitter', twitterLink, function (props) { return ({
+    hashtags: props.hashtags,
+    title: props.title,
+    via: props.via,
+    related: props.related,
+}); }, {
+    windowWidth: 550,
+    windowHeight: 400,
+});
+
+createIcon({
+    color: '#7C529E',
+    networkName: 'viber',
+    path: 'm31.0,12.3c9.0,0.2 16.4,6.2 18.0,15.2c0.2,1.5 0.3,3.0 0.4,4.6a1.0,1.0 0 0 1 -0.8,1.2l-0.1,0a1.1,1.1 0 0 1 -1.0,-1.2l0,0c-0.0,-1.2 -0.1,-2.5 -0.3,-3.8a16.1,16.1 0 0 0 -13.0,-13.5c-1.0,-0.1 -2.0,-0.2 -3.0,-0.3c-0.6,-0.0 -1.4,-0.1 -1.6,-0.8a1.1,1.1 0 0 1 0.9,-1.2l0.6,0l0.0,-0.0zm10.6,39.2a19.9,19.9 0 0 1 -2.1,-0.6c-6.9,-2.9 -13.2,-6.6 -18.3,-12.2a47.5,47.5 0 0 1 -7.0,-10.7c-0.8,-1.8 -1.6,-3.7 -2.4,-5.6c-0.6,-1.7 0.3,-3.4 1.4,-4.7a11.3,11.3 0 0 1 3.7,-2.8a2.4,2.4 0 0 1 3.0,0.7a39.0,39.0 0 0 1 4.7,6.5a3.1,3.1 0 0 1 -0.8,4.2c-0.3,0.2 -0.6,0.5 -1.0,0.8a3.3,3.3 0 0 0 -0.7,0.7a2.1,2.1 0 0 0 -0.1,1.9c1.7,4.9 4.7,8.7 9.7,10.8a5.0,5.0 0 0 0 2.5,0.6c1.5,-0.1 2.0,-1.8 3.1,-2.7a2.9,2.9 0 0 1 3.5,-0.1c1.1,0.7 2.2,1.4 3.3,2.2a37.8,37.8 0 0 1 3.1,2.4a2.4,2.4 0 0 1 0.7,3.0a10.4,10.4 0 0 1 -4.4,4.8a10.8,10.8 0 0 1 -1.9,0.6c-0.7,-0.2 0.6,-0.2 0,0l0.0,0l0,-0.0zm3.1,-21.4a4.2,4.2 0 0 1 -0.0,0.6a1.0,1.0 0 0 1 -1.9,0.1a2.7,2.7 0 0 1 -0.1,-0.8a10.9,10.9 0 0 0 -1.4,-5.5a10.2,10.2 0 0 0 -4.2,-4.0a12.3,12.3 0 0 0 -3.4,-1.0c-0.5,-0.0 -1.0,-0.1 -1.5,-0.2a0.9,0.9 0 0 1 -0.9,-1.0l0,-0.1a0.9,0.9 0 0 1 0.9,-0.9l0.1,0a14.1,14.1 0 0 1 5.9,1.5a11.9,11.9 0 0 1 6.5,9.3c0,0.1 0.0,0.3 0.0,0.5c0,0.4 0.0,0.9 0.0,1.5l0,0l0.0,0.0zm-5.6,-0.2a1.1,1.1 0 0 1 -1.2,-0.9l0,-0.1a11.3,11.3 0 0 0 -0.2,-1.4a4.0,4.0 0 0 0 -1.5,-2.3a3.9,3.9 0 0 0 -1.2,-0.5c-0.5,-0.1 -1.1,-0.1 -1.6,-0.2a1.0,1.0 0 0 1 -0.8,-1.1l0,0l0,0a1.0,1.0 0 0 1 1.1,-0.8c3.4,0.2 6.0,2.0 6.3,6.2a2.8,2.8 0 0 1 0,0.8a0.8,0.8 0 0 1 -0.8,0.7l0,0l0.0,-0.0z',
+});
+
+function viberLink(url, _a) {
+    var title = _a.title, separator = _a.separator;
+    assert(url, 'viber.url');
+    return ('viber://forward' +
+        objectToGetParams({
+            text: title ? title + separator + url : url,
+        }));
+}
+createShareButton('viber', viberLink, function (props) { return ({
+    title: props.title,
+    separator: props.separator || ' ',
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+});
+
+createIcon({
+    color: '#45668e',
+    networkName: 'vk',
+    path: 'M44.94,44.84h-0.2c-2.17-.36-3.66-1.92-4.92-3.37C39.1,40.66,38,38.81,36.7,39c-1.85.3-.93,3.52-1.71,4.9-0.62,1.11-3.29.91-5.12,0.71-5.79-.62-8.75-3.77-11.35-7.14A64.13,64.13,0,0,1,11.6,26a10.59,10.59,0,0,1-1.51-4.49C11,20.7,12.56,21,14.11,21c1.31,0,3.36-.29,4.32.2C19,21.46,19.57,23,20,24a37.18,37.18,0,0,0,3.31,5.82c0.56,0.81,1.41,2.35,2.41,2.14s1.06-2.63,1.1-4.18c0-1.77,0-4-.5-4.9S25,22,24.15,21.47c0.73-1.49,2.72-1.63,5.12-1.63,2,0,4.84-.23,5.62,1.12s0.25,3.85.2,5.71c-0.06,2.09-.41,4.25,1,5.21,1.09-.12,1.68-1.2,2.31-2A28,28,0,0,0,41.72,24c0.44-1,.91-2.65,1.71-3,1.21-.47,3.15-0.1,4.92-0.1,1.46,0,4.05-.41,4.52.61,0.39,0.85-.75,3-1.1,3.57a61.88,61.88,0,0,1-4.12,5.61c-0.58.78-1.78,2-1.71,3.27,0.05,0.94,1,1.67,1.71,2.35a33.12,33.12,0,0,1,3.92,4.18c0.47,0.62,1.5,2,1.4,2.76C52.66,45.81,46.88,44.24,44.94,44.84Z',
+});
+
+function vkLink(url, _a) {
+    var title = _a.title, image = _a.image, noParse = _a.noParse, noVkLinks = _a.noVkLinks;
+    assert(url, 'vk.url');
+    return ('https://vk.com/share.php' +
+        objectToGetParams({
+            url: url,
+            title: title,
+            image: image,
+            noparse: noParse ? 1 : 0,
+            no_vk_links: noVkLinks ? 1 : 0,
+        }));
+}
+createShareButton('vk', vkLink, function (props) { return ({
+    title: props.title,
+    image: props.image,
+    noParse: props.noParse,
+    noVkLinks: props.noVkLinks,
+}); }, {
+    windowWidth: 660,
+    windowHeight: 460,
+});
+
+function getVKShareCount(shareUrl, callback) {
+    if (!window.VK)
+        window.VK = {};
+    window.VK.Share = {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        count: function (index, count) { return window.VK.callbacks[index](count); },
+    };
+    window.VK.callbacks = [];
+    var url = 'https://vk.com/share.php';
+    var index = window.VK.callbacks.length;
+    window.VK.callbacks.push(callback);
+    return jsonp_1(url +
+        objectToGetParams({
+            act: 'count',
+            index: index,
+            url: shareUrl,
+        }));
+}
+createShareCount(getVKShareCount);
+
+createIcon({
+    color: '#CD201F',
+    networkName: 'weibo',
+    path: 'M40.9756152,15.0217119 C40.5000732,15.0546301 39.9999314,15.1204666 39.5325878,15.2192213 C38.6634928,15.4085016 38.0977589,16.2643757 38.2863368,17.1284787 C38.4667163,18.0008129 39.3194143,18.5686519 40.1885094,18.3793715 C42.8613908,17.8115326 45.7720411,18.6427174 47.7316073,20.8153207 C49.6911735,22.996153 50.2077122,25.975254 49.3714112,28.5840234 C49.1008441,29.4316684 49.5763861,30.3533789 50.4208857,30.6249537 C51.2653852,30.8965286 52.1754769,30.4192153 52.4542425,29.5715703 C53.6349013,25.9011885 52.9133876,21.7699494 50.1585171,18.7085538 C48.0923641,16.4042776 45.2063093,15.1533848 42.3530505,15.0217119 C41.8775084,14.9970227 41.4511594,14.9887937 40.9756152,15.0217119 Z M27.9227762,19.8277737 C24.9957268,20.140498 20.863421,22.4365431 17.2312548,26.0822378 C13.2711279,30.0571148 11,34.2871065 11,37.9328012 C11,44.9032373 19.8713401,49.125 28.5786978,49.125 C39.9917329,49.125 47.600423,42.4261409 47.600423,37.1427636 C47.600423,33.9496952 44.9603397,32.1638816 42.549827,31.4149913 C41.9594976,31.2339421 41.5167516,31.1434164 41.8283133,30.3616079 C42.5006339,28.66632 42.6236176,27.1932286 41.8939054,26.1480742 C40.5328692,24.1894405 36.7203236,24.2881952 32.448635,26.0822378 C32.448635,26.0822378 31.1203949,26.6912261 31.4647526,25.6213825 C32.1206742,23.4981576 32.0304845,21.712342 31.0056075,20.6836478 C30.2840938,19.9512176 29.2510184,19.6878718 27.9227762,19.8277737 Z M42.0906819,20.6836478 C41.6233383,20.6589586 41.1723917,20.716566 40.7132466,20.8153207 C39.9671353,20.9716828 39.4997917,21.7781784 39.6637721,22.5270687 C39.8277525,23.275959 40.5574647,23.7450433 41.303576,23.5804521 C42.1972686,23.3911718 43.2057485,23.6380596 43.8616701,24.3704897 C44.5175916,25.1029198 44.6733735,26.0657797 44.3864073,26.9381118 C44.1486363,27.6705419 44.5093932,28.4770397 45.2391054,28.7156963 C45.9688176,28.9461239 46.780521,28.5922524 47.0100936,27.8598223 C47.584026,26.0740087 47.2396661,24.0248493 45.8950269,22.5270687 C44.886547,21.4078489 43.4845162,20.7494842 42.0906819,20.6836478 Z M29.496988,29.9665891 C35.3100922,30.1723275 39.9917329,33.0691319 40.3852858,37.0769272 C40.8362324,41.6607904 35.5970585,45.9319315 28.6442899,46.6232144 C21.6915214,47.3144973 15.6488446,44.154347 15.197898,39.5787128 C14.7469514,34.9948495 20.059916,30.7237084 27.004486,30.0324256 C27.8735831,29.950131 28.6688875,29.9336709 29.496988,29.9665891 Z M25.5614586,34.3776322 C23.183744,34.5916017 20.9372116,35.9577073 19.9205332,37.9328012 C18.5348994,40.6238672 19.9041362,43.6029661 23.0689567,44.582284 C26.340366,45.5945202 30.1857056,44.0638213 31.5303448,41.1587879 C32.8503864,38.3195909 31.1613894,35.3734082 27.9227762,34.5751416 C27.1438688,34.3776322 26.356763,34.3035667 25.5614586,34.3776322 Z M24.052839,38.7228388 C24.3316067,38.7310678 24.5857748,38.8215935 24.8399449,38.9203482 C25.8648218,39.3400561 26.1845841,40.4428158 25.5614586,41.4221338 C24.9219361,42.3932227 23.5690963,42.8623069 22.5442194,42.4096807 C21.5357395,41.9652856 21.2487754,40.8542948 21.8882979,39.9078951 C22.3638421,39.2001542 23.2247386,38.7146097 24.052839,38.7228388 Z',
+});
+
+function weiboLink(url, _a) {
+    var title = _a.title, image = _a.image;
+    assert(url, 'weibo.url');
+    return ('http://service.weibo.com/share/share.php' +
+        objectToGetParams({
+            url: url,
+            title: title,
+            pic: image,
+        }));
+}
+createShareButton('weibo', weiboLink, function (props) { return ({
+    title: props.title,
+    image: props.image,
+}); }, {
+    windowWidth: 660,
+    windowHeight: 550,
+    windowPosition: 'screenCenter',
+});
+
+createIcon({
+    color: '#25D366',
+    networkName: 'whatsapp',
+    path: 'm42.32286,33.93287c-0.5178,-0.2589 -3.04726,-1.49644 -3.52105,-1.66732c-0.4712,-0.17346 -0.81554,-0.2589 -1.15987,0.2589c-0.34175,0.51004 -1.33075,1.66474 -1.63108,2.00648c-0.30032,0.33658 -0.60064,0.36247 -1.11327,0.12945c-0.5178,-0.2589 -2.17994,-0.80259 -4.14759,-2.56312c-1.53269,-1.37217 -2.56312,-3.05503 -2.86603,-3.57283c-0.30033,-0.5178 -0.03366,-0.80259 0.22524,-1.06149c0.23301,-0.23301 0.5178,-0.59547 0.7767,-0.90616c0.25372,-0.31068 0.33657,-0.5178 0.51262,-0.85437c0.17088,-0.36246 0.08544,-0.64725 -0.04402,-0.90615c-0.12945,-0.2589 -1.15987,-2.79613 -1.58964,-3.80584c-0.41424,-1.00971 -0.84142,-0.88027 -1.15987,-0.88027c-0.29773,-0.02588 -0.64208,-0.02588 -0.98382,-0.02588c-0.34693,0 -0.90616,0.12945 -1.37736,0.62136c-0.4712,0.5178 -1.80194,1.76053 -1.80194,4.27186c0,2.51134 1.84596,4.945 2.10227,5.30747c0.2589,0.33657 3.63497,5.51458 8.80262,7.74113c1.23237,0.5178 2.1903,0.82848 2.94111,1.08738c1.23237,0.38836 2.35599,0.33657 3.24402,0.20712c0.99159,-0.15534 3.04985,-1.24272 3.47963,-2.45956c0.44013,-1.21683 0.44013,-2.22654 0.31068,-2.45955c-0.12945,-0.23301 -0.46601,-0.36247 -0.98382,-0.59548m-9.40068,12.84407l-0.02589,0c-3.05503,0 -6.08417,-0.82849 -8.72495,-2.38189l-0.62136,-0.37023l-6.47252,1.68286l1.73463,-6.29129l-0.41424,-0.64725c-1.70875,-2.71846 -2.6149,-5.85116 -2.6149,-9.07706c0,-9.39809 7.68934,-17.06155 17.15993,-17.06155c4.58253,0 8.88029,1.78642 12.11655,5.02268c3.23625,3.21036 5.02267,7.50812 5.02267,12.06476c-0.0078,9.3981 -7.69712,17.06155 -17.14699,17.06155m14.58906,-31.58846c-3.93529,-3.80584 -9.1133,-5.95471 -14.62789,-5.95471c-11.36055,0 -20.60848,9.2065 -20.61625,20.52564c0,3.61684 0.94757,7.14565 2.75211,10.26282l-2.92557,10.63564l10.93337,-2.85309c3.0136,1.63108 6.4052,2.4958 9.85634,2.49839l0.01037,0c11.36574,0 20.61884,-9.2091 20.62403,-20.53082c0,-5.48093 -2.14111,-10.64081 -6.03239,-14.51915',
+});
+
+function isMobileOrTablet() {
+    return /(android|iphone|ipad|mobile)/i.test(navigator.userAgent);
+}
+function whatsappLink(url, _a) {
+    var title = _a.title, separator = _a.separator;
+    assert(url, 'whatsapp.url');
+    return ('https://' +
+        (isMobileOrTablet() ? 'api' : 'web') +
+        '.whatsapp.com/send' +
+        objectToGetParams({
+            text: title ? title + separator + url : url,
+        }));
+}
+createShareButton('whatsapp', whatsappLink, function (props) { return ({
+    title: props.title,
+    separator: props.separator || ' ',
+}); }, {
+    windowWidth: 550,
+    windowHeight: 400,
+});
+
+createIcon({
+    color: '#3b3d4a',
+    networkName: 'workplace',
+    path: 'M34.019,10.292c0.21,0.017,0.423,0.034,0.636,0.049 c3.657,0.262,6.976,1.464,9.929,3.635c3.331,2.448,5.635,5.65,6.914,9.584c0.699,2.152,0.983,4.365,0.885,6.623 c-0.136,3.171-1.008,6.13-2.619,8.867c-0.442,0.75-0.908,1.492-1.495,2.141c-0.588,0.651-1.29,1.141-2.146,1.383 c-1.496,0.426-3.247-0.283-3.961-1.642c-0.26-0.494-0.442-1.028-0.654-1.548c-1.156-2.838-2.311-5.679-3.465-8.519 c-0.017-0.042-0.037-0.082-0.065-0.145c-0.101,0.245-0.192,0.472-0.284,0.698c-1.237,3.051-2.475,6.103-3.711,9.155 c-0.466,1.153-1.351,1.815-2.538,2.045c-1.391,0.267-2.577-0.154-3.496-1.247c-0.174-0.209-0.31-0.464-0.415-0.717 c-2.128-5.22-4.248-10.442-6.37-15.665c-0.012-0.029-0.021-0.059-0.036-0.104c0.054-0.003,0.103-0.006,0.15-0.006 c1.498-0.001,2.997,0,4.495-0.004c0.12-0.001,0.176,0.03,0.222,0.146c1.557,3.846,3.117,7.691,4.679,11.536 c0.018,0.046,0.039,0.091,0.067,0.159c0.273-0.673,0.536-1.32,0.797-1.968c1.064-2.627,2.137-5.25,3.19-7.883 c0.482-1.208,1.376-1.917,2.621-2.135c1.454-0.255,2.644,0.257,3.522,1.449c0.133,0.18,0.229,0.393,0.313,0.603 c1.425,3.495,2.848,6.991,4.269,10.488c0.02,0.047,0.04,0.093,0.073,0.172c0.196-0.327,0.385-0.625,0.559-0.935 c0.783-1.397,1.323-2.886,1.614-4.461c0.242-1.312,0.304-2.634,0.187-3.962c-0.242-2.721-1.16-5.192-2.792-7.38 c-2.193-2.939-5.086-4.824-8.673-5.625c-1.553-0.346-3.124-0.405-4.705-0.257c-3.162,0.298-6.036,1.366-8.585,3.258 c-3.414,2.534-5.638,5.871-6.623,10.016c-0.417,1.76-0.546,3.547-0.384,5.348c0.417,4.601,2.359,8.444,5.804,11.517 c2.325,2.073,5.037,3.393,8.094,3.989c1.617,0.317,3.247,0.395,4.889,0.242c1-0.094,1.982-0.268,2.952-0.529 c0.04-0.01,0.081-0.018,0.128-0.028c0,1.526,0,3.047,0,4.586c-0.402,0.074-0.805,0.154-1.21,0.221 c-0.861,0.14-1.728,0.231-2.601,0.258c-0.035,0.002-0.071,0.013-0.108,0.021c-0.493,0-0.983,0-1.476,0 c-0.049-0.007-0.1-0.018-0.149-0.022c-0.315-0.019-0.629-0.033-0.945-0.058c-1.362-0.105-2.702-0.346-4.017-0.716 c-3.254-0.914-6.145-2.495-8.66-4.752c-2.195-1.971-3.926-4.29-5.176-6.963c-1.152-2.466-1.822-5.057-1.993-7.774 c-0.014-0.226-0.033-0.451-0.05-0.676c0-0.502,0-1.003,0-1.504c0.008-0.049,0.02-0.099,0.022-0.148 c0.036-1.025,0.152-2.043,0.338-3.052c0.481-2.616,1.409-5.066,2.8-7.331c2.226-3.625,5.25-6.386,9.074-8.254 c2.536-1.24,5.217-1.947,8.037-2.126c0.23-0.015,0.461-0.034,0.691-0.051C33.052,10.292,33.535,10.292,34.019,10.292z',
+});
+
+function workplaceLink(url, _a) {
+    var quote = _a.quote, hashtag = _a.hashtag;
+    assert(url, 'workplace.url');
+    return ('https://work.facebook.com/sharer.php' +
+        objectToGetParams({
+            u: url,
+            quote: quote,
+            hashtag: hashtag,
+        }));
+}
+createShareButton('workplace', workplaceLink, function (props) { return ({
+    quote: props.quote,
+    hashtag: props.hashtag,
+}); }, {
+    windowWidth: 550,
+    windowHeight: 400,
+});
+
+var screenfull$1 = {exports: {}};
+
+/*!
+* screenfull
+* v5.2.0 - 2021-11-03
+* (c) Sindre Sorhus; MIT License
+*/
+
+(function (module) {
+	(function () {
+
+		var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
+		var isCommonjs = module.exports;
+
+		var fn = (function () {
+			var val;
+
+			var fnMap = [
+				[
+					'requestFullscreen',
+					'exitFullscreen',
+					'fullscreenElement',
+					'fullscreenEnabled',
+					'fullscreenchange',
+					'fullscreenerror'
+				],
+				// New WebKit
+				[
+					'webkitRequestFullscreen',
+					'webkitExitFullscreen',
+					'webkitFullscreenElement',
+					'webkitFullscreenEnabled',
+					'webkitfullscreenchange',
+					'webkitfullscreenerror'
+
+				],
+				// Old WebKit
+				[
+					'webkitRequestFullScreen',
+					'webkitCancelFullScreen',
+					'webkitCurrentFullScreenElement',
+					'webkitCancelFullScreen',
+					'webkitfullscreenchange',
+					'webkitfullscreenerror'
+
+				],
+				[
+					'mozRequestFullScreen',
+					'mozCancelFullScreen',
+					'mozFullScreenElement',
+					'mozFullScreenEnabled',
+					'mozfullscreenchange',
+					'mozfullscreenerror'
+				],
+				[
+					'msRequestFullscreen',
+					'msExitFullscreen',
+					'msFullscreenElement',
+					'msFullscreenEnabled',
+					'MSFullscreenChange',
+					'MSFullscreenError'
+				]
+			];
+
+			var i = 0;
+			var l = fnMap.length;
+			var ret = {};
+
+			for (; i < l; i++) {
+				val = fnMap[i];
+				if (val && val[1] in document) {
+					for (i = 0; i < val.length; i++) {
+						ret[fnMap[0][i]] = val[i];
+					}
+					return ret;
+				}
+			}
+
+			return false;
+		})();
+
+		var eventNameMap = {
+			change: fn.fullscreenchange,
+			error: fn.fullscreenerror
+		};
+
+		var screenfull = {
+			request: function (element, options) {
+				return new Promise(function (resolve, reject) {
+					var onFullScreenEntered = function () {
+						this.off('change', onFullScreenEntered);
+						resolve();
+					}.bind(this);
+
+					this.on('change', onFullScreenEntered);
+
+					element = element || document.documentElement;
+
+					var returnPromise = element[fn.requestFullscreen](options);
+
+					if (returnPromise instanceof Promise) {
+						returnPromise.then(onFullScreenEntered).catch(reject);
+					}
+				}.bind(this));
+			},
+			exit: function () {
+				return new Promise(function (resolve, reject) {
+					if (!this.isFullscreen) {
+						resolve();
+						return;
+					}
+
+					var onFullScreenExit = function () {
+						this.off('change', onFullScreenExit);
+						resolve();
+					}.bind(this);
+
+					this.on('change', onFullScreenExit);
+
+					var returnPromise = document[fn.exitFullscreen]();
+
+					if (returnPromise instanceof Promise) {
+						returnPromise.then(onFullScreenExit).catch(reject);
+					}
+				}.bind(this));
+			},
+			toggle: function (element, options) {
+				return this.isFullscreen ? this.exit() : this.request(element, options);
+			},
+			onchange: function (callback) {
+				this.on('change', callback);
+			},
+			onerror: function (callback) {
+				this.on('error', callback);
+			},
+			on: function (event, callback) {
+				var eventName = eventNameMap[event];
+				if (eventName) {
+					document.addEventListener(eventName, callback, false);
+				}
+			},
+			off: function (event, callback) {
+				var eventName = eventNameMap[event];
+				if (eventName) {
+					document.removeEventListener(eventName, callback, false);
+				}
+			},
+			raw: fn
+		};
+
+		if (!fn) {
+			if (isCommonjs) {
+				module.exports = {isEnabled: false};
+			} else {
+				window.screenfull = {isEnabled: false};
+			}
+
+			return;
+		}
+
+		Object.defineProperties(screenfull, {
+			isFullscreen: {
+				get: function () {
+					return Boolean(document[fn.fullscreenElement]);
+				}
+			},
+			element: {
+				enumerable: true,
+				get: function () {
+					return document[fn.fullscreenElement];
+				}
+			},
+			isEnabled: {
+				enumerable: true,
+				get: function () {
+					// Coerce to boolean in case of old WebKit
+					return Boolean(document[fn.fullscreenEnabled]);
+				}
+			}
+		});
+
+		if (isCommonjs) {
+			module.exports = screenfull;
+		} else {
+			window.screenfull = screenfull;
+		}
+	})();
+} (screenfull$1));
+
+var screenfull = screenfull$1.exports;
+
+var bundle = {exports: {}};
+
+(function (module, exports) {
+	!function(e,t){module.exports=t();}(window,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r});},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t,n){e.exports=n(2);},function(e,t,n){var r=n(4);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals);},function(e,t,n){	/** @license React v16.5.2
+	 * react.production.min.js
+	 *
+	 * Copyright (c) Facebook, Inc. and its affiliates.
+	 *
+	 * This source code is licensed under the MIT license found in the
+	 * LICENSE file in the root directory of this source tree.
+	 */var r=n(3),o="function"==typeof Symbol&&Symbol.for,i=o?Symbol.for("react.element"):60103,u=o?Symbol.for("react.portal"):60106,a=o?Symbol.for("react.fragment"):60107,c=o?Symbol.for("react.strict_mode"):60108,l=o?Symbol.for("react.profiler"):60114,s=o?Symbol.for("react.provider"):60109,f=o?Symbol.for("react.context"):60110,p=o?Symbol.for("react.async_mode"):60111,d=o?Symbol.for("react.forward_ref"):60112;var y="function"==typeof Symbol&&Symbol.iterator;function h(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,i,u,a){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else {var c=[n,r,o,i,u,a],l=0;(e=Error(t.replace(/%s/g,function(){return c[l++]}))).name="Invariant Violation";}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n);}var v={isMounted:function(){return !1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},b={};function g(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||v;}function m(){}function S(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||v;}g.prototype.isReactComponent={},g.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&h("85"),this.updater.enqueueSetState(this,e,t,"setState");},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate");},m.prototype=g.prototype;var w=S.prototype=new m;w.constructor=S,r(w,g.prototype),w.isPureReactComponent=!0;var C={current:null,currentDispatcher:null},x=Object.prototype.hasOwnProperty,O={key:!0,ref:!0,__self:!0,__source:!0};function j(e,t,n){var r=void 0,o={},u=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(u=""+t.key),t)x.call(t,r)&&!O.hasOwnProperty(r)&&(o[r]=t[r]);var c=arguments.length-2;if(1===c)o.children=n;else if(1<c){for(var l=Array(c),s=0;s<c;s++)l[s]=arguments[s+2];o.children=l;}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===o[r]&&(o[r]=c[r]);return {$$typeof:i,type:e,key:u,ref:a,props:o,_owner:C.current}}function k(e){return "object"==typeof e&&null!==e&&e.$$typeof===i}var _=/\/+/g,z=[];function E(e,t,n,r){if(z.length){var o=z.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return {result:e,keyPrefix:t,func:n,context:r,count:0}}function P(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>z.length&&z.push(e);}function R(e,t,n){return null==e?0:function e(t,n,r,o){var a=typeof t;"undefined"!==a&&"boolean"!==a||(t=null);var c=!1;if(null===t)c=!0;else switch(a){case"string":case"number":c=!0;break;case"object":switch(t.$$typeof){case i:case u:c=!0;}}if(c)return r(o,t,""===n?"."+F(t,0):n),1;if(c=0,n=""===n?".":n+":",Array.isArray(t))for(var l=0;l<t.length;l++){var s=n+F(a=t[l],l);c+=e(a,s,r,o);}else if(s=null===t||"object"!=typeof t?null:"function"==typeof(s=y&&t[y]||t["@@iterator"])?s:null,"function"==typeof s)for(t=s.call(t),l=0;!(a=t.next()).done;)c+=e(a=a.value,s=n+F(a,l++),r,o);else "object"===a&&h("31","[object Object]"==(r=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return c}(e,"",t,n)}function F(e,t){return "object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return "$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function A(e,t){e.func.call(e.context,t,e.count++);}function U(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?D(e,r,n,function(e){return e}):null!=e&&(k(e)&&(e=function(e,t){return {$$typeof:i,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(_,"$&/")+"/")+n)),r.push(e));}function D(e,t,n,r,o){var i="";null!=n&&(i=(""+n).replace(_,"$&/")+"/"),R(e,U,t=E(t,i,r,o)),P(t);}var M={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return D(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;R(e,A,t=E(null,null,t,n)),P(t);},count:function(e){return R(e,function(){return null},null)},toArray:function(e){var t=[];return D(e,t,null,function(e){return e}),t},only:function(e){return k(e)||h("143"),e}},createRef:function(){return {current:null}},Component:g,PureComponent:S,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:f,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,Provider:null,Consumer:null,unstable_read:null}).Provider={$$typeof:s,_context:e},e.Consumer=e,e.unstable_read=function(e,t){var n=C.currentDispatcher;return null===n&&h("277"),n.readContext(e,t)}.bind(null,e),e},forwardRef:function(e){return {$$typeof:d,render:e}},Fragment:a,StrictMode:c,unstable_AsyncMode:p,unstable_Profiler:l,createElement:j,cloneElement:function(e,t,n){(null===e||void 0===e)&&h("267",e);var o=void 0,u=r({},e.props),a=e.key,c=e.ref,l=e._owner;if(null!=t){void 0!==t.ref&&(c=t.ref,l=C.current),void 0!==t.key&&(a=""+t.key);var s=void 0;for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)x.call(t,o)&&!O.hasOwnProperty(o)&&(u[o]=void 0===t[o]&&void 0!==s?s[o]:t[o]);}if(1===(o=arguments.length-2))u.children=n;else if(1<o){s=Array(o);for(var f=0;f<o;f++)s[f]=arguments[f+2];u.children=s;}return {$$typeof:i,type:e.type,key:a,ref:c,props:u,_owner:l}},createFactory:function(e){var t=j.bind(null,e);return t.type=e,t},isValidElement:k,version:"16.5.2",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:C,assign:r}},$={default:M},T=$&&M||$;e.exports=T.default||T;},function(e,t,n){	/*
+	object-assign
+	(c) Sindre Sorhus
+	@license MIT
+	*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return !1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return !1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return !1;var r={};return "abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e;}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return !1}}()?Object.assign:function(e,t){for(var n,u,a=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),c=1;c<arguments.length;c++){for(var l in n=Object(arguments[c]))o.call(n,l)&&(a[l]=n[l]);if(r){u=r(n);for(var s=0;s<u.length;s++)i.call(n,u[s])&&(a[u[s]]=n[u[s]]);}}return a};},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,".font-size-changer {\n  display: inline-block; }\n  .font-size-changer .font-size-changer-buttons > div {\n    float: left;\n    border: 1px solid;\n    text-align: center;\n    line-height: 40px;\n    -webkit-box-sizing: border-box;\n    /* Safari/Chrome, other WebKit  */\n    -moz-box-sizing: border-box;\n    /* Firefox, other Gecko         */\n    box-sizing: border-box;\n    -webkit-touch-callout: none;\n    /* iOS Safari */\n    -webkit-user-select: none;\n    /* Safari */\n    -khtml-user-select: none;\n    /* Konqueror HTML */\n    -moz-user-select: none;\n    /* Firefox */\n    -ms-user-select: none;\n    /* Internet Explorer/Edge */\n    user-select: none;\n    /* Non-prefixed version, currently\r\n                                  supported by Chrome and Opera */ }\n",""]);},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=function(e){return "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(r),i=r.sources.map(function(e){return "/*# sourceURL="+r.sourceRoot+e+" */"});return [n].concat(i).concat([o]).join("\n")}return [n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0);}for(o=0;o<e.length;o++){var u=e[o];"number"==typeof u[0]&&r[u[0]]||(n&&!u[2]?u[2]=n:n&&(u[2]="("+u[2]+") and ("+n+")"),t.push(u));}},t};},function(e,t,n){var r={},o=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),i=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head;}catch(e){r=null;}t[e]=r;}return t[e]}}(),u=null,a=0,c=[],l=n(7);function s(e,t){for(var n=0;n<e.length;n++){var o=e[n],i=r[o.id];if(i){i.refs++;for(var u=0;u<i.parts.length;u++)i.parts[u](o.parts[u]);for(;u<o.parts.length;u++)i.parts.push(v(o.parts[u],t));}else {var a=[];for(u=0;u<o.parts.length;u++)a.push(v(o.parts[u],t));r[o.id]={id:o.id,refs:1,parts:a};}}}function f(e,t){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],a={css:i[1],media:i[2],sourceMap:i[3]};r[u]?r[u].parts.push(a):n.push(r[u]={id:u,parts:[a]});}return n}function p(e,t){var n=i(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=c[c.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),c.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else {if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=i(e.insertAt.before,n);n.insertBefore(t,o);}}function d(e){if(null===e.parentNode)return !1;e.parentNode.removeChild(e);var t=c.indexOf(e);t>=0&&c.splice(t,1);}function y(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){return n.nc}();r&&(e.attrs.nonce=r);}return h(t,e.attrs),p(e,t),t}function h(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n]);});}function v(e,t){var n,r,o,i;if(t.transform&&e.css){if(!(i=t.transform(e.css)))return function(){};e.css=i;}if(t.singleton){var c=a++;n=u||(u=y(t)),r=g.bind(null,n,c,!1),o=g.bind(null,n,c,!0);}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",h(t,e.attrs),p(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=l(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var u=new Blob([r],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(u),a&&URL.revokeObjectURL(a);}.bind(null,n,t),o=function(){d(n),n.href&&URL.revokeObjectURL(n.href);}):(n=y(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else {for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n));}}.bind(null,n),o=function(){d(n);});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t);}else o();}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=f(e,t);return s(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var u=n[i];(a=r[u.id]).refs--,o.push(a);}e&&s(f(e,t),t);for(i=0;i<o.length;i++){var a;if(0===(a=o[i]).refs){for(var c=0;c<a.parts.length;c++)a.parts[c]();delete r[a.id];}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function g(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=b(t,o);else {var i=document.createTextNode(o),u=e.childNodes;u[t]&&e.removeChild(u[t]),u.length?e.insertBefore(i,u[t]):e.appendChild(i);}}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,i=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return /^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})};},function(e,t,n){n.r(t);var r=n(0),o=n.n(r),i="up",u="down";function a(e){return (a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function l(e){return (l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function s(e,t){return (s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var p=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t){return !t||"object"!==a(t)&&"function"!=typeof t?f(e):t}(this,l(t).call(this))).onClick=e.onClick.bind(f(f(e))),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t);}(t,r["Component"]),function(e,t,n){t&&c(e.prototype,t),n&&c(e,n);}(t,[{key:"onClick",value:function(){var e=this.props.onClick;e();}},{key:"getDefaultButtonContent",value:function(){var e=this.props.direction===i?"36px":"20px";return o.a.createElement("span",{style:{fontSize:e}},"A")}},{key:"render",value:function(){var e=this.props.direction,t=this.props,n=t.style,r=void 0===n?{}:n,i=t.customButton,u=void 0===i?this.getDefaultButtonContent():i;return o.a.createElement("div",{className:"font-size-".concat(e),style:r,onClick:this.onClick},u)}}]),t}();n(1);function d(e){return (d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function h(e){return (h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function v(e,t){return (v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var g=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t){return !t||"object"!==d(t)&&"function"!=typeof t?b(e):t}(this,h(t).call(this))).handleChange.bind(b(b(e))),e.setChangeDirection.bind(b(b(e))),e.state={options:{stepSize:2,range:3},changeCount:0,changeDirection:null},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t);}(t,r["Component"]),function(e,t,n){t&&y(e.prototype,t),n&&y(e,n);}(t,[{key:"handleChange",value:function(e,t,n){this.props.onChange&&(0, this.props.onChange)(e,t,n);}},{key:"componentDidMount",value:function(){var e=this.props.options;this.setState({options:Object.assign({},this.state.options,e)});}},{key:"getFontSizeDetails",value:function(e){var t=parseFloat(e);return {value:t,unit:e.toString().replace(t.toString(),"")}}},{key:"applyFontSize",value:function(e){var t=this.state.options.stepSize,n=this.state.changeDirection===i?t:-1*t,r=window.getComputedStyle(e,null).getPropertyValue("font-size"),o=this.getFontSizeDetails(r).value,u=o+n;e.style.fontSize=u+"px",u!==o&&this.handleChange(e,u,o);}},{key:"iterateChildren",value:function(e){if(this.applyFontSize(e),e.children&&0!==e.children.length){var t=!0,n=!1,r=void 0;try{for(var o,i=e.children[Symbol.iterator]();!(t=(o=i.next()).done);t=!0){var u=o.value;this.iterateChildren(u);}}catch(e){n=!0,r=e;}finally{try{t||null==i.return||i.return();}finally{if(n)throw r}}}}},{key:"updateChangeCount",value:function(){var e=this.state,t=e.changeCount,n=e.changeDirection===i?1:-1;this.setState({changeCount:t+n});}},{key:"iterateElementsAndApplyFontSizeChange",value:function(){var e=this.props.targets,t=!0,n=!1,r=void 0;try{for(var o,i=e[Symbol.iterator]();!(t=(o=i.next()).done);t=!0){var u=o.value,a=document.querySelectorAll(u),c=!0,l=!1,s=void 0;try{for(var f,p=a[Symbol.iterator]();!(c=(f=p.next()).done);c=!0){var d=f.value;this.iterateChildren(d);}}catch(e){l=!0,s=e;}finally{try{c||null==p.return||p.return();}finally{if(l)throw s}}}}catch(e){n=!0,r=e;}finally{try{t||null==i.return||i.return();}finally{if(n)throw r}}this.updateChangeCount();}},{key:"validateChangePerRange",value:function(){var e=this.state,t=e.changeCount,n=e.changeDirection,r=this.state.options.range,o=!0;return n===i&&t>=r&&(o=!1),n===u&&t<=-1*r&&(o=!1),o}},{key:"initFontSizeChange",value:function(){this.validateChangePerRange()&&this.iterateElementsAndApplyFontSizeChange();}},{key:"setChangeDirection",value:function(e,t){var n=e?i:u;this.setState({changeDirection:n},t);}},{key:"onFontSizeUp",value:function(){this.setChangeDirection(!0,this.initFontSizeChange);}},{key:"onFontSizeDown",value:function(){this.setChangeDirection(!1,this.initFontSizeChange);}},{key:"getFontSizeChangerStyle",value:function(e){var t=e.style,n=void 0===t?{}:t,r=e.verticalAlignment,o=void 0!==r&&r,i=e.buttonsMargin,u=void 0===i?4:i,a=this.getFontSizeDetails(n.width||"40px"),c=this.getFontSizeDetails(n.height||"40px");return {width:(!1===o?2*a.value+u:a.value)+a.unit,height:(!1===o?c.value:2*c.value+u)+c.unit}}},{key:"getFontSizeChangerButtonStyle",value:function(e,t){var n=t.style,r=void 0===n?{}:n,o=t.verticalAlignment,a=void 0!==o&&o,c=t.reverseOrder,l=void 0!==c&&c,s=t.buttonsMargin,f=void 0===s?4:s,p=this.getFontSizeDetails(r.width||"40px"),d=this.getFontSizeDetails(r.height||"40px"),y={width:p.value+p.unit,height:d.value+d.unit},h=f+(!1===a?p.unit:d.unit);return (e===i&&!1===l||e===u&&!0===l)&&(!1===a?y.marginRight=h:y.marginBottom=h),Object.assign({},r,y)}},{key:"render",value:function(){var e=this.props.customButtons,t=void 0===e?{}:e,n=t.up,r=t.down,a=this.getFontSizeChangerStyle(t),c=this.getFontSizeChangerButtonStyle(i,t),l=this.getFontSizeChangerButtonStyle(u,t);return o.a.createElement("div",{className:"font-size-changer",style:a},o.a.createElement("div",{className:"font-size-changer-buttons",style:a},o.a.createElement(p,{direction:i,customButton:n,onClick:this.onFontSizeUp.bind(this),style:c}),o.a.createElement(p,{direction:u,customButton:r,onClick:this.onFontSizeDown.bind(this),style:l})))}}]),t}();t.default=g;}])});
+	
+} (bundle));
+
+var FontSize = /*@__PURE__*/getDefaultExportFromCjs(bundle.exports);
+
+var domToImage$1 = {exports: {}};
+
+(function (module) {
+	(function (global) {
+
+	    var util = newUtil();
+	    var inliner = newInliner();
+	    var fontFaces = newFontFaces();
+	    var images = newImages();
+
+	    // Default impl options
+	    var defaultOptions = {
+	        // Default is to fail on error, no placeholder
+	        imagePlaceholder: undefined,
+	        // Default cache bust is false, it will use the cache
+	        cacheBust: false
+	    };
+
+	    var domtoimage = {
+	        toSvg: toSvg,
+	        toPng: toPng,
+	        toJpeg: toJpeg,
+	        toBlob: toBlob,
+	        toPixelData: toPixelData,
+	        impl: {
+	            fontFaces: fontFaces,
+	            images: images,
+	            util: util,
+	            inliner: inliner,
+	            options: {}
+	        }
+	    };
+
+	    module.exports = domtoimage;
+
+
+	    /**
+	     * @param {Node} node - The DOM Node object to render
+	     * @param {Object} options - Rendering options
+	     * @param {Function} options.filter - Should return true if passed node should be included in the output
+	     *          (excluding node means excluding it's children as well). Not called on the root node.
+	     * @param {String} options.bgcolor - color for the background, any valid CSS color value.
+	     * @param {Number} options.width - width to be applied to node before rendering.
+	     * @param {Number} options.height - height to be applied to node before rendering.
+	     * @param {Object} options.style - an object whose properties to be copied to node's style before rendering.
+	     * @param {Number} options.quality - a Number between 0 and 1 indicating image quality (applicable to JPEG only),
+	                defaults to 1.0.
+	     * @param {String} options.imagePlaceholder - dataURL to use as a placeholder for failed images, default behaviour is to fail fast on images we can't fetch
+	     * @param {Boolean} options.cacheBust - set to true to cache bust by appending the time to the request url
+	     * @return {Promise} - A promise that is fulfilled with a SVG image data URL
+	     * */
+	    function toSvg(node, options) {
+	        options = options || {};
+	        copyOptions(options);
+	        return Promise.resolve(node)
+	            .then(function (node) {
+	                return cloneNode(node, options.filter, true);
+	            })
+	            .then(embedFonts)
+	            .then(inlineImages)
+	            .then(applyOptions)
+	            .then(function (clone) {
+	                return makeSvgDataUri(clone,
+	                    options.width || util.width(node),
+	                    options.height || util.height(node)
+	                );
+	            });
+
+	        function applyOptions(clone) {
+	            if (options.bgcolor) clone.style.backgroundColor = options.bgcolor;
+
+	            if (options.width) clone.style.width = options.width + 'px';
+	            if (options.height) clone.style.height = options.height + 'px';
+
+	            if (options.style)
+	                Object.keys(options.style).forEach(function (property) {
+	                    clone.style[property] = options.style[property];
+	                });
+
+	            return clone;
+	        }
+	    }
+
+	    /**
+	     * @param {Node} node - The DOM Node object to render
+	     * @param {Object} options - Rendering options, @see {@link toSvg}
+	     * @return {Promise} - A promise that is fulfilled with a Uint8Array containing RGBA pixel data.
+	     * */
+	    function toPixelData(node, options) {
+	        return draw(node, options || {})
+	            .then(function (canvas) {
+	                return canvas.getContext('2d').getImageData(
+	                    0,
+	                    0,
+	                    util.width(node),
+	                    util.height(node)
+	                ).data;
+	            });
+	    }
+
+	    /**
+	     * @param {Node} node - The DOM Node object to render
+	     * @param {Object} options - Rendering options, @see {@link toSvg}
+	     * @return {Promise} - A promise that is fulfilled with a PNG image data URL
+	     * */
+	    function toPng(node, options) {
+	        return draw(node, options || {})
+	            .then(function (canvas) {
+	                return canvas.toDataURL();
+	            });
+	    }
+
+	    /**
+	     * @param {Node} node - The DOM Node object to render
+	     * @param {Object} options - Rendering options, @see {@link toSvg}
+	     * @return {Promise} - A promise that is fulfilled with a JPEG image data URL
+	     * */
+	    function toJpeg(node, options) {
+	        options = options || {};
+	        return draw(node, options)
+	            .then(function (canvas) {
+	                return canvas.toDataURL('image/jpeg', options.quality || 1.0);
+	            });
+	    }
+
+	    /**
+	     * @param {Node} node - The DOM Node object to render
+	     * @param {Object} options - Rendering options, @see {@link toSvg}
+	     * @return {Promise} - A promise that is fulfilled with a PNG image blob
+	     * */
+	    function toBlob(node, options) {
+	        return draw(node, options || {})
+	            .then(util.canvasToBlob);
+	    }
+
+	    function copyOptions(options) {
+	        // Copy options to impl options for use in impl
+	        if(typeof(options.imagePlaceholder) === 'undefined') {
+	            domtoimage.impl.options.imagePlaceholder = defaultOptions.imagePlaceholder;
+	        } else {
+	            domtoimage.impl.options.imagePlaceholder = options.imagePlaceholder;
+	        }
+
+	        if(typeof(options.cacheBust) === 'undefined') {
+	            domtoimage.impl.options.cacheBust = defaultOptions.cacheBust;
+	        } else {
+	            domtoimage.impl.options.cacheBust = options.cacheBust;
+	        }
+	    }
+
+	    function draw(domNode, options) {
+	        return toSvg(domNode, options)
+	            .then(util.makeImage)
+	            .then(util.delay(100))
+	            .then(function (image) {
+	                var canvas = newCanvas(domNode);
+	                canvas.getContext('2d').drawImage(image, 0, 0);
+	                return canvas;
+	            });
+
+	        function newCanvas(domNode) {
+	            var canvas = document.createElement('canvas');
+	            canvas.width = options.width || util.width(domNode);
+	            canvas.height = options.height || util.height(domNode);
+
+	            if (options.bgcolor) {
+	                var ctx = canvas.getContext('2d');
+	                ctx.fillStyle = options.bgcolor;
+	                ctx.fillRect(0, 0, canvas.width, canvas.height);
+	            }
+
+	            return canvas;
+	        }
+	    }
+
+	    function cloneNode(node, filter, root) {
+	        if (!root && filter && !filter(node)) return Promise.resolve();
+
+	        return Promise.resolve(node)
+	            .then(makeNodeCopy)
+	            .then(function (clone) {
+	                return cloneChildren(node, clone, filter);
+	            })
+	            .then(function (clone) {
+	                return processClone(node, clone);
+	            });
+
+	        function makeNodeCopy(node) {
+	            if (node instanceof HTMLCanvasElement) return util.makeImage(node.toDataURL());
+	            return node.cloneNode(false);
+	        }
+
+	        function cloneChildren(original, clone, filter) {
+	            var children = original.childNodes;
+	            if (children.length === 0) return Promise.resolve(clone);
+
+	            return cloneChildrenInOrder(clone, util.asArray(children), filter)
+	                .then(function () {
+	                    return clone;
+	                });
+
+	            function cloneChildrenInOrder(parent, children, filter) {
+	                var done = Promise.resolve();
+	                children.forEach(function (child) {
+	                    done = done
+	                        .then(function () {
+	                            return cloneNode(child, filter);
+	                        })
+	                        .then(function (childClone) {
+	                            if (childClone) parent.appendChild(childClone);
+	                        });
+	                });
+	                return done;
+	            }
+	        }
+
+	        function processClone(original, clone) {
+	            if (!(clone instanceof Element)) return clone;
+
+	            return Promise.resolve()
+	                .then(cloneStyle)
+	                .then(clonePseudoElements)
+	                .then(copyUserInput)
+	                .then(fixSvg)
+	                .then(function () {
+	                    return clone;
+	                });
+
+	            function cloneStyle() {
+	                copyStyle(window.getComputedStyle(original), clone.style);
+
+	                function copyStyle(source, target) {
+	                    if (source.cssText) target.cssText = source.cssText;
+	                    else copyProperties(source, target);
+
+	                    function copyProperties(source, target) {
+	                        util.asArray(source).forEach(function (name) {
+	                            target.setProperty(
+	                                name,
+	                                source.getPropertyValue(name),
+	                                source.getPropertyPriority(name)
+	                            );
+	                        });
+	                    }
+	                }
+	            }
+
+	            function clonePseudoElements() {
+	                [':before', ':after'].forEach(function (element) {
+	                    clonePseudoElement(element);
+	                });
+
+	                function clonePseudoElement(element) {
+	                    var style = window.getComputedStyle(original, element);
+	                    var content = style.getPropertyValue('content');
+
+	                    if (content === '' || content === 'none') return;
+
+	                    var className = util.uid();
+	                    clone.className = clone.className + ' ' + className;
+	                    var styleElement = document.createElement('style');
+	                    styleElement.appendChild(formatPseudoElementStyle(className, element, style));
+	                    clone.appendChild(styleElement);
+
+	                    function formatPseudoElementStyle(className, element, style) {
+	                        var selector = '.' + className + ':' + element;
+	                        var cssText = style.cssText ? formatCssText(style) : formatCssProperties(style);
+	                        return document.createTextNode(selector + '{' + cssText + '}');
+
+	                        function formatCssText(style) {
+	                            var content = style.getPropertyValue('content');
+	                            return style.cssText + ' content: ' + content + ';';
+	                        }
+
+	                        function formatCssProperties(style) {
+
+	                            return util.asArray(style)
+	                                .map(formatProperty)
+	                                .join('; ') + ';';
+
+	                            function formatProperty(name) {
+	                                return name + ': ' +
+	                                    style.getPropertyValue(name) +
+	                                    (style.getPropertyPriority(name) ? ' !important' : '');
+	                            }
+	                        }
+	                    }
+	                }
+	            }
+
+	            function copyUserInput() {
+	                if (original instanceof HTMLTextAreaElement) clone.innerHTML = original.value;
+	                if (original instanceof HTMLInputElement) clone.setAttribute("value", original.value);
+	            }
+
+	            function fixSvg() {
+	                if (!(clone instanceof SVGElement)) return;
+	                clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+
+	                if (!(clone instanceof SVGRectElement)) return;
+	                ['width', 'height'].forEach(function (attribute) {
+	                    var value = clone.getAttribute(attribute);
+	                    if (!value) return;
+
+	                    clone.style.setProperty(attribute, value);
+	                });
+	            }
+	        }
+	    }
+
+	    function embedFonts(node) {
+	        return fontFaces.resolveAll()
+	            .then(function (cssText) {
+	                var styleNode = document.createElement('style');
+	                node.appendChild(styleNode);
+	                styleNode.appendChild(document.createTextNode(cssText));
+	                return node;
+	            });
+	    }
+
+	    function inlineImages(node) {
+	        return images.inlineAll(node)
+	            .then(function () {
+	                return node;
+	            });
+	    }
+
+	    function makeSvgDataUri(node, width, height) {
+	        return Promise.resolve(node)
+	            .then(function (node) {
+	                node.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+	                return new XMLSerializer().serializeToString(node);
+	            })
+	            .then(util.escapeXhtml)
+	            .then(function (xhtml) {
+	                return '<foreignObject x="0" y="0" width="100%" height="100%">' + xhtml + '</foreignObject>';
+	            })
+	            .then(function (foreignObject) {
+	                return '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '">' +
+	                    foreignObject + '</svg>';
+	            })
+	            .then(function (svg) {
+	                return 'data:image/svg+xml;charset=utf-8,' + svg;
+	            });
+	    }
+
+	    function newUtil() {
+	        return {
+	            escape: escape,
+	            parseExtension: parseExtension,
+	            mimeType: mimeType,
+	            dataAsUrl: dataAsUrl,
+	            isDataUrl: isDataUrl,
+	            canvasToBlob: canvasToBlob,
+	            resolveUrl: resolveUrl,
+	            getAndEncode: getAndEncode,
+	            uid: uid(),
+	            delay: delay,
+	            asArray: asArray,
+	            escapeXhtml: escapeXhtml,
+	            makeImage: makeImage,
+	            width: width,
+	            height: height
+	        };
+
+	        function mimes() {
+	            /*
+	             * Only WOFF and EOT mime types for fonts are 'real'
+	             * see http://www.iana.org/assignments/media-types/media-types.xhtml
+	             */
+	            var WOFF = 'application/font-woff';
+	            var JPEG = 'image/jpeg';
+
+	            return {
+	                'woff': WOFF,
+	                'woff2': WOFF,
+	                'ttf': 'application/font-truetype',
+	                'eot': 'application/vnd.ms-fontobject',
+	                'png': 'image/png',
+	                'jpg': JPEG,
+	                'jpeg': JPEG,
+	                'gif': 'image/gif',
+	                'tiff': 'image/tiff',
+	                'svg': 'image/svg+xml'
+	            };
+	        }
+
+	        function parseExtension(url) {
+	            var match = /\.([^\.\/]*?)$/g.exec(url);
+	            if (match) return match[1];
+	            else return '';
+	        }
+
+	        function mimeType(url) {
+	            var extension = parseExtension(url).toLowerCase();
+	            return mimes()[extension] || '';
+	        }
+
+	        function isDataUrl(url) {
+	            return url.search(/^(data:)/) !== -1;
+	        }
+
+	        function toBlob(canvas) {
+	            return new Promise(function (resolve) {
+	                var binaryString = window.atob(canvas.toDataURL().split(',')[1]);
+	                var length = binaryString.length;
+	                var binaryArray = new Uint8Array(length);
+
+	                for (var i = 0; i < length; i++)
+	                    binaryArray[i] = binaryString.charCodeAt(i);
+
+	                resolve(new Blob([binaryArray], {
+	                    type: 'image/png'
+	                }));
+	            });
+	        }
+
+	        function canvasToBlob(canvas) {
+	            if (canvas.toBlob)
+	                return new Promise(function (resolve) {
+	                    canvas.toBlob(resolve);
+	                });
+
+	            return toBlob(canvas);
+	        }
+
+	        function resolveUrl(url, baseUrl) {
+	            var doc = document.implementation.createHTMLDocument();
+	            var base = doc.createElement('base');
+	            doc.head.appendChild(base);
+	            var a = doc.createElement('a');
+	            doc.body.appendChild(a);
+	            base.href = baseUrl;
+	            a.href = url;
+	            return a.href;
+	        }
+
+	        function uid() {
+	            var index = 0;
+
+	            return function () {
+	                return 'u' + fourRandomChars() + index++;
+
+	                function fourRandomChars() {
+	                    /* see http://stackoverflow.com/a/6248722/2519373 */
+	                    return ('0000' + (Math.random() * Math.pow(36, 4) << 0).toString(36)).slice(-4);
+	                }
+	            };
+	        }
+
+	        function makeImage(uri) {
+	            return new Promise(function (resolve, reject) {
+	                var image = new Image();
+	                image.onload = function () {
+	                    resolve(image);
+	                };
+	                image.onerror = reject;
+	                image.src = uri;
+	            });
+	        }
+
+	        function getAndEncode(url) {
+	            var TIMEOUT = 30000;
+	            if(domtoimage.impl.options.cacheBust) {
+	                // Cache bypass so we dont have CORS issues with cached images
+	                // Source: https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache
+	                url += ((/\?/).test(url) ? "&" : "?") + (new Date()).getTime();
+	            }
+
+	            return new Promise(function (resolve) {
+	                var request = new XMLHttpRequest();
+
+	                request.onreadystatechange = done;
+	                request.ontimeout = timeout;
+	                request.responseType = 'blob';
+	                request.timeout = TIMEOUT;
+	                request.open('GET', url, true);
+	                request.send();
+
+	                var placeholder;
+	                if(domtoimage.impl.options.imagePlaceholder) {
+	                    var split = domtoimage.impl.options.imagePlaceholder.split(/,/);
+	                    if(split && split[1]) {
+	                        placeholder = split[1];
+	                    }
+	                }
+
+	                function done() {
+	                    if (request.readyState !== 4) return;
+
+	                    if (request.status !== 200) {
+	                        if(placeholder) {
+	                            resolve(placeholder);
+	                        } else {
+	                            fail('cannot fetch resource: ' + url + ', status: ' + request.status);
+	                        }
+
+	                        return;
+	                    }
+
+	                    var encoder = new FileReader();
+	                    encoder.onloadend = function () {
+	                        var content = encoder.result.split(/,/)[1];
+	                        resolve(content);
+	                    };
+	                    encoder.readAsDataURL(request.response);
+	                }
+
+	                function timeout() {
+	                    if(placeholder) {
+	                        resolve(placeholder);
+	                    } else {
+	                        fail('timeout of ' + TIMEOUT + 'ms occured while fetching resource: ' + url);
+	                    }
+	                }
+
+	                function fail(message) {
+	                    console.error(message);
+	                    resolve('');
+	                }
+	            });
+	        }
+
+	        function dataAsUrl(content, type) {
+	            return 'data:' + type + ';base64,' + content;
+	        }
+
+	        function escape(string) {
+	            return string.replace(/([.*+?^${}()|\[\]\/\\])/g, '\\$1');
+	        }
+
+	        function delay(ms) {
+	            return function (arg) {
+	                return new Promise(function (resolve) {
+	                    setTimeout(function () {
+	                        resolve(arg);
+	                    }, ms);
+	                });
+	            };
+	        }
+
+	        function asArray(arrayLike) {
+	            var array = [];
+	            var length = arrayLike.length;
+	            for (var i = 0; i < length; i++) array.push(arrayLike[i]);
+	            return array;
+	        }
+
+	        function escapeXhtml(string) {
+	            return string.replace(/#/g, '%23').replace(/\n/g, '%0A');
+	        }
+
+	        function width(node) {
+	            var leftBorder = px(node, 'border-left-width');
+	            var rightBorder = px(node, 'border-right-width');
+	            return node.scrollWidth + leftBorder + rightBorder;
+	        }
+
+	        function height(node) {
+	            var topBorder = px(node, 'border-top-width');
+	            var bottomBorder = px(node, 'border-bottom-width');
+	            return node.scrollHeight + topBorder + bottomBorder;
+	        }
+
+	        function px(node, styleProperty) {
+	            var value = window.getComputedStyle(node).getPropertyValue(styleProperty);
+	            return parseFloat(value.replace('px', ''));
+	        }
+	    }
+
+	    function newInliner() {
+	        var URL_REGEX = /url\(['"]?([^'"]+?)['"]?\)/g;
+
+	        return {
+	            inlineAll: inlineAll,
+	            shouldProcess: shouldProcess,
+	            impl: {
+	                readUrls: readUrls,
+	                inline: inline
+	            }
+	        };
+
+	        function shouldProcess(string) {
+	            return string.search(URL_REGEX) !== -1;
+	        }
+
+	        function readUrls(string) {
+	            var result = [];
+	            var match;
+	            while ((match = URL_REGEX.exec(string)) !== null) {
+	                result.push(match[1]);
+	            }
+	            return result.filter(function (url) {
+	                return !util.isDataUrl(url);
+	            });
+	        }
+
+	        function inline(string, url, baseUrl, get) {
+	            return Promise.resolve(url)
+	                .then(function (url) {
+	                    return baseUrl ? util.resolveUrl(url, baseUrl) : url;
+	                })
+	                .then(get || util.getAndEncode)
+	                .then(function (data) {
+	                    return util.dataAsUrl(data, util.mimeType(url));
+	                })
+	                .then(function (dataUrl) {
+	                    return string.replace(urlAsRegex(url), '$1' + dataUrl + '$3');
+	                });
+
+	            function urlAsRegex(url) {
+	                return new RegExp('(url\\([\'"]?)(' + util.escape(url) + ')([\'"]?\\))', 'g');
+	            }
+	        }
+
+	        function inlineAll(string, baseUrl, get) {
+	            if (nothingToInline()) return Promise.resolve(string);
+
+	            return Promise.resolve(string)
+	                .then(readUrls)
+	                .then(function (urls) {
+	                    var done = Promise.resolve(string);
+	                    urls.forEach(function (url) {
+	                        done = done.then(function (string) {
+	                            return inline(string, url, baseUrl, get);
+	                        });
+	                    });
+	                    return done;
+	                });
+
+	            function nothingToInline() {
+	                return !shouldProcess(string);
+	            }
+	        }
+	    }
+
+	    function newFontFaces() {
+	        return {
+	            resolveAll: resolveAll,
+	            impl: {
+	                readAll: readAll
+	            }
+	        };
+
+	        function resolveAll() {
+	            return readAll()
+	                .then(function (webFonts) {
+	                    return Promise.all(
+	                        webFonts.map(function (webFont) {
+	                            return webFont.resolve();
+	                        })
+	                    );
+	                })
+	                .then(function (cssStrings) {
+	                    return cssStrings.join('\n');
+	                });
+	        }
+
+	        function readAll() {
+	            return Promise.resolve(util.asArray(document.styleSheets))
+	                .then(getCssRules)
+	                .then(selectWebFontRules)
+	                .then(function (rules) {
+	                    return rules.map(newWebFont);
+	                });
+
+	            function selectWebFontRules(cssRules) {
+	                return cssRules
+	                    .filter(function (rule) {
+	                        return rule.type === CSSRule.FONT_FACE_RULE;
+	                    })
+	                    .filter(function (rule) {
+	                        return inliner.shouldProcess(rule.style.getPropertyValue('src'));
+	                    });
+	            }
+
+	            function getCssRules(styleSheets) {
+	                var cssRules = [];
+	                styleSheets.forEach(function (sheet) {
+	                    try {
+	                        util.asArray(sheet.cssRules || []).forEach(cssRules.push.bind(cssRules));
+	                    } catch (e) {
+	                        console.log('Error while reading CSS rules from ' + sheet.href, e.toString());
+	                    }
+	                });
+	                return cssRules;
+	            }
+
+	            function newWebFont(webFontRule) {
+	                return {
+	                    resolve: function resolve() {
+	                        var baseUrl = (webFontRule.parentStyleSheet || {}).href;
+	                        return inliner.inlineAll(webFontRule.cssText, baseUrl);
+	                    },
+	                    src: function () {
+	                        return webFontRule.style.getPropertyValue('src');
+	                    }
+	                };
+	            }
+	        }
+	    }
+
+	    function newImages() {
+	        return {
+	            inlineAll: inlineAll,
+	            impl: {
+	                newImage: newImage
+	            }
+	        };
+
+	        function newImage(element) {
+	            return {
+	                inline: inline
+	            };
+
+	            function inline(get) {
+	                if (util.isDataUrl(element.src)) return Promise.resolve();
+
+	                return Promise.resolve(element.src)
+	                    .then(get || util.getAndEncode)
+	                    .then(function (data) {
+	                        return util.dataAsUrl(data, util.mimeType(element.src));
+	                    })
+	                    .then(function (dataUrl) {
+	                        return new Promise(function (resolve, reject) {
+	                            element.onload = resolve;
+	                            element.onerror = reject;
+	                            element.src = dataUrl;
+	                        });
+	                    });
+	            }
+	        }
+
+	        function inlineAll(node) {
+	            if (!(node instanceof Element)) return Promise.resolve(node);
+
+	            return inlineBackground(node)
+	                .then(function () {
+	                    if (node instanceof HTMLImageElement)
+	                        return newImage(node).inline();
+	                    else
+	                        return Promise.all(
+	                            util.asArray(node.childNodes).map(function (child) {
+	                                return inlineAll(child);
+	                            })
+	                        );
+	                });
+
+	            function inlineBackground(node) {
+	                var background = node.style.getPropertyValue('background');
+
+	                if (!background) return Promise.resolve(node);
+
+	                return inliner.inlineAll(background)
+	                    .then(function (inlined) {
+	                        node.style.setProperty(
+	                            'background',
+	                            inlined,
+	                            node.style.getPropertyPriority('background')
+	                        );
+	                    })
+	                    .then(function () {
+	                        return node;
+	                    });
+	            }
+	        }
+	    }
+	})();
+} (domToImage$1));
+
+var domtoimage = domToImage$1.exports;
+
+const domToImage = _ref => {
+  let {
+    id,
+    fileName = 'image',
+    quality = 0.95
+  } = _ref;
+  const node = document.getElementById(id);
+  // 防止barchart的Y軸擋住圖，就先將他移到最左邊，拍完照再移回來
+  const yaxis = document.getElementById('yaxis');
+  const barChartElement = document.getElementById('barChart__block');
+  if (yaxis) {
+    yaxis.setAttribute('transform', 'translate(0, 0 )');
+  }
+  domtoimage.toPng(node, {
+    quality
+  }).then(dataUrl => {
+    const link = document.createElement('a');
+    link.download = `${fileName}.png`;
+    link.href = dataUrl;
+    link.click();
+    if (yaxis && barChartElement) {
+      yaxis.setAttribute('transform', 'translate(0, 0 )');
+      yaxis.setAttribute('transform', `translate(${barChartElement.scrollLeft}, 0)`);
+    }
+  }).catch(error => {
+    console.error('oops, something went wrong!', error);
+  });
+};
+
+const JSZip = require('jszip');
+const fileDownload = require('react-file-download');
+const DownloadGephiFileName = 'Gephi_generated_by_NMTL.zip';
+const generateNode = result => {
+  let IdCount = 10000000;
+  const nodeMap = {};
+  let foundType = false;
+  result.forEach(_ref => {
+    let {
+      source,
+      target,
+      sourceType,
+      targetType
+    } = _ref;
+    if (target === '' || source === '') {
+      return;
+    }
+    if (Object.keys(nodeMap).indexOf(source) < 0) {
+      if (sourceType !== '') {
+        foundType = true;
+        nodeMap[source] = {
+          ID: IdCount,
+          WEIGHT: 1,
+          NODE_TYPE: sourceType
+        };
+      } else {
+        nodeMap[source] = {
+          ID: IdCount,
+          WEIGHT: 1
+        };
+      }
+      IdCount += 1;
+    } else {
+      nodeMap[source].WEIGHT += 1;
+    }
+    if (Object.keys(nodeMap).indexOf(target) < 0) {
+      if (targetType !== '') {
+        foundType = true;
+        nodeMap[target] = {
+          ID: IdCount,
+          WEIGHT: 1,
+          NODE_TYPE: targetType
+        };
+      } else {
+        nodeMap[target] = {
+          ID: IdCount,
+          WEIGHT: 1
+        };
+      }
+      IdCount += 1;
+    } else {
+      nodeMap[target].WEIGHT += 1;
+    }
+  });
+  let tsvStr = foundType ? 'ID\tLABEL\tWEIGHT\tNODE_TYPE\r\n' : 'ID\tLABEL\tWEIGHT\r\n';
+  Object.keys(nodeMap).forEach(key => {
+    const idval = nodeMap[key].ID;
+    const wval = nodeMap[key].WEIGHT;
+    const type = foundType ? nodeMap[key].NODE_TYPE : '';
+    tsvStr += foundType ? `${idval}\t${key}\t${wval}\t${type}\r\n` : `${idval}\t${key}\t${wval}\r\n`;
+  });
+  return {
+    nodeMap,
+    nodesTsv: tsvStr
+  };
+};
+const generateEdge = (result, nodeMap) => {
+  let edgeStr = 'SOURCE\tTARGET\tWEIGHT\tTYPE\r\n';
+  result.forEach(_ref2 => {
+    let {
+      source,
+      target
+    } = _ref2;
+    if (target === '' || source === '') {
+      return;
+    }
+    const sourceId = nodeMap[source].ID;
+    const targetId = nodeMap[target].ID;
+    edgeStr += `${sourceId}\t${targetId}\t1\tUndirected\r\n`;
+  });
+  return edgeStr;
+};
+const downloadGephi = snaData => {
+  const {
+    nodes,
+    links
+  } = snaData;
+  const result = (links || []).map(_ref3 => {
+    let {
+      source,
+      target
+    } = _ref3;
+    return {
+      source: nodes[source].name,
+      target: nodes[target].name,
+      sourceType: nodes[source].type,
+      targetType: nodes[target].type
+    };
+  });
+  const {
+    nodeMap,
+    nodesTsv
+  } = generateNode(result);
+  const edgesTsv = generateEdge(result, nodeMap);
+  const zip = new JSZip();
+  zip.file('Node_Table.tsv', nodesTsv);
+  zip.file('Edge_Table.tsv', edgesTsv);
+  zip.generateAsync({
+    type: 'blob'
+  }).then(content => {
+    fileDownload(content, DownloadGephiFileName);
+  });
+};
+
+/* 轉檔工具, 提供API轉下載tsv/xlsx */
+
+/* 大事年表 */
+const chronologyConvert = data => {
+  const getText = function () {
+    let text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    const [before, after] = text.split('<span class="tooltip">');
+    return {
+      before,
+      after
+    };
+  };
+
+  /* 做資料過濾 */
+  const newData = (data || []).map(_ref => {
+    let {
+      start_date: {
+        day,
+        month,
+        year
+      },
+      display_date: displayDate,
+      text: {
+        headline,
+        text
+      }
+    } = _ref;
+    return {
+      日期: `${year || ''}/${month || ''}/${day || ''}`,
+      名稱: (displayDate || '').replace('<span>', '').replace('</span>', ''),
+      描述: (headline || '').replaceAll(/(<([^>]+)>)/gi, ''),
+      類型: getText(text).before,
+      '註(資料集名稱)': getText(text).after.replaceAll('\n', '').replaceAll('\t', '').replace('註', '').replace('資料來源：', '').replaceAll(/(<([^>]+)>)/gi, '')
+    };
+  });
+  return newData;
+};
+
+/* 文學數據 - 地圖 */
+const mapConvert = data => (data || []).map(_ref2 => {
+  let {
+    title,
+    author,
+    publisher,
+    locations,
+    posX,
+    posY
+  } = _ref2;
+  return {
+    '名稱(書名/文章名)': title || '',
+    作者: author || '',
+    出版者: publisher || '',
+    '地點(作品描述區域)': locations || '',
+    經度: posX || '',
+    緯度: posY || ''
+  };
+});
+
+/* 文學數據 - 地圖(文學聚落) */
+const mapLgConvert = data => (data || []).map(_ref3 => {
+  let {
+    title,
+    locationOfFormation,
+    workLocations,
+    createPosX,
+    createPosY,
+    activePosX,
+    activePosY
+  } = _ref3;
+  return {
+    組織名稱: title || '',
+    創立地點: locationOfFormation,
+    創立地點經度: createPosX || '',
+    創立地點緯度: createPosY || '',
+    活動地點: workLocations || '',
+    活動地點經度: activePosX || '',
+    活動地點緯度: activePosY || ''
+  };
+});
+
+/* 文學數據 - 年度聲量 */
+const worksBarChart = data => (data || []).map(_ref4 => {
+  let {
+    date,
+    year,
+    title,
+    keywords,
+    authors,
+    genreName
+  } = _ref4;
+  return {
+    '出版年/發表年': date || year || '',
+    '名稱(書名/文章名)': title || '',
+    作者: (authors || []).map(_ref5 => {
+      let {
+        author
+      } = _ref5;
+      return author;
+    }).join(','),
+    關鍵字: (keywords || '').replaceAll('\n', ''),
+    文學分類: genreName || ''
+  };
+});
+
+/* 文學數據 - 文學自由搭配 */
+const worksSlider = data => (data || []).map(_ref6 => {
+  let {
+    title,
+    author,
+    date
+  } = _ref6;
+  return {
+    '名稱(書名/文章名)': title || '',
+    作者: author || '',
+    '出版日期/發表日期': date || ''
+    // 文學分類: genreName || '',
+    // 作品描述地: workDesc || '',
+    // 作家出生地: locations,
+    // 獲獎獎項: awards || '',
+  };
+});
+
+const exportXlsx = _ref => {
+  let {
+    data,
+    dataType,
+    extType = 'xlsx'
+  } = _ref;
+  let metadata;
+  switch (dataType) {
+    case 'sna':
+      metadata = snaToExcel(data);
+      break;
+    default:
+      metadata = data;
+      break;
+  }
+  fileDownload$1(`\uFEFF${jsonExcel(metadata)}`, `output.${extType}`);
+};
+
+// 供外部使用dataConvert
+exportXlsx.chronologyConvert = chronologyConvert;
+exportXlsx.mapConvert = mapConvert;
+exportXlsx.mapLgConvert = mapLgConvert;
+exportXlsx.worksBarChart = worksBarChart;
+exportXlsx.worksSlider = worksSlider;
+
+/* eslint-disable max-len */
+const DownloadImg = _ref => {
+  let {
+    fill = '#825c0d'
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    "data-name": "Rectangle 125",
+    style: {
+      fill: '#fff'
+    },
+    d: "M0 0h32v32H0z"
+  }))), /*#__PURE__*/React__default.createElement("g", {
+    style: {
+      clipPath: 'url(#a)'
+    }
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M-960 600h-20v-10h4v2h-2v6h16v-6h-2v-2h4zm-5.06-12.608-1.348-1.454-2.592 2.427V580h-2v8.365l-2.544-2.427-1.362 1.454 4.948 4.671z",
+    transform: "translate(986 -574)",
+    style: {
+      fill
+    },
+    "data-name": "Mask Group 42"
+  })));
+};
+
+/* eslint-disable max-len */
+const SVGComponent$2 = _ref => {
+  let {
+    fill = '#825c0d'
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip-path"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Rectangle_128",
+    "data-name": "Rectangle 128",
+    style: {
+      fill: '#fff'
+    },
+    d: "M0 0h32v32H0z"
+  })), /*#__PURE__*/React.createElement("style", null, `\n            .cls-3{fill:${fill}}\n        `)), /*#__PURE__*/React.createElement("g", {
+    id: "Mask_Group_47",
+    "data-name": "Mask Group 47",
+    style: {
+      clipPath: 'url(#clip-path)'
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Group_3633",
+    "data-name": "Group 3633",
+    transform: "translate(6 6)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Path_181",
+    "data-name": "Path 181",
+    className: "cls-3",
+    d: "M514 371v-2h-2v2h-2v2h2v2h2v-2h2v-2z",
+    transform: "translate(-495 -369)"
+  }), /*#__PURE__*/React.createElement("g", {
+    id: "Group_3632",
+    "data-name": "Group 3632",
+    transform: "translate(0 2)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Path_182",
+    "data-name": "Path 182",
+    className: "cls-3",
+    d: "M502.276 371h3.447L512 389h-3.164l-1.595-5.129h-6.586L499.036 389H496zm-.926 10.649h5.17l-.746-2.419c-.643-1.953-1.209-3.956-1.776-5.983h-.128a126.193 126.193 0 0 1-1.748 5.983z",
+    transform: "translate(-496 -371)"
+  })))));
+};
+
+/* eslint-disable max-len */
+const SVGComponent$1 = _ref => {
+  let {
+    fill = '#825c0d'
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip-path"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Rectangle_129",
+    "data-name": "Rectangle 129",
+    style: {
+      fill: '#fff'
+    },
+    d: "M0 0h32v32H0z"
+  })), /*#__PURE__*/React.createElement("style", null, `\n            .cls-3{fill:${fill}}\n        `)), /*#__PURE__*/React.createElement("g", {
+    id: "Mask_Group_48",
+    "data-name": "Mask Group 48",
+    style: {
+      clipPath: 'url(#clip-path)'
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Group_3635",
+    "data-name": "Group 3635",
+    transform: "translate(6 8)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Path_181",
+    "data-name": "Path 181",
+    className: "cls-3",
+    d: "M510 371v2h6v-2z",
+    transform: "translate(-495 -371)"
+  }), /*#__PURE__*/React.createElement("g", {
+    id: "Group_3632",
+    "data-name": "Group 3632"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Path_182",
+    "data-name": "Path 182",
+    className: "cls-3",
+    d: "M502.276 371h3.447L512 389h-3.164l-1.595-5.129h-6.586L499.036 389H496zm-.926 10.649h5.17l-.746-2.419c-.643-1.953-1.209-3.956-1.776-5.983h-.128a126.193 126.193 0 0 1-1.748 5.983z",
+    transform: "translate(-496 -371)"
+  })))));
+};
+
+const SVGComponent = _ref => {
+  let {
+    fill = '#825c0d'
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip-path"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Rectangle_124",
+    "data-name": "Rectangle 124",
+    style: {
+      fill: '#fff'
+    },
+    d: "M0 0h32v32H0z"
+  })), /*#__PURE__*/React.createElement("style", null, `\n            .cls-3{fill:${fill}}\n        `)), /*#__PURE__*/React.createElement("g", {
+    id: "Mask_Group_46",
+    "data-name": "Mask Group 46",
+    style: {
+      clipPath: 'url(#clip-path)'
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Group_3629",
+    "data-name": "Group 3629",
+    transform: "translate(6 6.001)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Path_176",
+    "data-name": "Path 176",
+    className: "cls-3",
+    d: "M-721 1949.376h2.5v-3.755h3.755v-2.5H-721z",
+    transform: "translate(721.003 -1943.118)"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Path_177",
+    "data-name": "Path 177",
+    className: "cls-3",
+    d: "M-721 1960.376h6.258v-2.5h-3.758v-3.755h-2.5z",
+    transform: "translate(721.003 -1940.376)"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Path_178",
+    "data-name": "Path 178",
+    className: "cls-3",
+    d: "M-703.744 1943.118H-710v2.5h3.755v3.755h2.5z",
+    transform: "translate(723.744 -1943.118)"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Path_179",
+    "data-name": "Path 179",
+    className: "cls-3",
+    d: "M-703.744 1960.376v-6.259h-2.5v3.755H-710v2.5z",
+    transform: "translate(723.744 -1940.376)"
+  }))));
+};
+
+const ResetIcon = _ref => {
+  let {
+    fill = '#825c0d'
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+    id: "lt43fd2cha"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    "data-name": "Rectangle 235",
+    transform: "translate(1257 1065)",
+    fill: fill,
+    d: "M0 0h32v32H0z"
+  }))), /*#__PURE__*/React__default.createElement("g", {
+    "data-name": "Mask Group 85",
+    transform: "translate(-1257 -1065)",
+    style: {
+      clipPath: 'url(#lt43fd2cha)'
+    }
+  }, /*#__PURE__*/React__default.createElement("path", {
+    "data-name": "Path 624",
+    d: "M10.17 2.285V.369L5.749 3.463l4.42 3.094V4.645a6.682 6.682 0 1 1-6.711 6.681H1.1a9.042 9.042 0 1 0 9.07-9.041z",
+    transform: "translate(1262.9 1070.631)",
+    fill: fill
+  })));
+};
+
+const ResetMobileIcon = _ref => {
+  let {
+    fill = '#825c0d'
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+    id: "c8go4wjvba"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    "data-name": "Rectangle 236",
+    transform: "translate(1257 1065)",
+    style: {
+      fill: '#fff'
+    },
+    d: "M0 0h32v32H0z"
+  }))), /*#__PURE__*/React__default.createElement("g", {
+    "data-name": "Mask Group 86",
+    transform: "translate(-1257 -1065)",
+    style: {
+      clipPath: 'url(#c8go4wjvba)'
+    }
+  }, /*#__PURE__*/React__default.createElement("path", {
+    "data-name": "Path 625",
+    d: "M8.809 2V.369L5.052 3l3.757 2.63V4A5.68 5.68 0 1 1 3.1 9.682h-2A7.686 7.686 0 1 0 8.809 2z",
+    transform: "translate(1264.214 1072.131)",
+    style: {
+      fill
+    }
+  })));
+};
+
+var css_248z = ".extraTools {\n  width: 100%;\n  display: inline-flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n  padding: 0px 20px;\n  padding-top: 12px; }\n  .extraTools__share button {\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .extraTools__download {\n    cursor: pointer; }\n    .extraTools__download-icon {\n      display: flex;\n      justify-content: center;\n      align-items: center; }\n  .extraTools__fullscreenBtn {\n    cursor: pointer;\n    padding-top: 0; }\n    .extraTools__fullscreenBtn-icon {\n      display: flex;\n      justify-content: center;\n      align-items: center; }\n  .extraTools__fontsize {\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .extraTools .font-size-changer,\n  .extraTools .font-size-changer-buttons,\n  .extraTools .font-size-up,\n  .extraTools .font-size-down,\n  .extraTools .tooltip {\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .extraTools .font-size-up {\n    width: 32px !important;\n    cursor: pointer;\n    margin-right: 16px !important; }\n  .extraTools .font-size-down {\n    cursor: pointer;\n    width: 32px !important; }\n  .extraTools .fullscreenExit {\n    text-align: right;\n    cursor: pointer;\n    border: 0; }\n  .extraTools #download-menu .MuiMenuItem-root {\n    color: #4e3a16;\n    width: auto;\n    overflow: hidden;\n    font-size: 1rem;\n    box-sizing: border-box;\n    min-height: 48px;\n    font-weight: 400;\n    line-height: 1;\n    padding-top: 1rem;\n    white-space: initial;\n    border-bottom: 0;\n    letter-spacing: 0.00938em;\n    padding-bottom: 1rem; }\n";
+styleInject(css_248z);
+
+/* eslint-disable prefer-destructuring */
+const ShareButton = _ref => {
+  let {
+    className
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('extraTools__share', className)
+  }, /*#__PURE__*/React__default.createElement(FacebookShareButton, {
+    url: document.location.href
+  }, /*#__PURE__*/React__default.createElement(FacebookIcon, {
+    size: 32,
+    round: true
+  })));
+};
+ShareButton.defaultProps = {
+  className: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+ShareButton.propTypes = {
+  /** Css Name */
+  className: PropTypes.string
+};
+const DownloadMenu = _ref2 => {
+  let {
+    className,
+    intl,
+    exclude,
+    iconColor,
+    data,
+    dataType,
+    domToImageId,
+    DownloadExcel
+  } = _ref2;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const hideButton = type => (exclude || []).filter(key => key === type).length > 0;
+  const btns = [{
+    key: 'downloadImage',
+    onClick: () => domToImage({
+      id: domToImageId
+    }),
+    label: intl ? 'knowledge.writersAndWorksSNA.download.img' : '下載圖片'
+  }, {
+    key: 'downloadGephi',
+    onClick: () => downloadGephi(data),
+    label: intl ? 'knowledge.writersAndWorksSNA.download.gephi' : '下載Gephi'
+  }, {
+    key: 'downloadTsv',
+    onClick: () => exportXlsx({
+      data,
+      dataType,
+      extType: 'tsv'
+    }),
+    label: intl ? 'knowledge.writersAndWorksSNA.download.tsv' : '下載Tsv'
+  }, {
+    key: 'downloadXls',
+    // download click trigger 交給 react-data-export
+    label: intl ? 'knowledge.writersAndWorksSNA.download.xls' : '下載Excel'
+  }];
+  // eslint-disable-next-line no-confusing-arrow
+  const isXlsxButton = (key, dom) => key === 'downloadXls' && DownloadExcel ? /*#__PURE__*/React__default.createElement(DownloadExcel, {
+    key: key,
+    element: dom,
+    data: data
+  }) : dom;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('extraTools__download', className)
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: intl ? intl.formatMessage({
+      id: 'knowledge.writersAndWorksSNA.download'
+    }) : '下載',
+    placement: "bottom"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "extraTools__download-icon",
+    onClick: e => setAnchorEl(e.currentTarget)
+  }, /*#__PURE__*/React__default.createElement(DownloadImg, {
+    fill: iconColor
+  }))), /*#__PURE__*/React__default.createElement(Menu, {
+    id: "download-menu",
+    anchorEl: anchorEl,
+    keepMounted: true,
+    open: Boolean(anchorEl),
+    onClose: () => setAnchorEl(null)
+  }, btns.map(_ref3 => {
+    let {
+      key,
+      onClick,
+      label
+    } = _ref3;
+    return !hideButton(key) && isXlsxButton(key, /*#__PURE__*/React__default.createElement(MenuItem, {
+      key: key,
+      onClick: onClick
+    }, intl ? intl.formatMessage({
+      id: label
+    }) : label));
+  })));
+};
+DownloadMenu.defaultProps = {
+  className: undefined,
+  intl: undefined,
+  exclude: undefined,
+  data: null,
+  dataType: undefined,
+  iconColor: '#825c0d',
+  domToImageId: 'network-graph',
+  DownloadExcel: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+DownloadMenu.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 語言 */
+  intl: PropTypes.objectOf(PropTypes.any),
+  /** 不顯示的按鈕 [ 'downloadImage', 'downloadTsv', 'downloadXls'] */
+  exclude: PropTypes.arrayOf(PropTypes.string),
+  /** 資料 */
+  data: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  /** 如果有下載xlsx文件, 需要提供type輸出使用 */
+  dataType: PropTypes.string,
+  /** icon顏色 */
+  iconColor: PropTypes.string,
+  /** 指定dom轉換畫布的DOM ID */
+  domToImageId: PropTypes.string,
+  /** Download元件, 由外部傳入的原因是需要環境設定 */
+  DownloadExcel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+};
+const FullscreenBtn = _ref4 => {
+  let {
+    className,
+    intl,
+    iconColor,
+    fullscreenDomId
+  } = _ref4;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('extraTools__fullscreenBtn', className)
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: intl ? intl.formatMessage({
+      id: 'knowledge.writersAndWorksSNA.fullscreen'
+    }) : '全螢幕模式',
+    placement: "bottom"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "extraTools__fullscreenBtn-icon",
+    onClick: () => {
+      if (screenfull.isEnabled && fullscreenDomId) screenfull.request(document.getElementById(fullscreenDomId));
+    }
+  }, /*#__PURE__*/React__default.createElement(SVGComponent, {
+    fill: iconColor
+  }))));
+};
+FullscreenBtn.defaultProps = {
+  className: undefined,
+  intl: undefined,
+  iconColor: '#825c0d',
+  fullscreenDomId: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+FullscreenBtn.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 語言 */
+  intl: PropTypes.objectOf(PropTypes.any),
+  /** icon顏色 */
+  iconColor: PropTypes.string,
+  /** 全螢幕指定DOM */
+  fullscreenDomId: PropTypes.string
+};
+const FontSizeChanger = _ref5 => {
+  let {
+    className,
+    intl,
+    iconColor,
+    FontSizeTargets,
+    FontSizeOptions
+  } = _ref5;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('extraTools__fontsize', className)
+  }, /*#__PURE__*/React__default.createElement(FontSize, {
+    targets: FontSizeTargets,
+    options: FontSizeOptions,
+    customButtons: {
+      up: /*#__PURE__*/React__default.createElement(Tooltip, {
+        title: intl ? intl.formatMessage({
+          id: 'knowledge.writersAndWorksSNA.big'
+        }) : '字級放大',
+        placement: "bottom"
+      }, /*#__PURE__*/React__default.createElement(SVGComponent$2, {
+        fill: iconColor
+      })),
+      down: /*#__PURE__*/React__default.createElement(Tooltip, {
+        title: intl ? intl.formatMessage({
+          id: 'knowledge.writersAndWorksSNA.small'
+        }) : '字級縮小',
+        placement: "bottom"
+      }, /*#__PURE__*/React__default.createElement(SVGComponent$1, {
+        fill: iconColor
+      })),
+      style: {
+        border: 'none'
+      },
+      buttonsMargin: 10
+    }
+  }));
+};
+FontSizeChanger.defaultProps = {
+  className: undefined,
+  intl: undefined,
+  iconColor: '#825c0d',
+  FontSizeTargets: ['#network-graph svg g text'],
+  FontSizeOptions: {
+    stepSize: 2,
+    range: 1
+  }
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+FontSizeChanger.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 語言 */
+  intl: PropTypes.objectOf(PropTypes.any),
+  /** icon顏色 */
+  iconColor: PropTypes.string,
+  /** 改變文字的目標DOM['css selector']) */
+  FontSizeTargets: PropTypes.arrayOf(PropTypes.string),
+  /** 改變文字的選項 */
+  FontSizeOptions: PropTypes.objectOf(PropTypes.any)
+};
+const SNAResetBtn = _ref6 => {
+  let {
+    className,
+    intl,
+    iconColor,
+    renderSNA
+  } = _ref6;
+  const isMobile = useMediaQuery('(max-width: 746px)');
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('extraTools__resetSNA', className)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    id: "resetBtn"
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: intl ? intl.formatMessage({
+      id: 'common.sna.reset'
+    }) : '回到原來位置與大小',
+    placement: "bottom"
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    onClick: () => renderSNA(),
+    style: {
+      padding: '0px'
+    }
+  }, isMobile ? /*#__PURE__*/React__default.createElement(ResetMobileIcon, {
+    fill: iconColor
+  }) : /*#__PURE__*/React__default.createElement(ResetIcon, {
+    fill: iconColor
+  })))));
+};
+SNAResetBtn.defaultProps = {
+  className: undefined,
+  intl: undefined,
+  iconColor: '#825c0d',
+  renderSNA: undefined
+};
+SNAResetBtn.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 語言 */
+  intl: PropTypes.objectOf(PropTypes.any),
+  /** icon顏色 */
+  iconColor: PropTypes.string,
+  /** 重新渲染SNA */
+  renderSNA: PropTypes.func
+};
+
+var ExtraTools = function ExtraTools(_ref) {
+  var className = _ref.className,
+    intl = _ref.intl,
+    exclude = _ref.exclude,
+    data = _ref.data,
+    dataType = _ref.dataType,
+    iconColor = _ref.iconColor,
+    domToImageId = _ref.domToImageId,
+    FontSizeTargets = _ref.FontSizeTargets,
+    FontSizeOptions = _ref.FontSizeOptions,
+    DownloadExcel = _ref.DownloadExcel,
+    fullscreenDomId = _ref.fullscreenDomId,
+    renderSNA = _ref.renderSNA;
+  var hideButton = function hideButton(keys) {
+    return (exclude || []).filter(function (key) {
+      return keys.some(function (item) {
+        return item === key;
+      });
+    }).length === keys.length;
+  };
+  var BtnsProps = {
+    intl: intl,
+    exclude: exclude,
+    data: data,
+    dataType: dataType,
+    iconColor: iconColor,
+    domToImageId: domToImageId,
+    FontSizeTargets: FontSizeTargets,
+    FontSizeOptions: FontSizeOptions,
+    DownloadExcel: DownloadExcel,
+    fullscreenDomId: fullscreenDomId,
+    renderSNA: renderSNA
+  };
+  var isIOSMobile = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+  var tools = [{
+    keys: ['share'],
+    Component: ShareButton
+  }, {
+    keys: ['downloadImage', 'downloadGephi', 'downloadTsv', 'downloadXls'],
+    Component: DownloadMenu
+  }, !isIOSMobile && {
+    keys: ['fullscreen'],
+    Component: FullscreenBtn
+  }, {
+    keys: ['fontSizeChanger'],
+    Component: FontSizeChanger
+  }, {
+    keys: ['resetSNA'],
+    Component: SNAResetBtn
+  }];
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('extraTools', className)
+  }, tools.filter(function (t) {
+    return t;
+  }).map(function (_ref2) {
+    var keys = _ref2.keys,
+      Component = _ref2.Component;
+    return !hideButton(keys) && /*#__PURE__*/React__default.createElement(Component, _extends({
+      key: keys[0]
+    }, BtnsProps));
+  }));
+};
+
+/* 提供外部引用子元件, 子元件各自享獨立運作功能 */
+ExtraTools.ShareButton = ShareButton;
+ExtraTools.DownloadMenu = DownloadMenu;
+ExtraTools.FullscreenBtn = FullscreenBtn;
+ExtraTools.FontSizeChanger = FontSizeChanger;
+ExtraTools.defaultProps = {
+  className: undefined,
+  intl: undefined,
+  exclude: ['downloadGephi'],
+  data: null,
+  dataType: undefined,
+  iconColor: '#825c0d',
+  domToImageId: 'network-graph',
+  FontSizeTargets: ['#network-graph svg g text'],
+  FontSizeOptions: {
+    stepSize: 2,
+    range: 1
+  },
+  DownloadExcel: undefined,
+  fullscreenDomId: undefined,
+  renderSNA: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+ExtraTools.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 語言 */
+  intl: PropTypes.objectOf(PropTypes.any),
+  /** 不顯示的按鈕 ['share', 'downloadImage', 'downloadTsv', 'downloadXls', 'fullscreen', 'fontSizeChanger'] */
+  exclude: PropTypes.arrayOf(PropTypes.string),
+  /** 資料 */
+  data: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  /** 如果有下載xlsx文件, 需要提供type輸出使用 */
+  dataType: PropTypes.string,
+  /** icon顏色 */
+  iconColor: PropTypes.string,
+  /** 指定dom轉換畫布的DOM ID */
+  domToImageId: PropTypes.string,
+  /** 改變文字的目標DOM['css selector']) */
+  FontSizeTargets: PropTypes.arrayOf(PropTypes.string),
+  /** 改變文字的選項 */
+  FontSizeOptions: PropTypes.objectOf(PropTypes.any),
+  /** Download元件, 由外部傳入的原因是需要環境設定 */
+  DownloadExcel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  /** 全螢幕指定DOM */
+  fullscreenDomId: PropTypes.string,
+  /** 重設SNA */
+  renderSNA: PropTypes.func
+};
+
+export { ExtraTools as E };