@daoyi/nmtl-ui 2.0.1-beta.57 → 2.0.1-beta.58

package/lib/components/{Autocomplete-bcff5080.js → Autocomplete-029d41ba.js}

@@ -7,7 +7,7 @@ import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import { Chip, TextField, CircularProgress } from '@material-ui/core';
 import { Close, SearchOutlined } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { E as Empty } from './Empty-4a4a127f.js';
+import { E as Empty } from './Empty-53ff1821.js';
 
 var useAutocomplete = (_ref => {
   let {
@@ -103,7 +103,7 @@ var useAutocomplete = (_ref => {
   };
 });
 
-var css_248z = ".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px; }\n\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px;\n  cursor: pointer; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n";
+var css_248z = ".autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  padding: 0px 8px;\n}\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px;\n}\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px;\n}";
 styleInject(css_248z);
 
 var Autocomplete = function Autocomplete(props) {

package/lib/components/Autocomplete.js

@@ -1,4 +1,4 @@
-export { A as default } from './Autocomplete-bcff5080.js';
+export { A as default } from './Autocomplete-029d41ba.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
@@ -10,4 +10,4 @@ import '@material-ui/lab';
 import '@material-ui/core';
 import '@material-ui/icons';
 import './style-inject.es-1f59c1d0.js';
-import './Empty-4a4a127f.js';
+import './Empty-53ff1821.js';

package/lib/components/Avatar.js

@@ -11,12 +11,14 @@ var Avatar = function Avatar(_ref) {
   var className = _ref.className,
     shape = _ref.shape,
     src = _ref.src,
-    _onError = _ref.onError;
-  return /*#__PURE__*/React__default.createElement(Avatar$1, {
+    _onError = _ref.onError,
+    _ref$defaultImg = _ref.defaultImg,
+    defaultImg = _ref$defaultImg === void 0 ? '' : _ref$defaultImg;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar$1, {
     className: classNames('avatar', className),
     variant: shape,
     src: src
-  }, /*#__PURE__*/React__default.createElement("img", {
+  }, defaultImg), typeof _onError === 'function' && /*#__PURE__*/React__default.createElement("img", {
     src: src,
     onError: function onError() {
       return _onError();

package/lib/components/BackTop.js

@@ -34,7 +34,7 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("pa
 
 default_1 = ExpandLessSharp.default = _default;
 
-var css_248z = ".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer; }\n  .backTop__default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 70px;\n    border-radius: 45px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease-in-out; }\n    .backTop__default:hover {\n      opacity: 1; }\n    .backTop__default .MuiSvgIcon-root {\n      margin-bottom: -3px; }\n  .backTop:hover {\n    opacity: 0.7; }\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px; } }\n";
+var css_248z = ".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer;\n}\n.backTop__default {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  border-radius: 45px;\n  opacity: 0.8;\n  transition: opacity 0.3s ease-in-out;\n}\n.backTop__default:hover {\n  opacity: 1;\n}\n.backTop__default .MuiSvgIcon-root {\n  margin-bottom: -3px;\n}\n.backTop:hover {\n  opacity: 0.7;\n}\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px;\n  }\n}";
 styleInject(css_248z);
 
 var scrollToTop = function scrollToTop() {

package/lib/components/BarChart.js

@@ -635,7 +635,7 @@ function linear() {
   return linearish(scale);
 }
 
-var css_248z = "#barChart {\n  width: 100%; }\n";
+var css_248z = "#barChart {\n  width: 100%;\n}";
 styleInject(css_248z);
 
 var BarChart = function BarChart(_ref) {

package/lib/components/Breadcrumbs.js

@@ -5,7 +5,7 @@ import { NavLink } from 'react-router-dom';
 import { Typography, Breadcrumbs as Breadcrumbs$1 } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z$1 = ".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out; }\n  .breadcrumbItem:hover {\n    opacity: 1; }\n  .breadcrumbItem--last {\n    opacity: 1;\n    font-weight: 500 !important; }\n  .breadcrumbItem__icon {\n    display: flex;\n    align-items: center;\n    margin-right: 4px; }\n    .breadcrumbItem__icon svg {\n      font-size: 18px; }\n";
+var css_248z$1 = ".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out;\n}\n.breadcrumbItem:hover {\n  opacity: 1;\n}\n.breadcrumbItem--last {\n  opacity: 1;\n  font-weight: 500 !important;\n}\n.breadcrumbItem__icon {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.breadcrumbItem__icon svg {\n  font-size: 18px;\n}";
 styleInject(css_248z$1);
 
 const BreadcrumbItem = _ref => {
@@ -45,7 +45,7 @@ BreadcrumbItem.propTypes = {
   onClick: PropTypes.func
 };
 
-var css_248z = ".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important; }\n";
+var css_248z = ".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important;\n}";
 styleInject(css_248z);
 
 var Breadcrumbs = function Breadcrumbs(_ref) {

package/lib/components/{Button-211cf931.js → Button-1b58ff47.js}

@@ -4,7 +4,7 @@ import { c as classNames } from './index-a7369dc5.js';
 import { Button as Button$1, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".button {\n  border: 1px solid #ffffff99;\n  border-radius: 45px;\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  cursor: pointer; }\n  .button:hover {\n    opacity: 0.9; }\n";
+var css_248z = ".button {\n  border: 1px solid #ffffff99;\n  border-radius: 45px;\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  cursor: pointer;\n}\n.button:hover {\n  opacity: 0.9;\n}";
 styleInject(css_248z);
 
 var Button = function Button(props) {

package/lib/components/Button.js

@@ -1,4 +1,4 @@
-export { B as default } from './Button-211cf931.js';
+export { B as default } from './Button-1b58ff47.js';
 import 'react';
 import 'prop-types';
 import './index-a7369dc5.js';

package/lib/components/Carousel.js

@@ -4599,7 +4599,7 @@ styleInject(css_248z$2);
 var css_248z$1 = "@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n    color: transparent;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n    opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n    opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: .75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n    left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n    right: -25px;\n    left: auto;\n}\n.slick-prev:before\n{\n    content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n    content: '→';\n}\n\n.slick-next\n{\n    right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n    right: auto;\n    left: -25px;\n}\n.slick-next:before\n{\n    content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n    content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n    margin-bottom: 30px;\n}\n\n.slick-dots\n{\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n}\n.slick-dots li\n{\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n}\n.slick-dots li button\n{\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n    outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n    opacity: 1;\n}\n.slick-dots li button:before\n{\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '•';\n    text-align: center;\n\n    opacity: .25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n    opacity: .75;\n    color: black;\n}\n";
 styleInject(css_248z$1);
 
-var css_248z = ".carousel .slick-arrow {\n  display: none !important; }\n";
+var css_248z = ".carousel .slick-arrow {\n  display: none !important;\n}";
 styleInject(css_248z);
 
 var _excluded = ["className", "autoplay", "children"];

package/lib/components/CollapseContent.js

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from './index-a7369dc5.js';
 import PropTypes from 'prop-types';
 import { Typography } from '@material-ui/core';
-import { M as MoreButton } from './MoreButton-2f69b660.js';
+import { M as MoreButton } from './MoreButton-641c3827.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
 
@@ -63,7 +63,7 @@ var textDivider = (text => {
   );
 });
 
-var css_248z = ".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all; }\n  .collapseContent__desc p,\n  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--1 {\n    -webkit-line-clamp: 1; }\n  .collapseContent__desc--2 {\n    -webkit-line-clamp: 2; }\n  .collapseContent__desc--3 {\n    -webkit-line-clamp: 3; }\n  .collapseContent__desc--4 {\n    -webkit-line-clamp: 4; }\n  .collapseContent__desc--5 {\n    -webkit-line-clamp: 5; }\n  .collapseContent__desc--10 {\n    -webkit-line-clamp: 10; }\n  .collapseContent__desc--lightHeight {\n    line-height: 2.25; }\n  .collapseContent__desc--expand {\n    -webkit-line-clamp: initial; }\n  .collapseContent__desc--indent {\n    text-indent: 3rem; }\n";
+var css_248z = ".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n.collapseContent__desc p,\n.collapseContent__desc pre {\n  margin: 0;\n}\n.collapseContent__desc--1 {\n  -webkit-line-clamp: 1;\n}\n.collapseContent__desc--2 {\n  -webkit-line-clamp: 2;\n}\n.collapseContent__desc--3 {\n  -webkit-line-clamp: 3;\n}\n.collapseContent__desc--4 {\n  -webkit-line-clamp: 4;\n}\n.collapseContent__desc--5 {\n  -webkit-line-clamp: 5;\n}\n.collapseContent__desc--10 {\n  -webkit-line-clamp: 10;\n}\n.collapseContent__desc--lightHeight {\n  line-height: 2.25;\n}\n.collapseContent__desc--expand {\n  -webkit-line-clamp: initial;\n}\n.collapseContent__desc--indent {\n  text-indent: 3rem;\n}";
 styleInject(css_248z);
 
 // const remUnit = 16;

package/lib/components/{ContactModal-bcbb6fcf.js → ContactModal-73f43220.js}

@@ -3,11 +3,11 @@ import React__default, { createContext, forwardRef, createElement, useContext, u
 import PropTypes from 'prop-types';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';
 import axios from 'axios';
-import { M as Modal } from './Modal-a28243dd.js';
+import { M as Modal } from './Modal-06099b6d.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { c as classNames } from './index-a7369dc5.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-c46c7389.js';
+import { S as Select } from './Select-2793e2a5.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-af6a82b5.js';
 import { getIntl } from './globalConfig';
@@ -9992,7 +9992,7 @@ const getConfig = () => ({
   color: [getRandom(100, 255, 3), getRandom(100, 255, 4), getRandom(100, 255, 3), getRandom(100, 255, 3)]
 });
 
-var css_248z$2 = ".vcode {\n  display: block;\n  align-items: center; }\n  .vcode__image {\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.8);\n    width: 160px;\n    overflow: hidden;\n    height: 50px;\n    text-align: center;\n    position: relative; }\n    .vcode__image:hover .vcode__mask {\n      opacity: 0.8; }\n    .vcode__image__mask {\n      position: absolute;\n      width: 100%;\n      top: 0;\n      line-height: 50px;\n      background-color: rgba(0, 0, 0, 0.95);\n      opacity: 0;\n      z-index: 1;\n      transition: opacity 0.3s ease-in-out;\n      cursor: pointer; }\n    .vcode__image__itemStr {\n      float: left;\n      margin-left: 20px; }\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n";
+var css_248z$2 = ".vcode {\n  display: block;\n  align-items: center;\n}\n.vcode__image {\n  margin-top: 10px;\n  background: rgba(0, 0, 0, 0.8);\n  width: 160px;\n  overflow: hidden;\n  height: 50px;\n  text-align: center;\n  position: relative;\n}\n.vcode__image:hover .vcode__mask {\n  opacity: 0.8;\n}\n.vcode__image__mask {\n  position: absolute;\n  width: 100%;\n  top: 0;\n  line-height: 50px;\n  background-color: rgba(0, 0, 0, 0.95);\n  opacity: 0;\n  z-index: 1;\n  transition: opacity 0.3s ease-in-out;\n  cursor: pointer;\n}\n.vcode__image__itemStr {\n  float: left;\n  margin-left: 20px;\n}\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}";
 styleInject(css_248z$2);
 
 const VCode = _ref => {
@@ -10072,7 +10072,7 @@ var googleLogin = {exports: {}};
 
 var GoogleLogin = /*@__PURE__*/getDefaultExportFromCjs(googleLogin.exports);
 
-var css_248z$1 = ".emailInput__loginSDK {\n  display: flex;\n  align-items: center; }\n  .emailInput__loginSDK__google {\n    padding: 6px 10px 4px !important;\n    border: 1px solid black !important; }\n    .emailInput__loginSDK__google div {\n      padding: 0 !important; }\n    .emailInput__loginSDK__google span {\n      padding: 0 !important; }\n  .emailInput__loginSDK__fb {\n    padding: 9px 10px !important;\n    border-radius: 3px;\n    margin-left: 10px;\n    background-color: #4c69ba;\n    border: 1px solid black;\n    color: white; }\n    .emailInput__loginSDK__fb i {\n      margin-right: 10px; }\n\n.emailInput__operator {\n  margin-top: 10px; }\n";
+var css_248z$1 = ".emailInput__loginSDK {\n  display: flex;\n  align-items: center;\n}\n.emailInput__loginSDK__google {\n  padding: 6px 10px 4px !important;\n  border: 1px solid black !important;\n}\n.emailInput__loginSDK__google div {\n  padding: 0 !important;\n}\n.emailInput__loginSDK__google span {\n  padding: 0 !important;\n}\n.emailInput__loginSDK__fb {\n  padding: 9px 10px !important;\n  border-radius: 3px;\n  margin-left: 10px;\n  background-color: #4c69ba;\n  border: 1px solid black;\n  color: white;\n}\n.emailInput__loginSDK__fb i {\n  margin-right: 10px;\n}\n.emailInput__operator {\n  margin-top: 10px;\n}";
 styleInject(css_248z$1);
 
 const EmailInput = _ref => {
@@ -11530,7 +11530,7 @@ Upload.propTypes = {
   onChange: PropTypes.func.isRequired
 };
 
-var css_248z = ".formItem {\n  width: 100%;\n  margin-bottom: 16px; }\n  .formItem:last-child {\n    margin-bottom: initial; }\n  .formItem__title {\n    display: flex;\n    font-size: 16px;\n    font-weight: bold; }\n    .formItem__title__star {\n      margin-left: 3px;\n      color: #d93333; }\n  .formItem__operator {\n    margin: 2px 0;\n    font-size: 14px; }\n    .formItem__operator__radio__desc {\n      margin-left: 35px !important; }\n    .formItem__operator--unsupport {\n      border: 1px solid #d93333;\n      background: pink;\n      color: black;\n      padding: 5px 10px; }\n  .formItem__error {\n    color: #d93333;\n    font-weight: bold; }\n  .formItem textarea {\n    border: 1px solid #d9d9d9;\n    border-radius: 3px;\n    width: 100%;\n    background: transparent;\n    padding: 6px 10px; }\n  .formItem ::-webkit-calendar-picker-indicator {\n    filter: invert(1); }\n";
+var css_248z = ".formItem {\n  width: 100%;\n  margin-bottom: 16px;\n}\n.formItem:last-child {\n  margin-bottom: initial;\n}\n.formItem__title {\n  display: flex;\n  font-size: 16px;\n  font-weight: bold;\n}\n.formItem__title__star {\n  margin-left: 3px;\n  color: #d93333;\n}\n.formItem__operator {\n  margin: 2px 0;\n  font-size: 14px;\n}\n.formItem__operator__radio__desc {\n  margin-left: 35px !important;\n}\n.formItem__operator--unsupport {\n  border: 1px solid #d93333;\n  background: pink;\n  color: black;\n  padding: 5px 10px;\n}\n.formItem__error {\n  color: #d93333;\n  font-weight: bold;\n}\n.formItem textarea {\n  border: 1px solid #d9d9d9;\n  border-radius: 3px;\n  width: 100%;\n  background: transparent;\n  padding: 6px 10px;\n}\n.formItem ::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}";
 styleInject(css_248z);
 
 const FormItem = _ref => {

package/lib/components/ContactModal.js

@@ -1,20 +1,20 @@
-export { C as default } from './ContactModal-bcbb6fcf.js';
+export { C as default } from './ContactModal-73f43220.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
 import 'axios';
-import './Modal-a28243dd.js';
+import './Modal-06099b6d.js';
 import './index-a7369dc5.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-211cf931.js';
+import './Button-1b58ff47.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-cb7a9d45.js';
+import './Spin-9a7c89ed.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-c46c7389.js';
-import './Empty-4a4a127f.js';
+import './Select-2793e2a5.js';
+import './Empty-53ff1821.js';
 import './createSvgIcon-af6a82b5.js';
 import './defaultTheme-19a14721.js';
 import '@material-ui/styles';

package/lib/components/{Drawer-f32a20be.js → Drawer-d67f6c95.js}

@@ -3,7 +3,7 @@ import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
 import { DehazeRounded } from '@material-ui/icons';
-import { S as Select } from './Select-c46c7389.js';
+import { S as Select } from './Select-2793e2a5.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
@@ -72,7 +72,7 @@ DrawerList.propTypes = {
   setOpen: PropTypes.func.isRequired
 };
 
-var css_248z = ".drawer__icon {\n  display: none !important; }\n\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px; }\n  .drawer__header-title {\n    font-size: 18px;\n    font-weight: bold; }\n\n.drawer__list {\n  padding: 10px !important; }\n  .drawer__list .MuiSvgIcon-root {\n    margin-left: 8px; }\n\n.drawer__lang {\n  margin: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n";
+var css_248z = ".drawer__icon {\n  display: none !important;\n}\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px;\n}\n.drawer__header-title {\n  font-size: 18px;\n  font-weight: bold;\n}\n.drawer__list {\n  padding: 10px !important;\n}\n.drawer__list .MuiSvgIcon-root {\n  margin-left: 8px;\n}\n.drawer__lang {\n  margin: 24px 36px !important;\n}\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .drawer__icon {\n    display: flex !important;\n  }\n}";
 styleInject(css_248z);
 
 var Drawer = function Drawer(_ref) {

package/lib/components/Drawer.js

@@ -1,11 +1,11 @@
-export { D as default } from './Drawer-f32a20be.js';
+export { D as default } from './Drawer-d67f6c95.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-c46c7389.js';
+import './Select-2793e2a5.js';
 import './index-a7369dc5.js';
-import './Empty-4a4a127f.js';
+import './Empty-53ff1821.js';
 import './style-inject.es-1f59c1d0.js';
 import 'react-router-dom';

package/lib/components/{Empty-4a4a127f.js → Empty-53ff1821.js}

@@ -5,7 +5,7 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var img = "data:image/svg+xml,%3csvg class='ant-empty-img-default' width='184' height='152' viewBox='0 0 184 152' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3cg transform='translate(24 31.67)'%3e %3cellipse fill='%23f5f5f5' fill-opacity='0.8' cx='67.797' cy='106.89' rx='67.797' ry='12.668'%3e%3c/ellipse%3e %3cpath fill='%23aeb8c2' d='M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z'%3e%3c/path%3e %3cpath fill='url(%23linearGradient-1)' d='M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z' transform='translate(13.56)'%3e%3c/path%3e %3cpath fill='%23f5f5f7' d='M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'%3e%3c/path%3e %3cpath fill='%23dce0e6' d='M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z'%3e%3c/path%3e %3c/g%3e %3cpath fill='%23dce0e6' d='M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z'%3e%3c/path%3e %3cg fill='white' transform='translate(149.65 15.383)'%3e %3cellipse cx='20.654' cy='3.167' rx='2.849' ry='2.815'%3e%3c/ellipse%3e %3cpath d='M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z'%3e%3c/path%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
 
-var css_248z = ".antd-empty {\n  width: 100%;\n  font-size: 1rem;\n  line-height: 1.5715;\n  text-align: center;\n  overflow: hidden;\n  height: 100%; }\n  .antd-empty .ant-empty-image {\n    height: 100px;\n    margin-bottom: 8px; }\n    .antd-empty .ant-empty-image img {\n      height: calc(100% - 22px);\n      margin: auto; }\n  .antd-empty .antd-empty-description {\n    color: rgba(0, 0, 0, 0.85); }\n";
+var css_248z = ".antd-empty {\n  width: 100%;\n  font-size: 1rem;\n  line-height: 1.5715;\n  text-align: center;\n  overflow: hidden;\n  height: 100%;\n}\n.antd-empty .ant-empty-image {\n  height: 100px;\n  margin-bottom: 8px;\n}\n.antd-empty .ant-empty-image img {\n  height: calc(100% - 22px);\n  margin: auto;\n}\n.antd-empty .antd-empty-description {\n  color: rgba(0, 0, 0, 0.85);\n}";
 styleInject(css_248z);
 
 var Empty = function Empty(_ref) {

package/lib/components/Empty.js

@@ -1,4 +1,4 @@
-export { E as default } from './Empty-4a4a127f.js';
+export { E as default } from './Empty-53ff1821.js';
 import 'react';
 import 'prop-types';
 import './index-a7369dc5.js';

package/lib/components/ExportButton.js

@@ -8,7 +8,7 @@ import { f as fileDownload, j as jsonTxt, a as jsonExcel } from './dataExport-d5
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".exportButton {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  transition: color 0.3s ease-in-out;\n  -webkit-user-select: none;\n          user-select: none; }\n  .exportButton--right {\n    justify-content: flex-end; }\n  .exportButton__text {\n    display: flex;\n    align-items: center;\n    text-decoration: underline;\n    cursor: pointer; }\n    .exportButton__text__icon {\n      font-size: 2rem;\n      margin-right: 4px; }\n    .exportButton__text:hover {\n      font-weight: bold; }\n";
+var css_248z = ".exportButton {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  transition: color 0.3s ease-in-out;\n  -webkit-user-select: none;\n          user-select: none;\n}\n.exportButton--right {\n  justify-content: flex-end;\n}\n.exportButton__text {\n  display: flex;\n  align-items: center;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.exportButton__text__icon {\n  font-size: 2rem;\n  margin-right: 4px;\n}\n.exportButton__text:hover {\n  font-weight: bold;\n}";
 styleInject(css_248z);
 
 var ExportButton = function ExportButton(_ref) {

package/lib/components/{ExtraTools-168e6b58.js → ExtraTools-e3040d0d.js}

@@ -5,7 +5,7 @@ import { c as classNames } from './index-a7369dc5.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-88a252e2.js';
+import { T as Tooltip } from './Tooltip-f3afa927.js';
 import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-d55d6fa3.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
@@ -3143,7 +3143,7 @@ const ResetMobileIcon = _ref => {
   })));
 };
 
-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";
+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}\n.extraTools__share button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools__download {\n  cursor: pointer;\n}\n.extraTools__download-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools__fullscreenBtn {\n  cursor: pointer;\n  padding-top: 0;\n}\n.extraTools__fullscreenBtn-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools__fontsize {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\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}\n.extraTools .font-size-up {\n  width: 32px !important;\n  cursor: pointer;\n  margin-right: 16px !important;\n}\n.extraTools .font-size-down {\n  cursor: pointer;\n  width: 32px !important;\n}\n.extraTools .fullscreenExit {\n  text-align: right;\n  cursor: pointer;\n  border: 0;\n}\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 */

package/lib/components/ExtraTools.js

@@ -1,10 +1,10 @@
-export { E as default } from './ExtraTools-168e6b58.js';
+export { E as default } from './ExtraTools-e3040d0d.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import './index-a7369dc5.js';
 import 'prop-types';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-88a252e2.js';
+import './Tooltip-f3afa927.js';
 import './style-inject.es-1f59c1d0.js';
 import './dataExport-d55d6fa3.js';

package/lib/components/Filter.js

@@ -717,7 +717,7 @@ historyAppendSearch.propTypes = {
   history: PropTypes.objectOf(PropTypes.any).isRequired
 };
 
-var css_248z = "@charset \"UTF-8\";\n.filter {\n  flex: 1;\n  font-size: 1.5rem; }\n  .filter__item {\n    cursor: pointer; }\n    .filter__item--active {\n      font-weight: 500; }\n    .filter__item--disabled {\n      pointer-events: none; }\n    .filter__item:hover {\n      font-weight: 500; }\n    .filter__item::after {\n      content: '．'; }\n    .filter__item:last-child::after {\n      content: none; }\n";
+var css_248z = "@charset \"UTF-8\";\n.filter {\n  flex: 1;\n  font-size: 1.5rem;\n}\n.filter__item {\n  cursor: pointer;\n}\n.filter__item--active {\n  font-weight: 500;\n}\n.filter__item--disabled {\n  pointer-events: none;\n}\n.filter__item:hover {\n  font-weight: 500;\n}\n.filter__item::after {\n  content: \"．\";\n}\n.filter__item:last-child::after {\n  content: none;\n}";
 styleInject(css_248z);
 
 var _templateObject;

package/lib/components/Footer.js

@@ -3,18 +3,18 @@ import React__default, { useState, useEffect } from 'react';
 import { c as classNames } from './index-a7369dc5.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-bcbb6fcf.js';
-import { S as Spin } from './Spin-cb7a9d45.js';
+import { C as ContactModal } from './ContactModal-73f43220.js';
+import { S as Spin } from './Spin-9a7c89ed.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
-import './Modal-a28243dd.js';
+import './Modal-06099b6d.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-211cf931.js';
+import './Button-1b58ff47.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-c46c7389.js';
-import './Empty-4a4a127f.js';
+import './Select-2793e2a5.js';
+import './Empty-53ff1821.js';
 import './createSvgIcon-af6a82b5.js';
 import './defaultTheme-19a14721.js';
 import '@material-ui/styles';
@@ -65,7 +65,7 @@ NmtlLogo.propTypes = {
   onClick: PropTypes.func
 };
 
-var css_248z = ".footer {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  position: relative;\n  z-index: 1; }\n  .footer__bg {\n    width: 100%;\n    position: absolute;\n    bottom: 0; }\n    .footer__bg-mobile {\n      display: none;\n      object-position: 0 0;\n      object-fit: cover;\n      height: 50rem; }\n    .footer__bg--single {\n      bottom: 100%; }\n  .footer__logo {\n    width: 220px;\n    cursor: pointer;\n    margin: 2rem calc(100% * 1 / 12 + 2rem); }\n  .footer__content {\n    display: flex;\n    align-items: baseline;\n    margin: 0 calc(100% * 1 / 12 + 2rem);\n    font-size: 1.25rem; }\n    .footer__content__item {\n      display: flex;\n      flex-direction: column;\n      width: 33%;\n      min-width: 300px;\n      margin-bottom: 2rem;\n      color: white; }\n      .footer__content__item:last-child {\n        margin-bottom: 4rem; }\n      .footer__content__item__link {\n        color: white;\n        cursor: pointer;\n        text-decoration: none; }\n        .footer__content__item__link:hover {\n          text-decoration: underline; }\n  .footer .customSpin {\n    z-index: 2; }\n\n@media only screen and (max-width: 1160px) {\n  .footer__content {\n    flex-direction: column; } }\n\n@media only screen and (max-width: 767px) {\n  .footer__bg {\n    display: none; }\n    .footer__bg-mobile {\n      display: initial; }\n    .footer__bg--single {\n      display: initial; }\n  .footer__content {\n    font-size: 1.25rem; } }\n\n@media only screen and (max-width: 484px) {\n  .footer__logo {\n    margin: 2rem; }\n  .footer__content {\n    margin: 2rem 2rem 0;\n    font-size: 1rem; } }\n";
+var css_248z = ".footer {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.footer__bg {\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n}\n.footer__bg-mobile {\n  display: none;\n  object-position: 0 0;\n  object-fit: cover;\n  height: 50rem;\n}\n.footer__bg--single {\n  bottom: 100%;\n}\n.footer__logo {\n  width: 220px;\n  cursor: pointer;\n  margin: 2rem calc(8.3333333333% + 2rem);\n}\n.footer__content {\n  display: flex;\n  align-items: baseline;\n  margin: 0 calc(8.3333333333% + 2rem);\n  font-size: 1.25rem;\n}\n.footer__content__item {\n  display: flex;\n  flex-direction: column;\n  width: 33%;\n  min-width: 300px;\n  margin-bottom: 2rem;\n  color: white;\n}\n.footer__content__item:last-child {\n  margin-bottom: 4rem;\n}\n.footer__content__item__link {\n  color: white;\n  cursor: pointer;\n  text-decoration: none;\n}\n.footer__content__item__link:hover {\n  text-decoration: underline;\n}\n.footer .customSpin {\n  z-index: 2;\n}\n\n@media only screen and (max-width: 1160px) {\n  .footer__content {\n    flex-direction: column;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .footer__bg {\n    display: none;\n  }\n  .footer__bg-mobile {\n    display: initial;\n  }\n  .footer__bg--single {\n    display: initial;\n  }\n  .footer__content {\n    font-size: 1.25rem;\n  }\n}\n@media only screen and (max-width: 484px) {\n  .footer__logo {\n    margin: 2rem;\n  }\n  .footer__content {\n    margin: 2rem 2rem 0;\n    font-size: 1rem;\n  }\n}";
 styleInject(css_248z);
 
 var textClassName = 'footer__content__item__text';

package/lib/components/{ForwardLink-30b32dfd.js → ForwardLink-d1a33ce9.js}

@@ -6,7 +6,7 @@ import { useHistory, Link } from 'react-router-dom';
 import { Tooltip } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".forwardLink {\n  width: -moz-fit-content;\n  width: fit-content; }\n  .forwardLink__link {\n    color: unset;\n    text-decoration: none;\n    cursor: pointer; }\n    .forwardLink__link--disabled {\n      cursor: not-allowed; }\n";
+var css_248z = ".forwardLink {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.forwardLink__link {\n  color: unset;\n  text-decoration: none;\n  cursor: pointer;\n}\n.forwardLink__link--disabled {\n  cursor: not-allowed;\n}";
 styleInject(css_248z);
 
 var _excluded = ["className", "title", "target", "disabled", "children", "tip", "onClick"];

package/lib/components/ForwardLink.js

@@ -1,4 +1,4 @@
-export { F as default } from './ForwardLink-30b32dfd.js';
+export { F as default } from './ForwardLink-d1a33ce9.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';

package/lib/components/Header.js

@@ -6,18 +6,18 @@ import { d as debounce_1 } from './debounce-127da66c.js';
 import { useHistory, useRouteMatch, NavLink } from 'react-router-dom';
 import { Typography, IconButton } from '@material-ui/core';
 import { SearchOutlined } from '@material-ui/icons';
-import { K as KeywordSearch } from './KeywordSearch-7b6c3ed4.js';
-import { S as Select } from './Select-c46c7389.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-f32a20be.js';
+import { K as KeywordSearch } from './KeywordSearch-f3ebeff0.js';
+import { S as Select } from './Select-2793e2a5.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-d67f6c95.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import 'axios';
-import './Autocomplete-bcff5080.js';
+import './Autocomplete-029d41ba.js';
 import '@material-ui/lab';
-import './Empty-4a4a127f.js';
+import './Empty-53ff1821.js';
 
-var css_248z = "@charset \"UTF-8\";\n.header {\n  display: flex;\n  align-items: center;\n  background: rgba(255, 255, 255, 0.6);\n  background-color: rgba(255, 255, 255, 0.6);\n  padding: 12px 36px !important;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  width: 100% !important;\n  transition: top 0.3s ease-in-out;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(4px);\n          backdrop-filter: blur(4px); }\n  .header__logo {\n    display: flex;\n    width: -moz-fit-content !important;\n    width: fit-content !important;\n    margin-right: 30px !important;\n    cursor: pointer; }\n    .header__logo__img {\n      display: flex;\n      align-items: center; }\n    .header__logo__title {\n      white-space: nowrap;\n      margin-left: 1rem !important;\n      font-size: 1.5rem !important;\n      font-weight: 700 !important;\n      font-family: 'Noto Sans TC' !important; }\n  .header__links {\n    display: flex;\n    justify-content: flex-end;\n    padding-right: 14px; }\n    .header__links a {\n      text-decoration: none; }\n    .header__links--full {\n      flex: 1; }\n    .header__links__item {\n      color: rgba(0, 0, 0, 0.85);\n      font-size: 1.125rem !important;\n      font-weight: 500 !important;\n      white-space: nowrap;\n      padding: 6px 14px;\n      font-family: 'Noto Sans TC' !important; }\n      .header__links__item--active .header__links__item {\n        font-weight: 800 !important;\n        background: transparent;\n        border-radius: 45px; }\n      .header__links__item:hover {\n        font-weight: 800 !important; }\n  .header__language {\n    min-width: 100px !important; }\n  .header__searchIcon {\n    display: none !important; }\n  @media screen and (max-width: 768px) {\n    .header--smallUseSearchIcon .header__searchIcon {\n      display: flex !important;\n      margin-right: 10px !important; }\n    .header--smallUseSearchIcon .keywordSearch {\n      visibility: hidden;\n      flex: 1;\n      width: 0; } }\n  .header--hide {\n    top: -100px; }\n  .header--focus .header__links {\n    display: none; }\n  .header .MuiTypography-root {\n    width: 100%;\n    display: flex;\n    align-items: center; }\n  .header .autocomplete {\n    float: right; }\n    .header .autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n      padding: 1px 8px !important; }\n  .header .keywordSearch {\n    margin-right: 8px; }\n    .header .keywordSearch--focus .autocomplete {\n      width: 100% !important; }\n    .header .keywordSearch--animation .autocomplete {\n      width: 240px;\n      transition: width 0.3s ease-in-out; }\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n  .header .keywordSearch--animation .autocomplete {\n    width: 100%; } }\n\n@media screen and (max-width: 768px) {\n  .header {\n    padding: 12px 15px !important; }\n    .header__logo {\n      margin-right: 16px !important; }\n      .header__logo__title {\n        display: none !important; }\n    .header__links {\n      display: none; }\n      .header__links__item {\n        font-size: 1rem !important; }\n    .header__language {\n      display: none !important; }\n    .header--focus .header__logo {\n      display: none !important; }\n  .autocomplete__icon {\n    display: none !important; } }\n";
+var css_248z = "@charset \"UTF-8\";\n.header {\n  display: flex;\n  align-items: center;\n  background: rgba(255, 255, 255, 0.6);\n  background-color: rgba(255, 255, 255, 0.6);\n  padding: 12px 36px !important;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  width: 100% !important;\n  transition: top 0.3s ease-in-out;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(4px);\n          backdrop-filter: blur(4px);\n}\n.header__logo {\n  display: flex;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  margin-right: 30px !important;\n  cursor: pointer;\n}\n.header__logo__img {\n  display: flex;\n  align-items: center;\n}\n.header__logo__title {\n  white-space: nowrap;\n  margin-left: 1rem !important;\n  font-size: 1.5rem !important;\n  font-weight: 700 !important;\n  font-family: \"Noto Sans TC\" !important;\n}\n.header__links {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 14px;\n}\n.header__links a {\n  text-decoration: none;\n}\n.header__links--full {\n  flex: 1;\n}\n.header__links__item {\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 1.125rem !important;\n  font-weight: 500 !important;\n  white-space: nowrap;\n  padding: 6px 14px;\n  font-family: \"Noto Sans TC\" !important;\n}\n.header__links__item--active .header__links__item {\n  font-weight: 800 !important;\n  background: transparent;\n  border-radius: 45px;\n}\n.header__links__item:hover {\n  font-weight: 800 !important;\n}\n.header__language {\n  min-width: 100px !important;\n}\n.header__searchIcon {\n  display: none !important;\n}\n@media screen and (max-width: 768px) {\n  .header--smallUseSearchIcon .header__searchIcon {\n    display: flex !important;\n    margin-right: 10px !important;\n  }\n  .header--smallUseSearchIcon .keywordSearch {\n    visibility: hidden;\n    flex: 1;\n    width: 0;\n  }\n}\n.header--hide {\n  top: -100px;\n}\n.header--focus .header__links {\n  display: none;\n}\n.header .MuiTypography-root {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.header .autocomplete {\n  float: right;\n}\n.header .autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  padding: 1px 8px !important;\n}\n.header .keywordSearch {\n  margin-right: 8px;\n}\n.header .keywordSearch--focus .autocomplete {\n  width: 100% !important;\n}\n.header .keywordSearch--animation .autocomplete {\n  width: 240px;\n  transition: width 0.3s ease-in-out;\n}\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n  .header .keywordSearch--animation .autocomplete {\n    width: 100%;\n  }\n}\n@media screen and (max-width: 768px) {\n  .header {\n    padding: 12px 15px !important;\n  }\n  .header__logo {\n    margin-right: 16px !important;\n  }\n  .header__logo__title {\n    display: none !important;\n  }\n  .header__links {\n    display: none;\n  }\n  .header__links__item {\n    font-size: 1rem !important;\n  }\n  .header__language {\n    display: none !important;\n  }\n  .header--focus .header__logo {\n    display: none !important;\n  }\n\n  .autocomplete__icon {\n    display: none !important;\n  }\n}";
 styleInject(css_248z);
 
 var showDarkModeSwitch = false;

package/lib/components/Image.js

@@ -9,7 +9,7 @@ var build=function(t){var e={};function o(n){if(e[n])return e[n].exports;var r=e
 var css_248z$1 = "\n.lb-icon-close{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5jbG9zZS1saW5lPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9ImNsb3NlLWxpbmUiIHVuaWNvZGU9IiYjeGVlZTE7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggIGZpbGw9IiNmZmZmZmYiIGQ9Ik03NjIuNSAyMDBsMzcuNSAzNy41LTI2Mi41IDI2Mi41IDI2Mi41IDI2Mi41LTM3LjUgMzcuNS0yNjIuNS0yNjIuNS0yNjIuNSAyNjIuNS0zNy41LTM3LjUgMjYyLjUtMjYyLjUtMjYyLjUtMjYyLjUgMzcuNS0zNy41IDI2Mi41IDI2Mi41eiIvPgo8L3N2Zz4=\");\n}\n.lb-icon-arrow{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5hcnJvdy1sZWZ0PC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9ImFycm93LWxlZnQiIHVuaWNvZGU9IiYjeGVhNWM7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTc3Ny40IDQyNy42aC0zNDMuMjk5OTk5OTk5OTk5OTVsMTI3LjUtMTI3LjVjOC43OTk5OTk5OTk5OTk5NTUtOC44MDAwMDAwMDAwMDAwMTEgOC43OTk5OTk5OTk5OTk5NTUtMjMuMTAwMDAwMDAwMDAwMDIzIDAtMzEuOTAwMDAwMDAwMDAwMDM0bC01My42MDAwMDAwMDAwMDAwMi01My41OTk5OTk5OTk5OTk5OTRjLTguODAwMDAwMDAwMDAwMDExLTguNzk5OTk5OTk5OTk5OTgzLTIzLjEwMDAwMDAwMDAwMDAyMy04Ljc5OTk5OTk5OTk5OTk4My0zMS44OTk5OTk5OTk5OTk5NzcgMGwtMjY5LjUgMjY5LjRjLTguODAwMDAwMDAwMDAwMDExIDguODAwMDAwMDAwMDAwMDExLTguODAwMDAwMDAwMDAwMDExIDIzLjEwMDAwMDAwMDAwMDAyMy0yLjg0MjE3MDk0MzA0MDQwMWUtMTQgMzEuODk5OTk5OTk5OTk5OTc3bDI2OS41IDI2OS41YzguNzk5OTk5OTk5OTk5OTU1IDguODAwMDAwMDAwMDAwMDY4IDIzLjA5OTk5OTk5OTk5OTk2NiA4LjgwMDAwMDAwMDAwMDA2OCAzMS44OTk5OTk5OTk5OTk5NzcgMGw1My42MDAwMDAwMDAwMDAwMi01My42MDAwMDAwMDAwMDAwMmM4Ljc5OTk5OTk5OTk5OTk1NS04Ljc5OTk5OTk5OTk5OTk1NSA4Ljc5OTk5OTk5OTk5OTk1NS0yMy4wOTk5OTk5OTk5OTk5MSAwLTMxLjg5OTk5OTk5OTk5OTk3N2wtMTM2LjkwMDAwMDAwMDAwMDAzLTEzNi43OTk5OTk5OTk5OTk5NWgzNTIuN2MxMi41IDAgMjIuNjAwMDAwMDAwMDAwMDIzLTEwLjEwMDAwMDAwMDAwMDAyMyAyMi42MDAwMDAwMDAwMDAwMjMtMjIuNjAwMDAwMDAwMDAwMDIzdi05MC4zMDAwMDAwMDAwMDAwMWMwLTEyLjUtMTAuMTAwMDAwMDAwMDAwMDIzLTIyLjU5OTk5OTk5OTk5OTk2Ni0yMi42MDAwMDAwMDAwMDAwMjMtMjIuNTk5OTk5OTk5OTk5OTY2eiIvPgo8L3N2Zz4=\");\n}\n.lb-icon-zoomin{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51aS16b29tLWluPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InVpLXpvb20taW4iIHVuaWNvZGU9IiYjeGVjOTc7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTk4Mi4yIDc4OC42bC0yMzQuOTAwMDAwMDAwMDAwMS0yMTZjMjcuMTAwMDAwMDAwMDAwMDIzLTUzLjM5OTk5OTk5OTk5OTk4IDQyLjYwMDAwMDAwMDAwMDAyLTExMy42MDAwMDAwMDAwMDAwMiA0Mi42MDAwMDAwMDAwMDAwMi0xNzcuNzAwMDAwMDAwMDAwMDUgMC0yMTguMDk5OTk5OTk5OTk5OTctMTc2Ljc5OTk5OTk5OTk5OTk1LTM5NC45LTM5NS0zOTQuOS0yMTcuOTk5OTk5OTk5OTk5OTcgMC0zOTQuOSAxNzYuOC0zOTQuOSAzOTQuOSAwIDIxOC4yMDAwMDAwMDAwMDAwNSAxNzYuOSAzOTUgMzk0LjkgMzk1IDY0IDAgMTI0LjIwMDAwMDAwMDAwMDA1LTE1LjUgMTc3LjYwMDAwMDAwMDAwMDAyLTQyLjVsMjE2IDIzNWMyMSAyMi44MDAwMDAwMDAwMDAwNjggNTYuMTAwMDAwMDAwMDAwMDIgMjMuNSA3OC4xMDAwMDAwMDAwMDAwMiAxLjYwMDAwMDAwMDAwMDAyMjdsMTE3LjE5OTk5OTk5OTk5OTkzLTExNy4yOTk5OTk5OTk5OTk5NWMyMi0yMiAyMS4yMDAwMDAwMDAwMDAwNDUtNTcuMTAwMDAwMDAwMDAwMDItMS41OTk5OTk5OTk5OTk5MDktNzguMTAwMDAwMDAwMDAwMDJ6IG0tNTg3LjMwMDAwMDAwMDAwMDEtMTUyLjcwMDAwMDAwMDAwMDA1Yy0xMzIuODk5OTk5OTk5OTk5OTggMC0yNDAuNzk5OTk5OTk5OTk5OTgtMTA3Ljg5OTk5OTk5OTk5OTk4LTI0MC43OTk5OTk5OTk5OTk5OC0yNDFzMTA3LjktMjQwLjg5OTk5OTk5OTk5OTk4IDI0MC43OTk5OTk5OTk5OTk5OC0yNDAuODk5OTk5OTk5OTk5OThjMTMzLjEwMDAwMDAwMDAwMDAyIDAgMjQxIDEwNy44OTk5OTk5OTk5OTk5OCAyNDEgMjQwLjg5OTk5OTk5OTk5OTk4cy0xMDcuODk5OTk5OTk5OTk5OTggMjQxLTI0MSAyNDF6IG0xMjUuMzAwMDAwMDAwMDAwMDctMjgyLjVoLTg5LjQwMDAwMDAwMDAwMDAzdi04OS4zOTk5OTk5OTk5OTk5OGMwLTEyLjQwMDAwMDAwMDAwMDAwNi0xMC4xOTk5OTk5OTk5OTk5ODktMjIuNTk5OTk5OTk5OTk5OTk0LTIyLjYwMDAwMDAwMDAwMDAyMy0yMi41OTk5OTk5OTk5OTk5OTRoLTI5LjM5OTk5OTk5OTk5OTk3N2MtMTIuNSAwLTIyLjY5OTk5OTk5OTk5OTk5IDEwLjE5OTk5OTk5OTk5OTk4OS0yMi42OTk5OTk5OTk5OTk5OSAyMi41OTk5OTk5OTk5OTk5OTR2ODkuMzk5OTk5OTk5OTk5OThoLTg5LjQwMDAwMDAwMDAwMDAzYy0xMi4zOTk5OTk5OTk5OTk5NzcgMC0yMi41OTk5OTk5OTk5OTk5OTQgMTAuMjAwMDAwMDAwMDAwMDQ1LTIyLjU5OTk5OTk5OTk5OTk5NCAyMi42MDAwMDAwMDAwMDAwMjN2MjkuNWMwIDEyLjM5OTk5OTk5OTk5OTk3NyAxMC4yMDAwMDAwMDAwMDAwMTcgMjIuNjAwMDAwMDAwMDAwMDIzIDIyLjU5OTk5OTk5OTk5OTk5NCAyMi42MDAwMDAwMDAwMDAwMjNoODkuNDAwMDAwMDAwMDAwMDN2ODkuMzk5OTk5OTk5OTk5OThjMCAxMi41IDEwLjE5OTk5OTk5OTk5OTk4OSAyMi42MDAwMDAwMDAwMDAwMjMgMjIuNjk5OTk5OTk5OTk5OTkgMjIuNjAwMDAwMDAwMDAwMDIzaDI5LjM5OTk5OTk5OTk5OTk3N2MxMi40MDAwMDAwMDAwMDAwMzQgMCAyMi42MDAwMDAwMDAwMDAwMjMtMTAuMTAwMDAwMDAwMDAwMDIzIDIyLjYwMDAwMDAwMDAwMDAyMy0yMi42MDAwMDAwMDAwMDAwMjN2LTg5LjM5OTk5OTk5OTk5OTk4aDg5LjQwMDAwMDAwMDAwMDAzYzEyLjUgMCAyMi41OTk5OTk5OTk5OTk5MS0xMC4yMDAwMDAwMDAwMDAwNDUgMjIuNTk5OTk5OTk5OTk5OTEtMjIuNjAwMDAwMDAwMDAwMDIzdi0yOS41YzAtMTIuMzk5OTk5OTk5OTk5OTc3LTEwLjA5OTk5OTk5OTk5OTkwOS0yMi42MDAwMDAwMDAwMDAwMjMtMjIuNTk5OTk5OTk5OTk5OTEtMjIuNjAwMDAwMDAwMDAwMDIzeiIvPgo8L3N2Zz4=\");\n}\n.lb-icon-zoomout{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51aS16b29tLW91dDwvdGl0bGU+CjxnbHlwaCBnbHlwaC1uYW1lPSJ1aS16b29tLW91dCIgdW5pY29kZT0iJiN4ZWM5ODsiIGhvcml6LWFkdi14PSIxMDAwIiAvPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTgyLjIgNzg4LjZsLTIzNC45MDAwMDAwMDAwMDAxLTIxNmMyNy01My41IDQyLjYwMDAwMDAwMDAwMDAyLTExMy43MDAwMDAwMDAwMDAwNSA0Mi42MDAwMDAwMDAwMDAwMi0xNzcuNzAwMDAwMDAwMDAwMDUgMC0yMTguMDk5OTk5OTk5OTk5OTctMTc2Ljg5OTk5OTk5OTk5OTk4LTM5NC45LTM5NC45LTM5NC45LTIxOC4yIDAtMzk1IDE3Ni44LTM5NSAzOTQuOSAwIDIxOC4xMDAwMDAwMDAwMDAwMiAxNzYuOCAzOTUgMzk1IDM5NSA2My44OTk5OTk5OTk5OTk5OCAwIDEyNC4xMDAwMDAwMDAwMDAwMi0xNS41IDE3Ny42MDAwMDAwMDAwMDAwMi00Mi41bDIxNS44OTk5OTk5OTk5OTk5OCAyMzQuODk5OTk5OTk5OTk5OThjMjEgMjIuOTAwMDAwMDAwMDAwMDkgNTYuMjAwMDAwMDAwMDAwMDQ1IDIzLjYwMDAwMDAwMDAwMDAyMyA3OC4yMDAwMDAwMDAwMDAwNSAxLjYwMDAwMDAwMDAwMDAyMjdsMTE3LjI5OTk5OTk5OTk5OTk1LTExNy4yOTk5OTk5OTk5OTk5NWMyMS43OTk5OTk5OTk5OTk5NTUtMjEuODAwMDAwMDAwMDAwMDY4IDIxLjEwMDAwMDAwMDAwMDAyMy01Ny0xLjc5OTk5OTk5OTk5OTk1NDUtNzh6IG0tNTg3LjItMTUyLjcwMDAwMDAwMDAwMDA1Yy0xMzMgMC0yNDAuOS0xMDcuODk5OTk5OTk5OTk5OTgtMjQwLjktMjQwLjg5OTk5OTk5OTk5OTk4czEwNy45LTI0MSAyNDAuOS0yNDFjMTMzLjEwMDAwMDAwMDAwMDAyIDAgMjQwLjg5OTk5OTk5OTk5OTk4IDEwNy44OTk5OTk5OTk5OTk5OCAyNDAuODk5OTk5OTk5OTk5OTggMjQwLjg5OTk5OTk5OTk5OTk4cy0xMDcuODk5OTk5OTk5OTk5OTggMjQxLTI0MC44OTk5OTk5OTk5OTk5OCAyNDF6IG0xMjUuMjk5OTk5OTk5OTk5OTUtMjgyLjVoLTI1My41OTk5OTk5OTk5OTk5N2MtMTIuMzk5OTk5OTk5OTk5OTc3IDAtMjIuNSAxMC4xMDAwMDAwMDAwMDAwMjMtMjIuNSAyMi42MDAwMDAwMDAwMDAwMjN2MjkuNWMwIDEyLjM5OTk5OTk5OTk5OTk3NyAxMC4xMDAwMDAwMDAwMDAwMjMgMjIuNjAwMDAwMDAwMDAwMDIzIDIyLjUgMjIuNjAwMDAwMDAwMDAwMDIzaDI1My41OTk5OTk5OTk5OTk5N2MxMi40MDAwMDAwMDAwMDAwOTEgMCAyMi41LTEwLjEwMDAwMDAwMDAwMDAyMyAyMi41LTIyLjYwMDAwMDAwMDAwMDAyM3YtMjkuNWMwLTEyLjM5OTk5OTk5OTk5OTk3Ny0xMC4wOTk5OTk5OTk5OTk5MDktMjIuNjAwMDAwMDAwMDAwMDIzLTIyLjUtMjIuNjAwMDAwMDAwMDAwMDIzeiIvPgo8L3N2Zz4=\");\n}\n.lb-icon-rotate{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51bmRvPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InVuZG8iIHVuaWNvZGU9IiYjeGVlMGI7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggIGZpbGw9IiNmZmZmZmYiIGQ9Ik04OTguMSA2NTVjLTcuMjAwMDAwMDAwMDAwMDQ1NSAyOS41LTExLjM5OTk5OTk5OTk5OTk3NyA1OS43MDAwMDAwMDAwMDAwNDUtMjEuNzAwMDAwMDAwMDAwMDQ1IDg4LjUtNTMuMzk5OTk5OTk5OTk5OTggMTUwLjcwMDAwMDAwMDAwMDA1LTIwMCAyNTUuODk5OTk5OTk5OTk5OTgtMzU4LjI5OTk5OTk5OTk5OTk1IDI1Ni41LTQxLjcwMDAwMDAwMDAwMDA0NSAwLjEwMDAwMDAwMDAwMDAyMjc0LTc2LjMwMDAwMDAwMDAwMDAxLTI4Ljg5OTk5OTk5OTk5OTk3Ny04MC40MDAwMDAwMDAwMDAwMy02Ny4zOTk5OTk5OTk5OTk5OC00LjM5OTk5OTk5OTk5OTk3Ny00MC44OTk5OTk5OTk5OTk5OCAyMC45MDAwMDAwMDAwMDAwMzQtNzcuODk5OTk5OTk5OTk5OTggNjAuNjAwMDAwMDAwMDAwMDItODUuMTAwMDAwMDAwMDAwMDIgMjIuODAwMDAwMDAwMDAwMDEtNC4xMDAwMDAwMDAwMDAwMjMgNDYuNjk5OTk5OTk5OTk5OTktMi4yOTk5OTk5OTk5OTk5NTQ1IDY5LjQwMDAwMDAwMDAwMDAzLTguNSA5Mi4wOTk5OTk5OTk5OTk5MS0yNS4yMDAwMDAwMDAwMDAwNDUgMTUzLTg0IDE3MC43OTk5OTk5OTk5OTk5NS0xNzcuMjk5OTk5OTk5OTk5OTUgMTguODk5OTk5OTk5OTk5OTc3LTk4LjMwMDAwMDAwMDAwMDA3LTkuNS0xODQuMDAwMDAwMDAwMDAwMDYtOTIuMjAwMDAwMDAwMDAwMDUtMjQ2LjQwMDAwMDAwMDAwMDAzLTIzLjM5OTk5OTk5OTk5OTk3Ny0xNy42MDAwMDAwMDAwMDAwMjMtNTAuODk5OTk5OTk5OTk5OTgtMjguMTk5OTk5OTk5OTk5OTktODAtMjktNTYuMTk5OTk5OTk5OTk5OTMtMS41LTExMi4zOTk5OTk5OTk5OTk5OC0wLjQwMDAwMDAwMDAwMDAzNDEtMTY5LjA5OTk5OTk5OTk5OTk3LTAuNDAwMDAwMDAwMDAwMDM0MSAwLjQwMDAwMDAwMDAwMDAzNDEgNy41IDYuNSAxMC4yMDAwMDAwMDAwMDAwNDUgMTAuNDAwMDAwMDAwMDAwMDM0IDE0LjEwMDAwMDAwMDAwMDAyMyAyNy43OTk5OTk5OTk5OTk5NTUgMjguMTAwMDAwMDAwMDAwMDIzIDU2LjM5OTk5OTk5OTk5OTk4IDU1LjYwMDAwMDAwMDAwMDAyIDgzLjc5OTk5OTk5OTk5OTk1IDg0LjEwMDAwMDAwMDAwMDAyIDMxIDMyLjEwMDAwMDAwMDAwMDAyIDMwLjUgNzkuMjk5OTk5OTk5OTk5OTUtMC4wOTk5OTk5OTk5OTk5NjU5IDEwOS42OTk5OTk5OTk5OTk5My0yOS44MDAwMDAwMDAwMDAwMSAyOS42MDAwMDAwMDAwMDAwMjMtNzcuMTAwMDAwMDAwMDAwMDIgMzAuMjAwMDAwMDAwMDAwMDQ1LTEwOC4zMDAwMDAwMDAwMDAwMS0wLjY5OTk5OTk5OTk5OTkzMTgtOTIuNS05MS43MDAwMDAwMDAwMDAwNS0xODQuMi0xODQuMTAwMDAwMDAwMDAwMDItMjc2LjQtMjc1LjkwMDAwMDAwMDAwMDAzLTcuNTAwMDAwMDAwMDAwMDI4LTcuNS02LjIwMDAwMDAwMDAwMDAxNy0xMS4zOTk5OTk5OTk5OTk5NzcgMC42OTk5OTk5OTk5OTk5NzQ0LTE4LjMwMDAwMDAwMDAwMDAxIDkxLjgtOTEuMjk5OTk5OTk5OTk5OTggMTgzLjM5OTk5OTk5OTk5OTk4LTE4Mi44OTk5OTk5OTk5OTk5OCAyNzQuNy0yNzQuNyAxMS44MDAwMDAwMDAwMDAwMTEtMTEuODk5OTk5OTk5OTk5OTg4IDI3LTE2LjY5OTk5OTk5OTk5OTk5IDQxLTI0LjE5OTk5OTk5OTk5OTk5aDI4LjgwMDAwMDAwMDAwMDAxYzEuMzk5OTk5OTk5OTk5OTc3MyAzLjQgNC41OTk5OTk5OTk5OTk5NjYgMy4xIDcuMzk5OTk5OTk5OTk5OTc3IDQuMSA1OC4xOTk5OTk5OTk5OTk5OSAyMC41IDczLjY5OTk5OTk5OTk5OTk5IDg1LjUgMzAuOTAwMDAwMDAwMDAwMDM0IDEzMC05LjUgOS45MDAwMDAwMDAwMDAwMDYtMTkuNSAxOS41LTI5LjMwMDAwMDAwMDAwMDAxIDI5LjIwMDAwMDAwMDAwMDAxNy0yMS41IDIxLjE5OTk5OTk5OTk5OTk5LTQzIDQyLjUtNjguMzAwMDAwMDAwMDAwMDEgNjcuMzk5OTk5OTk5OTk5OThoMjMuMTAwMDAwMDAwMDAwMDIzYzQ3LjM5OTk5OTk5OTk5OTk4IDAgOTQuNjk5OTk5OTk5OTk5OTktMC4zOTk5OTk5OTk5OTk5NzcyNiAxNDIuMTAwMDAwMDAwMDAwMDIgMC4zMDAwMDAwMDAwMDAwMTEzNyAzNC44OTk5OTk5OTk5OTk5OCAwLjU5OTk5OTk5OTk5OTk5NDMgNjkuMTk5OTk5OTk5OTk5OTMgNi41IDEwMS43OTk5OTk5OTk5OTk5NSAxOS4wOTk5OTk5OTk5OTk5OTQgMTEzLjEwMDAwMDAwMDAwMDAyIDQzLjU5OTk5OTk5OTk5OTk5NCAxODIuMzk5OTk5OTk5OTk5OTggMTI3LjUwMDAwMDAwMDAwMDAzIDIyMC4xMDAwMDAwMDAwMDAwMiAyNDAuMjk5OTk5OTk5OTk5OTggOC44OTk5OTk5OTk5OTk5NzcgMjYuNzAwMDAwMDAwMDAwMDQ1IDExLjM5OTk5OTk5OTk5OTk3NyA1NC44MDAwMDAwMDAwMDAwNyAxOC4zOTk5OTk5OTk5OTk5NzcgODEuODAwMDAwMDAwMDAwMDcgMC4xMDAwMDAwMDAwMDAwMjI3NCAyNy41OTk5OTk5OTk5OTk5MSAwLjEwMDAwMDAwMDAwMDAyMjc0IDU1LjE5OTk5OTk5OTk5OTkzIDAuMTAwMDAwMDAwMDAwMDIyNzQgODIuNzk5OTk5OTk5OTk5OTV6Ii8+Cjwvc3ZnPg==\");\n}\n.lb-icon-reset{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5yZWZyZXNoPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InJlZnJlc2giIHVuaWNvZGU9IiYjeGVmZDE7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTg5OS44IDU1NC42aC00Mi4xOTk5OTk5OTk5OTk5M2MtMTguODk5OTk5OTk5OTk5OTc3IDAtMzYuNSAxNS4xOTk5OTk5OTk5OTk5MzItNDEuNjAwMDAwMDAwMDAwMDIgMzMuMzk5OTk5OTk5OTk5OTgtMzguMjk5OTk5OTk5OTk5OTU1IDEzOC4zOTk5OTk5OTk5OTk5OC0xNjUuMzk5OTk5OTk5OTk5OTggMjQwLTMxNi4yIDI0MC0xMDIuODAwMDAwMDAwMDAwMDEgMC0xOTQuOC00Ny4yOTk5OTk5OTk5OTk5NTUtMjU0LjktMTIxLjYwMDAwMDAwMDAwMDAyLTExLjkwMDAwMDAwMDAwMDAwNi0xNC42OTk5OTk5OTk5OTk5MzItOC44MDAwMDAwMDAwMDAwMTEtMzggNS4wOTk5OTk5OTk5OTk5OTQtNTAuNzk5OTk5OTk5OTk5OTU1bDg0LjgwMDAwMDAwMDAwMDAxLTc3Ljg5OTk5OTk5OTk5OTk4YzEzLjg5OTk5OTk5OTk5OTk3Ny0xMi44MDAwMDAwMDAwMDAwNjggOS44OTk5OTk5OTk5OTk5NzctMjMuMTAwMDAwMDAwMDAwMDIzLTktMjMuMTAwMDAwMDAwMDAwMDIzaC0yMjkuMTAwMDAwMDAwMDAwMDJjLTE4Ljg5OTk5OTk5OTk5OTk5IDAtMzQuMTk5OTk5OTk5OTk5OTkgMTUuMjk5OTk5OTk5OTk5OTU1LTM0LjE5OTk5OTk5OTk5OTk5IDM0LjE5OTk5OTk5OTk5OTkzdjIwNS4xMDAwMDAwMDAwMDAwMmMwIDE4Ljg5OTk5OTk5OTk5OTk3NyAxMS4yOTk5OTk5OTk5OTk5OTcgMjMuODAwMDAwMDAwMDAwMDY4IDI1LjA5OTk5OTk5OTk5OTk5NCAxMWwzMC42MDAwMDAwMDAwMDAwMS0yOC4xOTk5OTk5OTk5OTk5MzJjMTMuODk5OTk5OTk5OTk5OTkxLTEyLjgwMDAwMDAwMDAwMDA2OCAzMy44OTk5OTk5OTk5OTk5OS0xMC42MDAwMDAwMDAwMDAwMjMgNDYuMTAwMDAwMDAwMDAwMDEgMy44OTk5OTk5OTk5OTk5NzczIDgwLjI5OTk5OTk5OTk5OTk4IDk1Ljg5OTk5OTk5OTk5OTk4IDIwMC44OTk5OTk5OTk5OTk5OCAxNTYuODk5OTk5OTk5OTk5OTggMzM1LjUgMTU2Ljg5OTk5OTk5OTk5OTk4IDIxMS40OTk5OTk5OTk5OTk5NCAwIDM4Ny43LTE1MCA0MjguNTk5OTk5OTk5OTk5OTctMzQ5LjIwMDAwMDAwMDAwMDA1IDMuODk5OTk5OTk5OTk5OTc3My0xOC41LTkuNjk5OTk5OTk5OTk5OTMyLTMzLjY5OTk5OTk5OTk5OTkzLTI4LjYwMDAwMDAwMDAwMDAyMy0zMy42OTk5OTk5OTk5OTk5M3ogbTEzLjUtMzU4LjQwMDAwMDAwMDAwMDAzbC0yOS44OTk5OTk5OTk5OTk5NzcgMjkuODAwMDAwMDAwMDAwMDFjLTEzLjM5OTk5OTk5OTk5OTk3NyAxMy4zMDAwMDAwMDAwMDAwMTEtMzIuNzk5OTk5OTk5OTk5OTU1IDExLjUtNDQuNzk5OTk5OTk5OTk5OTU1LTMuMDk5OTk5OTk5OTk5OTk0My04MC4yMDAwMDAwMDAwMDAwNS05Ny45LTIwMi4zMDAwMDAwMDAwMDAwNy0xNjAuNC0zMzguOC0xNjAuNC0yMTEuMTAwMDAwMDAwMDAwMDIgMC0zODcuNiAxNDkuNy00MjguMyAzNDkuMi0zLjc5OTk5OTk5OTk5OTk5NyAxOC41IDkuNzk5OTk5OTk5OTk5OTk3IDMzLjgwMDAwMDAwMDAwMDAxIDI4LjcwMDAwMDAwMDAwMDAwMyAzMy44MDAwMDAwMDAwMDAwMWg0Mi4yYzE4LjkwMDAwMDAwMDAwMDAwNiAwIDM2LjUtMTUuMTAwMDAwMDAwMDAwMDIzIDQxLjUtMzMuMzAwMDAwMDAwMDAwMDEgMzguMjk5OTk5OTk5OTk5OTgtMTM4LjggMTY1LjQtMjQwLjIgMzE1LjktMjQwLjIgMTA2LjYwMDAwMDAwMDAwMDAyIDAgMjAxLjIwMDAwMDAwMDAwMDA1IDUwLjUgMjYxLjIwMDAwMDAwMDAwMDA1IDEyOS4xMDAwMDAwMDAwMDAwMiAxMS41IDE1IDguMzk5OTk5OTk5OTk5OTc3IDM5LTQuODk5OTk5OTk5OTk5OTc3IDUyLjI5OTk5OTk5OTk5OTk1NWwtNjcuODAwMDAwMDAwMDAwMDcgNjcuOTAwMDAwMDAwMDAwMDNjLTEzLjI5OTk5OTk5OTk5OTk1NSAxMy4zOTk5OTk5OTk5OTk5NzctOC44OTk5OTk5OTk5OTk5NzcgMjQuMTk5OTk5OTk5OTk5OTkgMTAgMjQuMTk5OTk5OTk5OTk5OTloMjA1LjEwMDAwMDAwMDAwMDAyYzE4Ljg5OTk5OTk5OTk5OTk3NyAwIDM0LjIwMDAwMDAwMDAwMDA0NS0xNS4zMDAwMDAwMDAwMDAwMTEgMzQuMjAwMDAwMDAwMDAwMDQ1LTM0LjE5OTk5OTk5OTk5OTk5di0yMDUuMTAwMDAwMDAwMDAwMDJjLTAuMTAwMDAwMDAwMDAwMDIyNzQtMTguODk5OTk5OTk5OTk5OTc3LTEwLjg5OTk5OTk5OTk5OTk3Ny0yMy4zOTk5OTk5OTk5OTk5NzctMjQuMzAwMDAwMDAwMDAwMDY4LTEweiIvPgo8L3N2Zz4=\");\n}\n.lb-container{\n    z-index: 50000;\n    position: absolute;\n    position: fixed;\n    left:0px;\n    top:0px;\n    width: 100%;\n    height: 100%;\n    background-color: #000;\n    background-color: rgba(0,0,0,0.8);\n    display: flex;\n    flex-direction: column;\n}\n.lb-container .lb-header{\n    height: 50px;\n    background: #000;\n    background: rgba(0,0,0,0.9);\n    box-shadow: 0px 1px 5px 0px #111;\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-end;\n    z-index: 10;\n}\n.lb-header .lb-button{\n    padding: 10px 25px;\n    background-size: 40% auto;\n    background-position: center center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n}\n.lb-header .lb-button:not(:last-child){\n    margin-right: 3px;\n}\n.lb-header .lb-button:hover{\n    background-color:#777;\n}\n\n.lb-header .lb-button.rotater{\n    transform: rotateY(180deg);\n}\n.lb-header .lb-button.next{\n    transform: rotateY(180deg);\n}\n.lb-header .lb-title{\n    flex: 1;\n    align-items: center;\n    color: white;\n    font-size: 1.1em;\n    padding: 0em 0.8em;\n    overflow: hidden;\n}\n.lb-header .lb-title span{\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    width: 100%;\n}\n.lb-container .lb-canvas{\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    position: relative;\n}\n.lb-canvas .lb-img{\n    max-width: 80vw;\n    max-height: 80vh;\n    min-width: 100px;\n    min-height: 100px;\n    /* transition: all 0.1s; */\n    cursor: grab;\n    background-size: 50px;\n    transform-origin: center center;\n}\n.lb-canvas .lb-img.lb-loading{\n    opacity: 0;\n}\n.lb-canvas.lb-loading{\n    background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjEwMXB4IiBoZWlnaHQ9IjEwMXB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSgwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC45MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuODY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDggNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDcyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC43MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg5NiA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNjY2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxNDQgNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjUzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE2OCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNDY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTkyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyMTYgNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjMzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI0MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMjY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI2NCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjg4IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4xMzMzMzMzMzMzMzMzMzMzM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzEyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4wNjY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzM2IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz4KPCEtLSBbbGRpb10gZ2VuZXJhdGVkIGJ5IGh0dHBzOi8vbG9hZGluZy5pby8gLS0+PC9zdmc+\");\n    background-position: center center;\n    background-repeat: no-repeat;\n}\n.mobile-controls{\n    position: absolute;\n    bottom: 25px;\n    left: 0px;\n    width: 100%;\n    height: 45px;\n    display: flex;\n    justify-content: center;\n}\n.mobile-controls .lb-button{\n    width: 50px;\n    height: 50px;\n    background-color: rgba(0,0,0,0.9);\n    background-position: center center;\n    background-size: 40%;\n    background-repeat: no-repeat;\n    margin: 0.2em;\n    cursor: pointer;\n}\n.mobile-controls .lb-button:active{\n    background-color:#777;\n}\n.mobile-controls .lb-button.next{\n    transform: rotateY(180deg);\n}\n.lb-show-mobile{\n    display: none;   \n}\n.lb-disabled{\n    pointer-events: none;\n    touch-action: none;\n    opacity: 0.4;\n}\n@media (max-width:600px){\n    .lb-header .lb-button:hover{\n        background-color: inherit;\n    }\n    .lb-header .lb-button:active{\n        background-color: #777;\n    }\n    .lb-show-mobile{\n        display: flex !important;\n    }\n    .lb-hide-mobile{\n        display: none !important;\n    }\n    .lb-canvas .lb-img{\n        max-height: 60vh;\n    }\n}";
 styleInject(css_248z$1);
 
-var css_248z = ".image {\n  cursor: pointer; }\n";
+var css_248z = ".image {\n  cursor: pointer;\n}";
 styleInject(css_248z);
 
 var Image = function Image(_ref) {

package/lib/components/Input.js

@@ -4,7 +4,7 @@ import { c as classNames } from './index-a7369dc5.js';
 import { OutlinedInput } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".input {\n  padding: 12px; }\n";
+var css_248z = ".input {\n  padding: 12px;\n}";
 styleInject(css_248z);
 
 var Input = function Input(props) {

package/lib/components/InputMethod.js

@@ -18749,7 +18749,7 @@ var TouchInputMethod = new function () {
 }(); // end var TouchInputMethod
 document.addEventListener('DOMContentLoaded', TouchInputMethod.init, false);
 
-var css_248z$5 = "@charset \"UTF-8\";\n.imeInput {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  display: flex;\n  /*使物件依序排列*/\n  flex-direction: column;\n  /*使物件垂直排列*/\n  background: rgba(0, 0, 0, 0.5); }\n  .imeInput__wrapper {\n    flex-grow: 1; }\n  .imeInput__footer {\n    width: 860px;\n    margin: 0 auto; }\n  .imeInput__ime_area {\n    background: #464646;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 1rem;\n    width: 860px;\n    margin: 0 auto; }\n  .imeInput #input_method_keyboard {\n    clear: both;\n    width: 100%;\n    text-align: center;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center; }\n    .imeInput #input_method_keyboard button {\n      border-color: transparent;\n      cursor: pointer; }\n      .imeInput #input_method_keyboard button:hover {\n        border-color: unset; }\n  .imeInput .disableKey {\n    color: #858080 !important; }\n    .imeInput .disableKey:hover {\n      border-color: transparent !important; }\n  .imeInput .input_keys_area {\n    display: flex;\n    align-items: flex-end; }\n    .imeInput .input_keys_area button {\n      background: transparent;\n      border: 0;\n      color: #fff;\n      cursor: pointer;\n      height: 1.5rem; }\n  .imeInput #input_method_show_input_keys {\n    color: #ebebeb;\n    font-size: 20px;\n    text-align: left;\n    padding: 8px 30px;\n    background-color: #464646;\n    position: relative;\n    top: -10px;\n    width: -moz-fit-content;\n    width: fit-content; }\n    .imeInput #input_method_show_input_keys:empty {\n      display: none; }\n  .imeInput .input_method_candidate__line {\n    display: flex;\n    width: 100%;\n    align-items: flex-start; }\n    .imeInput .input_method_candidate__line-btn {\n      background: transparent;\n      border: 0;\n      color: #fff;\n      cursor: pointer;\n      padding-top: 12px; }\n      .imeInput .input_method_candidate__line-btn:hover {\n        color: #c1c1c1; }\n    .imeInput .input_method_candidate__line .expand {\n      max-height: 205px !important;\n      overflow: auto !important; }\n    .imeInput .input_method_candidate__line .compact {\n      max-height: 40px;\n      overflow: hidden; }\n  .imeInput .input_method_candidates {\n    font-size: 1.3118rem;\n    padding: 0 15px;\n    background: transparent;\n    color: #fff;\n    cursor: pointer;\n    border: 0;\n    line-height: 2.4;\n    border-bottom: 1px solid #747474; }\n    .imeInput .input_method_candidates:empty {\n      height: 50;\n      border-bottom: 1px solid #747474; }\n  .imeInput #input_method_candidate {\n    clear: both;\n    min-height: 40px;\n    overflow: hidden;\n    width: 100%;\n    flex: 2;\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: 23px; }\n  .imeInput .input_method_inputkey {\n    width: 65.5px;\n    height: 65.5px;\n    background-color: #747474;\n    color: #ffffff;\n    font-size: 16px;\n    border-radius: 8px;\n    margin: 8px;\n    padding: 0; }\n  .imeInput .function_key {\n    font-size: 14px;\n    background-color: #585858;\n    width: 110px;\n    color: #fff;\n    cursor: pointer;\n    border-color: transparent; }\n    .imeInput .function_key-left {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n      padding: 0 0 10px 10px; }\n    .imeInput .function_key-right {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n      padding: 0 10px 10px 0;\n      justify-content: flex-end; }\n    .imeInput .function_key:hover {\n      border-color: unset; }\n  .imeInput .input_method_function {\n    display: flex;\n    width: 100%; }\n    .imeInput .input_method_function .input_method_switch_engine {\n      flex: 1; }\n    .imeInput .input_method_function .input_method_switch_q9 {\n      flex: 1; }\n    .imeInput .input_method_function .space {\n      flex: 4; }\n    .imeInput .input_method_function .input_method_symbol_toggle {\n      flex: 1; }\n    .imeInput .input_method_function .close {\n      flex: 1; }\n      .imeInput .input_method_function .close img {\n        width: 22px; }\n  .imeInput .input_method_auto_clear_input_keys_on {\n    border-color: red;\n    background-color: red; }\n  .imeInput .input_method_capital_toggle_on {\n    background-color: #585858; }\n  .imeInput .inputMethodSelector {\n    position: fixed;\n    display: flex;\n    width: 100%;\n    text-align: center;\n    justify-content: center;\n    top: 35%; }\n    .imeInput .inputMethodSelector-hide {\n      display: none; }\n    .imeInput .inputMethodSelector__block {\n      background: #464646;\n      width: 460px;\n      border-radius: 15px;\n      height: 65px;\n      display: flex;\n      flex-wrap: nowrap;\n      align-content: stretch;\n      align-items: center; }\n    .imeInput .inputMethodSelector-btn {\n      transition: color 0.1s linear;\n      transition-delay: 0.1s;\n      width: 80px;\n      height: 43px;\n      margin: 10px 0;\n      background: transparent;\n      color: #fff;\n      font-size: 19px;\n      border-radius: 15px;\n      border: 0px;\n      cursor: pointer; }\n      .imeInput .inputMethodSelector-btn-active {\n        transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.33, 0.99), width 0.5s linear;\n        background: #747474; }\n      .imeInput .inputMethodSelector-btn:hover {\n        background: #747474; }\n    .imeInput .inputMethodSelector .tabs {\n      list-style: none;\n      padding: 0;\n      width: 460px;\n      display: flex;\n      height: 65px; }\n      .imeInput .inputMethodSelector .tabs .indicator {\n        display: block;\n        position: absolute;\n        width: 80px;\n        height: 43px;\n        background: #747474 !important;\n        top: 10px;\n        bottom: 0;\n        left: 0;\n        transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.33, 0.99), width 0.5s linear;\n        z-index: 0;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px 0 rgba(43, 44, 51, 0.15); }\n    .imeInput .inputMethodSelector .tab {\n      transition: color 0.1s linear;\n      transition-delay: 0.1s;\n      box-shadow: none;\n      background-color: transparent;\n      width: 80px;\n      height: 43px;\n      padding: 10px;\n      margin: 10px 0;\n      cursor: pointer;\n      z-index: 1;\n      color: #fff;\n      border-radius: 15px;\n      font-size: 19px;\n      padding: 10px;\n      line-height: 15px; }\n      .imeInput .inputMethodSelector .tab:hover:not(.active) {\n        background: #747474; }\n      .imeInput .inputMethodSelector .tab.active {\n        color: #fff;\n        box-shadow: none;\n        background-color: transparent; }\n    .imeInput .inputMethodSelector .with-indicator {\n      position: relative; }\n";
+var css_248z$5 = "@charset \"UTF-8\";\n.imeInput {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  display: flex;\n  /*使物件依序排列*/\n  flex-direction: column;\n  /*使物件垂直排列*/\n  background: rgba(0, 0, 0, 0.5);\n}\n.imeInput__wrapper {\n  flex-grow: 1;\n}\n.imeInput__footer {\n  width: 860px;\n  margin: 0 auto;\n}\n.imeInput__ime_area {\n  background: #464646;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 10px 1rem;\n  width: 860px;\n  margin: 0 auto;\n}\n.imeInput #input_method_keyboard {\n  clear: both;\n  width: 100%;\n  text-align: center;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.imeInput #input_method_keyboard button {\n  border-color: transparent;\n  cursor: pointer;\n}\n.imeInput #input_method_keyboard button:hover {\n  border-color: unset;\n}\n.imeInput .disableKey {\n  color: #858080 !important;\n}\n.imeInput .disableKey:hover {\n  border-color: transparent !important;\n}\n.imeInput .input_keys_area {\n  display: flex;\n  align-items: flex-end;\n}\n.imeInput .input_keys_area button {\n  background: transparent;\n  border: 0;\n  color: #fff;\n  cursor: pointer;\n  height: 1.5rem;\n}\n.imeInput #input_method_show_input_keys {\n  color: #ebebeb;\n  font-size: 20px;\n  text-align: left;\n  padding: 8px 30px;\n  background-color: #464646;\n  position: relative;\n  top: -10px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.imeInput #input_method_show_input_keys:empty {\n  display: none;\n}\n.imeInput .input_method_candidate__line {\n  display: flex;\n  width: 100%;\n  align-items: flex-start;\n}\n.imeInput .input_method_candidate__line-btn {\n  background: transparent;\n  border: 0;\n  color: #fff;\n  cursor: pointer;\n  padding-top: 12px;\n}\n.imeInput .input_method_candidate__line-btn:hover {\n  color: #c1c1c1;\n}\n.imeInput .input_method_candidate__line .expand {\n  max-height: 205px !important;\n  overflow: auto !important;\n}\n.imeInput .input_method_candidate__line .compact {\n  max-height: 40px;\n  overflow: hidden;\n}\n.imeInput .input_method_candidates {\n  font-size: 1.3118rem;\n  padding: 0 15px;\n  background: transparent;\n  color: #fff;\n  cursor: pointer;\n  border: 0;\n  line-height: 2.4;\n  border-bottom: 1px solid #747474;\n}\n.imeInput .input_method_candidates:empty {\n  height: 50;\n  border-bottom: 1px solid #747474;\n}\n.imeInput #input_method_candidate {\n  clear: both;\n  min-height: 40px;\n  overflow: hidden;\n  width: 100%;\n  flex: 2;\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: 23px;\n}\n.imeInput .input_method_inputkey {\n  width: 65.5px;\n  height: 65.5px;\n  background-color: #747474;\n  color: #ffffff;\n  font-size: 16px;\n  border-radius: 8px;\n  margin: 8px;\n  padding: 0;\n}\n.imeInput .function_key {\n  font-size: 14px;\n  background-color: #585858;\n  width: 110px;\n  color: #fff;\n  cursor: pointer;\n  border-color: transparent;\n}\n.imeInput .function_key-left {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  padding: 0 0 10px 10px;\n}\n.imeInput .function_key-right {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  padding: 0 10px 10px 0;\n  justify-content: flex-end;\n}\n.imeInput .function_key:hover {\n  border-color: unset;\n}\n.imeInput .input_method_function {\n  display: flex;\n  width: 100%;\n}\n.imeInput .input_method_function .input_method_switch_engine {\n  flex: 1;\n}\n.imeInput .input_method_function .input_method_switch_q9 {\n  flex: 1;\n}\n.imeInput .input_method_function .space {\n  flex: 4;\n}\n.imeInput .input_method_function .input_method_symbol_toggle {\n  flex: 1;\n}\n.imeInput .input_method_function .close {\n  flex: 1;\n}\n.imeInput .input_method_function .close img {\n  width: 22px;\n}\n.imeInput .input_method_auto_clear_input_keys_on {\n  border-color: red;\n  background-color: red;\n}\n.imeInput .input_method_capital_toggle_on {\n  background-color: #585858;\n}\n.imeInput .inputMethodSelector {\n  position: fixed;\n  display: flex;\n  width: 100%;\n  text-align: center;\n  justify-content: center;\n  top: 35%;\n}\n.imeInput .inputMethodSelector-hide {\n  display: none;\n}\n.imeInput .inputMethodSelector__block {\n  background: #464646;\n  width: 460px;\n  border-radius: 15px;\n  height: 65px;\n  display: flex;\n  flex-wrap: nowrap;\n  align-content: stretch;\n  align-items: center;\n}\n.imeInput .inputMethodSelector-btn {\n  transition: color 0.1s linear;\n  transition-delay: 0.1s;\n  width: 80px;\n  height: 43px;\n  margin: 10px 0;\n  background: transparent;\n  color: #fff;\n  font-size: 19px;\n  border-radius: 15px;\n  border: 0px;\n  cursor: pointer;\n}\n.imeInput .inputMethodSelector-btn-active {\n  transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.33, 0.99), width 0.5s linear;\n  background: #747474;\n}\n.imeInput .inputMethodSelector-btn:hover {\n  background: #747474;\n}\n.imeInput .inputMethodSelector .tabs {\n  list-style: none;\n  padding: 0;\n  width: 460px;\n  display: flex;\n  height: 65px;\n}\n.imeInput .inputMethodSelector .tabs .indicator {\n  display: block;\n  position: absolute;\n  width: 80px;\n  height: 43px;\n  background: #747474 !important;\n  top: 10px;\n  bottom: 0;\n  left: 0;\n  transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.33, 0.99), width 0.5s linear;\n  z-index: 0;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px 0 rgba(43, 44, 51, 0.15);\n}\n.imeInput .inputMethodSelector .tab {\n  transition: color 0.1s linear;\n  transition-delay: 0.1s;\n  box-shadow: none;\n  background-color: transparent;\n  width: 80px;\n  height: 43px;\n  padding: 10px;\n  margin: 10px 0;\n  cursor: pointer;\n  z-index: 1;\n  color: #fff;\n  border-radius: 15px;\n  font-size: 19px;\n  padding: 10px;\n  line-height: 15px;\n}\n.imeInput .inputMethodSelector .tab:hover:not(.active) {\n  background: #747474;\n}\n.imeInput .inputMethodSelector .tab.active {\n  color: #fff;\n  box-shadow: none;\n  background-color: transparent;\n}\n.imeInput .inputMethodSelector .with-indicator {\n  position: relative;\n}";
 styleInject(css_248z$5);
 
 var img$Y = "data:image/svg+xml,%3csvg id='Group_392' data-name='Group 392' xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45'%3e %3cpath id='Path_31' data-name='Path 31' d='M31.5%2c34.293a1.5%2c1.5%2c0%2c0%2c0-2.121%2c0l-6.738%2c6.738a.2.2%2c0%2c0%2c1-.282%2c0l-6.738-6.738a1.5%2c1.5%2c0%2c0%2c0-2.121%2c0h0a1.5%2c1.5%2c0%2c0%2c0%2c0%2c2.121l8.293%2c8.293a1%2c1%2c0%2c0%2c0%2c1.414%2c0L31.5%2c36.414a1.5%2c1.5%2c0%2c0%2c0%2c0-2.121Z' fill='white'/%3e %3cpath id='Path_32' data-name='Path 32' d='M44%2c0H1A1%2c1%2c0%2c0%2c0%2c0%2c1V27a1%2c1%2c0%2c0%2c0%2c1%2c1H44a1%2c1%2c0%2c0%2c0%2c1-1V1A1%2c1%2c0%2c0%2c0%2c44%2c0ZM42%2c24.8a.2.2%2c0%2c0%2c1-.2.2H3.2a.2.2%2c0%2c0%2c1-.2-.2V3.2A.2.2%2c0%2c0%2c1%2c3.2%2c3H41.8a.2.2%2c0%2c0%2c1%2c.2.2Z' fill='white'/%3e %3cpath id='Path_33' data-name='Path 33' d='M30%2c18.5H15a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3H30a1.5%2c1.5%2c0%2c0%2c0%2c0-3Z' fill='white'/%3e %3cpath id='Path_34' data-name='Path 34' d='M22%2c9.5h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3H22a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_35' data-name='Path 35' d='M15%2c9.5h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3H15a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_36' data-name='Path 36' d='M10.5%2c8A1.5%2c1.5%2c0%2c0%2c0%2c9%2c6.5H8a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3H9A1.5%2c1.5%2c0%2c0%2c0%2c10.5%2c8Z' fill='white'/%3e %3cpath id='Path_37' data-name='Path 37' d='M29%2c9.5h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3H29a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_38' data-name='Path 38' d='M37%2c6.5H36a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3Z' fill='white'/%3e %3cpath id='Path_39' data-name='Path 39' d='M21%2c15.5h3a1.5%2c1.5%2c0%2c0%2c0%2c0-3H21a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_40' data-name='Path 40' d='M15.5%2c14A1.5%2c1.5%2c0%2c0%2c0%2c14%2c12.5H11a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3h3A1.5%2c1.5%2c0%2c0%2c0%2c15.5%2c14Z' fill='white'/%3e %3cpath id='Path_41' data-name='Path 41' d='M34%2c12.5H31a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3h3a1.5%2c1.5%2c0%2c0%2c0%2c0-3Z' fill='white'/%3e%3c/svg%3e";
@@ -33088,7 +33088,7 @@ var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAADWCAIAAAAl7/cpA
 
 var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAADWCAYAAABfXymLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDpERUZBOTdDQUQ5N0RERjExOTA5MEZDQjlERTA4Q0U1QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMzcwN0IyNjNDRUQxMUUxODFCMUZBMTIzMDQxNTE5RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMzcwN0IyNTNDRUQxMUUxODFCMUZBMTIzMDQxNTE5RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlE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";
 
-var css_248z$4 = ".q9 {\n  max-width: 400px; }\n  .q9 .q9charform {\n    position: absolute;\n    z-index: 12;\n    visibility: hidden; }\n    .q9 .q9charform__bg {\n      position: absolute;\n      width: 100%;\n      top: 0px;\n      left: 0px;\n      z-index: 1;\n      image-rendering: -webkit-optimize-contrast; }\n    .q9 .q9charform form {\n      height: 71.2%; }\n  .q9 #q9pic {\n    z-index: 11; }\n  .q9 #q9load {\n    position: absolute;\n    z-index: 9;\n    top: 10;\n    left: 10;\n    visibility: visible;\n    background-color: #464646; }\n  .q9 #q9event {\n    position: absolute;\n    z-index: 20;\n    top: 10;\n    left: 10;\n    visibility: hidden; }\n  .q9 #q9dataLayer {\n    position: absolute;\n    z-index: 21;\n    top: 10;\n    left: 10;\n    visibility: hidden; }\n\nbody {\n  background: #ffffff; }\n\ntable {\n  border-style: none; }\n\ntr {\n  border-style: none; }\n\ntd {\n  border-style: none; }\n";
+var css_248z$4 = ".q9 {\n  max-width: 400px;\n}\n.q9 .q9charform {\n  position: absolute;\n  z-index: 12;\n  visibility: hidden;\n}\n.q9 .q9charform__bg {\n  position: absolute;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  z-index: 1;\n  image-rendering: -webkit-optimize-contrast;\n}\n.q9 .q9charform form {\n  height: 71.2%;\n}\n.q9 #q9pic {\n  z-index: 11;\n}\n.q9 #q9load {\n  position: absolute;\n  z-index: 9;\n  top: 10;\n  left: 10;\n  visibility: visible;\n  background-color: #464646;\n}\n.q9 #q9event {\n  position: absolute;\n  z-index: 20;\n  top: 10;\n  left: 10;\n  visibility: hidden;\n}\n.q9 #q9dataLayer {\n  position: absolute;\n  z-index: 21;\n  top: 10;\n  left: 10;\n  visibility: hidden;\n}\n\nbody {\n  background: #ffffff;\n}\n\ntable {\n  border-style: none;\n}\n\ntr {\n  border-style: none;\n}\n\ntd {\n  border-style: none;\n}";
 styleInject(css_248z$4);
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -33412,7 +33412,7 @@ const Q9 = () => {
   })));
 };
 
-var css_248z$3 = ".q9Stroke {\n  max-width: 400px; }\n  .q9Stroke .q9charform {\n    height: 71.2%; }\n    .q9Stroke .q9charform__form-td-btn:last-child {\n      cursor: pointer; }\n";
+var css_248z$3 = ".q9Stroke {\n  max-width: 400px;\n}\n.q9Stroke .q9charform {\n  height: 71.2%;\n}\n.q9Stroke .q9charform__form-td-btn:last-child {\n  cursor: pointer;\n}";
 styleInject(css_248z$3);
 
 const Q9Stroke = () => {
@@ -33673,7 +33673,7 @@ const Q9Stroke = () => {
   })));
 };
 
-var css_248z$2 = ".q9Input {\n  width: 100%;\n  height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  justify-content: space-between;\n  background-color: rgba(0, 0, 0, 0.6);\n  color: #fff; }\n  .q9Input__q9frame {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    position: relative;\n    bottom: 0px; }\n    .q9Input__q9frame__main {\n      max-width: 400px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      background-color: #464646;\n      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }\n      .q9Input__q9frame__main__switch {\n        width: 30%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column; }\n    .q9Input__q9frame-close {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      padding: 12px; }\n      .q9Input__q9frame-close img {\n        width: 100%;\n        max-width: 32px;\n        min-width: 32px;\n        padding: 6px;\n        cursor: pointer; }\n    .q9Input__q9frame__head {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-wrap: nowrap;\n      padding: 12px; }\n    .q9Input__q9frame-btn {\n      width: calc(25% - 12px);\n      background-color: #585858;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 6px;\n      padding: 2px 12px;\n      height: 100%;\n      font-size: 16px;\n      border-radius: 6px;\n      box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);\n      cursor: pointer;\n      -webkit-user-select: none;\n              user-select: none; }\n      .q9Input__q9frame-btn img {\n        width: 100%;\n        max-width: 32px;\n        min-width: 20px; }\n    .q9Input__q9frame iframe {\n      width: 100%;\n      overflow: hidden;\n      background-color: #464646; }\n  .q9Input .form-group {\n    display: flex;\n    justify-content: flex-start;\n    align-content: center; }\n\n#q9Output {\n  width: 100%;\n  margin: 0px;\n  padding: 3vh 3vw;\n  border: 0px;\n  font-size: 3vw;\n  position: relative;\n  top: 0px;\n  background-color: #464646;\n  color: #fff; }\n  #q9Output:focus {\n    outline: none; }\n\n#q9pic,\n#q9temp {\n  width: 100%;\n  z-index: 11;\n  position: relative; }\n\n#q9temp {\n  height: 100%;\n  position: absolute;\n  z-index: 9;\n  visibility: visible; }\n\n#canvas {\n  width: 100%;\n  position: relative; }\n\ntable {\n  width: 100%;\n  /* display: flex; */ }\n\ntbody {\n  /* width: 100%; */ }\n  tbody td > img {\n    /* width: 100%; */ }\n  tbody tr,\n  tbody td {\n    /* width: 100%; */ }\n\n.q9pic {\n  height: 100%; }\n  .q9pic__wrap {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column; }\n  .q9pic__head {\n    width: 100%; }\n    .q9pic__head img {\n      width: 100%; }\n  .q9pic__body {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    display: flex; }\n    .q9pic__body-left {\n      width: 80%;\n      display: flex;\n      position: relative;\n      background-color: #464646; }\n      .q9pic__body-left img {\n        width: 100%;\n        position: relative;\n        z-index: 11;\n        image-rendering: -webkit-optimize-contrast; }\n    .q9pic__body__page {\n      width: 20%;\n      height: 100%;\n      position: absolute;\n      z-index: 2;\n      right: 0px;\n      top: 0px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between; }\n      .q9pic__body__page-btn {\n        padding: 0px 4px;\n        height: 40%;\n        width: 67%;\n        font-size: 16px;\n        color: #fff;\n        background-color: #585858;\n        box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);\n        margin: 16% 0px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        word-break: break-all;\n        cursor: pointer;\n        border-radius: 6px; }\n    .q9pic__body-right {\n      width: 20%;\n      z-index: 1;\n      position: relative; }\n  .q9pic__footer {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start; }\n    .q9pic__footer img {\n      width: 100%;\n      z-index: 1; }\n  .q9pic__confirm {\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start; }\n    .q9pic__confirm-left {\n      position: absolute;\n      left: 0;\n      top: 0;\n      height: 71%;\n      width: 59%;\n      padding: 3% 5%;\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      justify-content: center; }\n    .q9pic__confirm-right {\n      position: absolute;\n      right: 0;\n      top: 0;\n      height: 71%;\n      width: 29%;\n      padding: 3% 5%;\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      justify-content: center; }\n    .q9pic__confirm-btn {\n      width: 100%;\n      height: 100%;\n      cursor: pointer; }\n    .q9pic__confirm img {\n      z-index: 1; }\n\n.q9charform {\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n          user-select: none; }\n  .q9charform form {\n    position: relative;\n    margin: 0px;\n    display: flex;\n    flex-direction: column;\n    width: 90%;\n    height: 95.5%;\n    margin-left: 5%;\n    margin-top: 4.5%;\n    z-index: 2; }\n  .q9charform .q9form {\n    z-index: 1;\n    position: absolute;\n    top: 0px; }\n  .q9charform__form-tr {\n    width: 100%;\n    height: 31%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 6px; }\n  .q9charform__form-td {\n    width: 80%;\n    height: 90%;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    margin: 4px;\n    position: relative; }\n    .q9charform__form-td img {\n      width: 50%;\n      cursor: pointer;\n      position: absolute;\n      bottom: 0px;\n      right: 0px;\n      -webkit-user-select: none;\n              user-select: none;\n      image-rendering: -webkit-optimize-contrast; }\n    .q9charform__form-td div {\n      width: 50%;\n      height: 50%;\n      background-color: transparent; }\n      .q9charform__form-td div:nth-child(4) {\n        cursor: pointer; }\n    .q9charform__form-td input {\n      width: 50%;\n      height: 50%;\n      position: relative;\n      z-index: 2;\n      font-size: 18px;\n      background-color: transparent;\n      cursor: pointer;\n      padding-left: 15%;\n      padding-top: 5%;\n      font-weight: normal;\n      color: #fff;\n      -webkit-user-select: none;\n              user-select: none;\n      border-style: none;\n      box-sizing: border-box; }\n      .q9charform__form-td input:focus {\n        outline: none; }\n  .q9charform table td {\n    width: 100%; }\n\n.q9bigchar {\n  height: 77%;\n  width: 100%; }\n";
+var css_248z$2 = ".q9Input {\n  width: 100%;\n  height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  justify-content: space-between;\n  background-color: rgba(0, 0, 0, 0.6);\n  color: #fff;\n}\n.q9Input__q9frame {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  position: relative;\n  bottom: 0px;\n}\n.q9Input__q9frame__main {\n  max-width: 400px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: #464646;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n.q9Input__q9frame__main__switch {\n  width: 30%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n.q9Input__q9frame-close {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 12px;\n}\n.q9Input__q9frame-close img {\n  width: 100%;\n  max-width: 32px;\n  min-width: 32px;\n  padding: 6px;\n  cursor: pointer;\n}\n.q9Input__q9frame__head {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: nowrap;\n  padding: 12px;\n}\n.q9Input__q9frame-btn {\n  width: calc(25% - 12px);\n  background-color: #585858;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 6px;\n  padding: 2px 12px;\n  height: 100%;\n  font-size: 16px;\n  border-radius: 6px;\n  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n}\n.q9Input__q9frame-btn img {\n  width: 100%;\n  max-width: 32px;\n  min-width: 20px;\n}\n.q9Input__q9frame iframe {\n  width: 100%;\n  overflow: hidden;\n  background-color: #464646;\n}\n.q9Input .form-group {\n  display: flex;\n  justify-content: flex-start;\n  align-content: center;\n}\n\n#q9Output {\n  width: 100%;\n  margin: 0px;\n  padding: 3vh 3vw;\n  border: 0px;\n  font-size: 3vw;\n  position: relative;\n  top: 0px;\n  background-color: #464646;\n  color: #fff;\n}\n#q9Output:focus {\n  outline: none;\n}\n\n#q9pic,\n#q9temp {\n  width: 100%;\n  z-index: 11;\n  position: relative;\n}\n\n#q9temp {\n  height: 100%;\n  position: absolute;\n  z-index: 9;\n  visibility: visible;\n}\n\n#canvas {\n  width: 100%;\n  position: relative;\n}\n\ntable {\n  width: 100%;\n  /* display: flex; */\n}\n\ntbody {\n  /* width: 100%; */\n}\ntbody td > img {\n  /* width: 100%; */\n}\ntbody tr,\ntbody td {\n  /* width: 100%; */\n}\n\n.q9pic {\n  height: 100%;\n}\n.q9pic__wrap {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.q9pic__head {\n  width: 100%;\n}\n.q9pic__head img {\n  width: 100%;\n}\n.q9pic__body {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n}\n.q9pic__body-left {\n  width: 80%;\n  display: flex;\n  position: relative;\n  background-color: #464646;\n}\n.q9pic__body-left img {\n  width: 100%;\n  position: relative;\n  z-index: 11;\n  image-rendering: -webkit-optimize-contrast;\n}\n.q9pic__body__page {\n  width: 20%;\n  height: 100%;\n  position: absolute;\n  z-index: 2;\n  right: 0px;\n  top: 0px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.q9pic__body__page-btn {\n  padding: 0px 4px;\n  height: 40%;\n  width: 67%;\n  font-size: 16px;\n  color: #fff;\n  background-color: #585858;\n  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);\n  margin: 16% 0px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  cursor: pointer;\n  border-radius: 6px;\n}\n.q9pic__body-right {\n  width: 20%;\n  z-index: 1;\n  position: relative;\n}\n.q9pic__footer {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.q9pic__footer img {\n  width: 100%;\n  z-index: 1;\n}\n.q9pic__confirm {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.q9pic__confirm-left {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 71%;\n  width: 59%;\n  padding: 3% 5%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.q9pic__confirm-right {\n  position: absolute;\n  right: 0;\n  top: 0;\n  height: 71%;\n  width: 29%;\n  padding: 3% 5%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.q9pic__confirm-btn {\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n.q9pic__confirm img {\n  z-index: 1;\n}\n\n.q9charform {\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n          user-select: none;\n}\n.q9charform form {\n  position: relative;\n  margin: 0px;\n  display: flex;\n  flex-direction: column;\n  width: 90%;\n  height: 95.5%;\n  margin-left: 5%;\n  margin-top: 4.5%;\n  z-index: 2;\n}\n.q9charform .q9form {\n  z-index: 1;\n  position: absolute;\n  top: 0px;\n}\n.q9charform__form-tr {\n  width: 100%;\n  height: 31%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 6px;\n}\n.q9charform__form-td {\n  width: 80%;\n  height: 90%;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  margin: 4px;\n  position: relative;\n}\n.q9charform__form-td img {\n  width: 50%;\n  cursor: pointer;\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  -webkit-user-select: none;\n          user-select: none;\n  image-rendering: -webkit-optimize-contrast;\n}\n.q9charform__form-td div {\n  width: 50%;\n  height: 50%;\n  background-color: transparent;\n}\n.q9charform__form-td div:nth-child(4) {\n  cursor: pointer;\n}\n.q9charform__form-td input {\n  width: 50%;\n  height: 50%;\n  position: relative;\n  z-index: 2;\n  font-size: 18px;\n  background-color: transparent;\n  cursor: pointer;\n  padding-left: 15%;\n  padding-top: 5%;\n  font-weight: normal;\n  color: #fff;\n  -webkit-user-select: none;\n          user-select: none;\n  border-style: none;\n  box-sizing: border-box;\n}\n.q9charform__form-td input:focus {\n  outline: none;\n}\n.q9charform table td {\n  width: 100%;\n}\n\n.q9bigchar {\n  height: 77%;\n  width: 100%;\n}";
 styleInject(css_248z$2);
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -33813,7 +33813,7 @@ Q9Input.propTypes = {
   onChange: PropTypes.func
 };
 
-var css_248z$1 = "@media (min-width: 960px) {\n  .inputSelect {\n    width: 100%;\n    position: fixed; }\n    .inputSelect__container {\n      background: rgba(90, 105, 135, 0.4);\n      display: flex;\n      align-items: center;\n      margin: 50px auto;\n      border-radius: 35px;\n      width: 860px;\n      height: 59px; }\n    .inputSelect-search {\n      padding-left: 20px;\n      font-size: 46px !important;\n      color: #ebebeb; }\n    .inputSelect #entry {\n      border: 0;\n      background: transparent;\n      color: #ebebeb;\n      padding-left: 10px;\n      width: 60%;\n      font-size: 1.3118rem; }\n      .inputSelect #entry:focus-visible {\n        outline: 0; }\n    .inputSelect__selection {\n      position: absolute;\n      top: 130px;\n      color: #ebebeb;\n      cursor: pointer;\n      font-size: 1.3118rem;\n      padding-left: 20px;\n      z-index: 99;\n      text-align: left;\n      height: 400px;\n      overflow: auto;\n      width: 840px; }\n      .inputSelect__selection-option {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        width: 800px;\n        margin-bottom: 10px; } }\n\n@media (min-width: 600px) {\n  .inputSelect {\n    width: 100%;\n    position: fixed; }\n    .inputSelect__container {\n      background: rgba(90, 105, 135, 0.4);\n      display: flex;\n      align-items: center;\n      margin: 54px auto;\n      border-radius: 35px;\n      width: 860px;\n      height: 59px; }\n    .inputSelect-search {\n      padding-left: 20px;\n      font-size: 46px !important;\n      color: #ebebeb; }\n    .inputSelect #entry {\n      border: 0;\n      background: transparent;\n      color: #ebebeb;\n      padding-left: 10px;\n      width: 60%;\n      font-size: 1.1244rem; }\n      .inputSelect #entry:focus-visible {\n        outline: 0; }\n    .inputSelect__selection {\n      position: absolute;\n      top: 130px;\n      color: #ebebeb;\n      cursor: pointer;\n      font-size: 1.1244rem;\n      padding-left: 20px;\n      z-index: 99;\n      text-align: left;\n      height: 400px;\n      overflow: auto;\n      width: 840px; }\n      .inputSelect__selection-option {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        width: 800px;\n        margin-bottom: 10px; } }\n";
+var css_248z$1 = "@media (min-width: 960px) {\n  .inputSelect {\n    width: 100%;\n    position: fixed;\n  }\n  .inputSelect__container {\n    background: rgba(90, 105, 135, 0.4);\n    display: flex;\n    align-items: center;\n    margin: 50px auto;\n    border-radius: 35px;\n    width: 860px;\n    height: 59px;\n  }\n  .inputSelect-search {\n    padding-left: 20px;\n    font-size: 46px !important;\n    color: #ebebeb;\n  }\n  .inputSelect #entry {\n    border: 0;\n    background: transparent;\n    color: #ebebeb;\n    padding-left: 10px;\n    width: 60%;\n    font-size: 1.3118rem;\n  }\n  .inputSelect #entry:focus-visible {\n    outline: 0;\n  }\n  .inputSelect__selection {\n    position: absolute;\n    top: 130px;\n    color: #ebebeb;\n    cursor: pointer;\n    font-size: 1.3118rem;\n    padding-left: 20px;\n    z-index: 99;\n    text-align: left;\n    height: 400px;\n    overflow: auto;\n    width: 840px;\n  }\n  .inputSelect__selection-option {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    width: 800px;\n    margin-bottom: 10px;\n  }\n}\n@media (min-width: 600px) {\n  .inputSelect {\n    width: 100%;\n    position: fixed;\n  }\n  .inputSelect__container {\n    background: rgba(90, 105, 135, 0.4);\n    display: flex;\n    align-items: center;\n    margin: 54px auto;\n    border-radius: 35px;\n    width: 860px;\n    height: 59px;\n  }\n  .inputSelect-search {\n    padding-left: 20px;\n    font-size: 46px !important;\n    color: #ebebeb;\n  }\n  .inputSelect #entry {\n    border: 0;\n    background: transparent;\n    color: #ebebeb;\n    padding-left: 10px;\n    width: 60%;\n    font-size: 1.1244rem;\n  }\n  .inputSelect #entry:focus-visible {\n    outline: 0;\n  }\n  .inputSelect__selection {\n    position: absolute;\n    top: 130px;\n    color: #ebebeb;\n    cursor: pointer;\n    font-size: 1.1244rem;\n    padding-left: 20px;\n    z-index: 99;\n    text-align: left;\n    height: 400px;\n    overflow: auto;\n    width: 840px;\n  }\n  .inputSelect__selection-option {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    width: 800px;\n    margin-bottom: 10px;\n  }\n}";
 styleInject(css_248z$1);
 
 const InputSelect = _ref => {
@@ -33881,7 +33881,7 @@ InputSelect.propTypes = {
   isCandidateExpand: PropTypes.bool
 };
 
-var css_248z = ".InputMethod {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0; }\n";
+var css_248z = ".InputMethod {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}";
 styleInject(css_248z);
 
 var InputMethod = function InputMethod(_ref) {

package/lib/components/{KeywordSearch-7b6c3ed4.js → KeywordSearch-f3ebeff0.js}

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 import { c as classNames } from './index-a7369dc5.js';
 import axios from 'axios';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { A as Autocomplete } from './Autocomplete-bcff5080.js';
+import { A as Autocomplete } from './Autocomplete-029d41ba.js';
 
-var css_248z = ".keywordSearch {\n  border-radius: 4px;\n  width: 100%;\n  margin-right: 14px; }\n  .keywordSearch--animation .autocomplete {\n    transition: max-width 0.3s ease-out;\n    max-width: 240px; }\n  .keywordSearch--focus {\n    flex: 1; }\n    .keywordSearch--focus .autocomplete {\n      max-width: 100%; }\n  .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n    border-radius: 10px;\n    background-color: #ffffff66; }\n";
+var css_248z = ".keywordSearch {\n  border-radius: 4px;\n  width: 100%;\n  margin-right: 14px;\n}\n.keywordSearch--animation .autocomplete {\n  transition: max-width 0.3s ease-out;\n  max-width: 240px;\n}\n.keywordSearch--focus {\n  flex: 1;\n}\n.keywordSearch--focus .autocomplete {\n  max-width: 100%;\n}\n.keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  border-radius: 10px;\n  background-color: #ffffff66;\n}";
 styleInject(css_248z);
 
 const removeDuplicateItem = function (array) {

package/lib/components/KeywordSearch.js

@@ -1,15 +1,15 @@
-export { K as default } from './KeywordSearch-7b6c3ed4.js';
+export { K as default } from './KeywordSearch-f3ebeff0.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-a7369dc5.js';
 import 'axios';
 import './style-inject.es-1f59c1d0.js';
-import './Autocomplete-bcff5080.js';
+import './Autocomplete-029d41ba.js';
 import './debounce-127da66c.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/lab';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Empty-4a4a127f.js';
+import './Empty-53ff1821.js';

package/lib/components/KeywordTicker.js

@@ -2,13 +2,13 @@ import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-a7369dc5.js';
-import { F as ForwardLink } from './ForwardLink-30b32dfd.js';
+import { F as ForwardLink } from './ForwardLink-d1a33ce9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-a69b9b9d.js';
 import 'react-router-dom';
 import '@material-ui/core';
 
-var css_248z = ".keywordTicker {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center; }\n  .keywordTicker__track {\n    display: flex;\n    width: 100%;\n    padding: 20px 0px;\n    background-color: #ece8c0;\n    overflow: hidden;\n    margin-left: -80px;\n    padding-left: 100px;\n    z-index: 1;\n    position: relative; }\n  .keywordTicker__items {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    flex-wrap: nowrap;\n    position: relative; }\n  .keywordTicker-item {\n    width: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    white-space: nowrap;\n    cursor: pointer; }\n  .keywordTicker-text {\n    font-size: 1.5rem;\n    z-index: 2;\n    font-weight: bold;\n    color: #825c0d;\n    border-left: 2px solid #fff;\n    padding: 0px 40px; }\n  .keywordTicker__img {\n    z-index: 2;\n    position: relative;\n    display: flex; }\n    .keywordTicker__img img {\n      height: 100%;\n      max-height: 195px;\n      image-rendering: -webkit-optimize-contrast;\n      position: relative; }\n  .keywordTicker--fake {\n    position: absolute;\n    opacity: 0;\n    width: 100%; }\n\n@media only screen and (max-width: 768px) {\n  .keywordTicker-text {\n    font-size: 1.5rem;\n    padding: 0px 15px; }\n  .keywordTicker__img img {\n    max-height: 104px;\n    left: -60px; }\n  .keywordTicker__track {\n    padding: 10px 0px;\n    margin-left: -100px; } }\n\n@media only screen and (max-width: 484px) {\n  .keywordTicker-text {\n    font-size: 14px; } }\n";
+var css_248z = ".keywordTicker {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.keywordTicker__track {\n  display: flex;\n  width: 100%;\n  padding: 20px 0px;\n  background-color: #ece8c0;\n  overflow: hidden;\n  margin-left: -80px;\n  padding-left: 100px;\n  z-index: 1;\n  position: relative;\n}\n.keywordTicker__items {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-wrap: nowrap;\n  position: relative;\n}\n.keywordTicker-item {\n  width: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.keywordTicker-text {\n  font-size: 1.5rem;\n  z-index: 2;\n  font-weight: bold;\n  color: #825c0d;\n  border-left: 2px solid #fff;\n  padding: 0px 40px;\n}\n.keywordTicker__img {\n  z-index: 2;\n  position: relative;\n  display: flex;\n}\n.keywordTicker__img img {\n  height: 100%;\n  max-height: 195px;\n  image-rendering: -webkit-optimize-contrast;\n  position: relative;\n}\n.keywordTicker--fake {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n}\n\n@media only screen and (max-width: 768px) {\n  .keywordTicker-text {\n    font-size: 1.5rem;\n    padding: 0px 15px;\n  }\n  .keywordTicker__img img {\n    max-height: 104px;\n    left: -60px;\n  }\n  .keywordTicker__track {\n    padding: 10px 0px;\n    margin-left: -100px;\n  }\n}\n@media only screen and (max-width: 484px) {\n  .keywordTicker-text {\n    font-size: 14px;\n  }\n}";
 styleInject(css_248z);
 
 var KeywordTicker = function KeywordTicker(_ref) {

package/lib/components/Keywords.js

@@ -2,13 +2,13 @@ import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-a7369dc5.js';
-import { M as Modal } from './Modal-a28243dd.js';
+import { M as Modal } from './Modal-06099b6d.js';
 import { Typography } from '@material-ui/core';
 import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-af6a82b5.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
-import './Button-211cf931.js';
-import './Spin-cb7a9d45.js';
+import './Button-1b58ff47.js';
+import './Spin-9a7c89ed.js';
 import './_commonjsHelpers-70de2c37.js';
 import './defaultTheme-19a14721.js';
 import 'react-is';
@@ -51,7 +51,7 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("pa
 
 default_1 = MoreHoriz.default = _default;
 
-var css_248z$2 = ".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem; }\n  .keywordList__item {\n    font-size: 1.125rem !important;\n    border-radius: 5px;\n    margin-right: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n    cursor: pointer; }\n    .keywordList__item__hover {\n      border-radius: 5px;\n      line-height: normal;\n      padding: 0.125rem 0.625rem;\n      background: transparent;\n      transition: 0.3s background ease-in-out; }\n      .keywordList__item__hover:hover {\n        background: rgba(0, 0, 0, 0.1); }\n  .keywordList__icon svg {\n    font-size: 1rem;\n    line-height: 1rem; }\n  .keywordList__icon .keywordList__item__hover {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: 0.125rem 0.875rem; }\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important; } }\n";
+var css_248z$2 = ".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem;\n}\n.keywordList__item {\n  font-size: 1.125rem !important;\n  border-radius: 5px;\n  margin-right: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n  cursor: pointer;\n}\n.keywordList__item__hover {\n  border-radius: 5px;\n  line-height: normal;\n  padding: 0.125rem 0.625rem;\n  background: transparent;\n  transition: 0.3s background ease-in-out;\n}\n.keywordList__item__hover:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n.keywordList__icon svg {\n  font-size: 1rem;\n  line-height: 1rem;\n}\n.keywordList__icon .keywordList__item__hover {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0.125rem 0.875rem;\n}\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important;\n  }\n}";
 styleInject(css_248z$2);
 
 const KeywordList = _ref => {
@@ -118,7 +118,7 @@ KeywordList.propTypes = {
   onKeywordClick: PropTypes.func
 };
 
-var css_248z$1 = ".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px; }\n  .keywordModal__content__image {\n    display: flex;\n    justify-content: center;\n    width: 100%; }\n    .keywordModal__content__image__img {\n      height: 7.75rem;\n      object-fit: scale-down; }\n  .keywordModal__content__detail {\n    width: 100%;\n    padding: 1rem 1.25rem;\n    border-radius: 5px; }\n    .keywordModal__content__detail__title {\n      font-weight: bold;\n      font-size: 1.5rem;\n      text-decoration: underline;\n      cursor: pointer; }\n    .keywordModal__content__detail__desc {\n      margin-top: 0.8rem;\n      font-size: 1rem;\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical; }\n    .keywordModal__content__detail__author {\n      margin-top: 0.8rem;\n      font-size: 1.25rem;\n      cursor: pointer; }\n      .keywordModal__content__detail__author:hover {\n        text-decoration: underline; }\n\n.keywordModal p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n\n.keywordModal .MuiPaper-root {\n  min-width: initial !important; }\n";
+var css_248z$1 = ".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px;\n}\n.keywordModal__content__image {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n.keywordModal__content__image__img {\n  height: 7.75rem;\n  object-fit: scale-down;\n}\n.keywordModal__content__detail {\n  width: 100%;\n  padding: 1rem 1.25rem;\n  border-radius: 5px;\n}\n.keywordModal__content__detail__title {\n  font-weight: bold;\n  font-size: 1.5rem;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.keywordModal__content__detail__desc {\n  margin-top: 0.8rem;\n  font-size: 1rem;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.keywordModal__content__detail__author {\n  margin-top: 0.8rem;\n  font-size: 1.25rem;\n  cursor: pointer;\n}\n.keywordModal__content__detail__author:hover {\n  text-decoration: underline;\n}\n.keywordModal p {\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n}\n.keywordModal .MuiPaper-root {\n  min-width: initial !important;\n}";
 styleInject(css_248z$1);
 
 const KeywordModal = props => {
@@ -219,7 +219,7 @@ KeywordModal.propTypes = {
   onAuthorClick: PropTypes.func
 };
 
-var css_248z = ".keywords p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n";
+var css_248z = ".keywords p {\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n}";
 styleInject(css_248z);
 
 var Keywords = function Keywords(props) {

package/lib/components/Loading.js

@@ -4,7 +4,7 @@ import { CircularProgress } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".loadingPage {\n  padding: 4rem 0;\n  color: #0087dc;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n";
+var css_248z = ".loadingPage {\n  padding: 4rem 0;\n  color: #0087dc;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
 styleInject(css_248z);
 
 var Loading = function Loading(_ref) {

package/lib/components/MUITheme.js

@@ -2380,7 +2380,7 @@ withThemeCreator({
 
 var fonts = ['Noto Sans TC', 'Microsoft JhengHei', 'sans-serif', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'];
 
-var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap\");\n";
+var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap\");";
 styleInject(css_248z);
 
 const defaultColors = {

package/lib/components/{Modal-a28243dd.js → Modal-06099b6d.js}

@@ -3,11 +3,11 @@ import { c as classNames } from './index-a7369dc5.js';
 import PropTypes from 'prop-types';
 import { Dialog, DialogTitle, IconButton, DialogContent, DialogActions, CircularProgress } from '@material-ui/core';
 import { CloseSharp } from '@material-ui/icons';
-import { B as Button } from './Button-211cf931.js';
-import { S as Spin } from './Spin-cb7a9d45.js';
+import { B as Button } from './Button-1b58ff47.js';
+import { S as Spin } from './Spin-9a7c89ed.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".modal__title h2 {\n  display: flex;\n  align-items: center; }\n\n.modal__title__text {\n  flex: 1;\n  font-size: 16px;\n  padding: 8px 0;\n  color: white; }\n\n.modal__title__close {\n  cursor: pointer;\n  color: white; }\n\n.modal--transparent .MuiPaper-root {\n  background: transparent !important;\n  box-shadow: none; }\n\n.modal--transparent .modal__title {\n  background: transparent !important; }\n";
+var css_248z = ".modal__title h2 {\n  display: flex;\n  align-items: center;\n}\n.modal__title__text {\n  flex: 1;\n  font-size: 16px;\n  padding: 8px 0;\n  color: white;\n}\n.modal__title__close {\n  cursor: pointer;\n  color: white;\n}\n.modal--transparent .MuiPaper-root {\n  background: transparent !important;\n  box-shadow: none;\n}\n.modal--transparent .modal__title {\n  background: transparent !important;\n}";
 styleInject(css_248z);
 
 var Modal = function Modal(props) {

package/lib/components/Modal.js

@@ -1,9 +1,9 @@
-export { M as default } from './Modal-a28243dd.js';
+export { M as default } from './Modal-06099b6d.js';
 import 'react';
 import './index-a7369dc5.js';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-211cf931.js';
+import './Button-1b58ff47.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-cb7a9d45.js';
+import './Spin-9a7c89ed.js';

package/lib/components/{MoreButton-2f69b660.js → MoreButton-641c3827.js}

@@ -4,7 +4,7 @@ import { c as classNames } from './index-a7369dc5.js';
 import { ExpandLess, ExpandMore } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".moreButton {\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 1rem 0rem;\n  border-radius: 8px;\n  padding: 1rem 2.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer; }\n  .moreButton__mask {\n    transition: all 0.3s ease-in-out;\n    position: absolute;\n    left: 0;\n    top: 0;\n    border-radius: 8px;\n    width: 100%;\n    height: 100%;\n    opacity: 0; }\n  .moreButton:hover .moreButton__mask {\n    opacity: 1; }\n  .moreButton--shadow {\n    transition: all 0.3s ease-in-out;\n    border: 3px solid #ffffff;\n    position: relative;\n    left: 0px;\n    top: 0px; }\n    .moreButton--shadow:hover {\n      box-shadow: initial !important;\n      left: 3px;\n      top: 3px; }\n  .moreButton--small {\n    border: 0;\n    padding: 0;\n    left: 0px !important;\n    top: 0px !important;\n    background: transparent !important;\n    box-shadow: initial !important; }\n    .moreButton--small .moreButton__mask {\n      opacity: 0 !important; }\n  .moreButton__icon {\n    display: flex;\n    z-index: 1; }\n    .moreButton__icon--small {\n      font-size: 1.5rem;\n      border-radius: 45px;\n      color: white !important; }\n  .moreButton__text {\n    z-index: 1;\n    font-size: 1.5rem;\n    line-height: 1.5rem;\n    transition: color 0.3s ease-in-out; }\n    .moreButton__text--small {\n      margin-left: 0.75rem;\n      font-size: 1.5rem;\n      color: #0c2a4d; }\n      .moreButton__text--small:hover {\n        text-decoration: underline; }\n";
+var css_248z = ".moreButton {\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 1rem 0rem;\n  border-radius: 8px;\n  padding: 1rem 2.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n.moreButton__mask {\n  transition: all 0.3s ease-in-out;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n.moreButton:hover .moreButton__mask {\n  opacity: 1;\n}\n.moreButton--shadow {\n  transition: all 0.3s ease-in-out;\n  border: 3px solid #ffffff;\n  position: relative;\n  left: 0px;\n  top: 0px;\n}\n.moreButton--shadow:hover {\n  box-shadow: initial !important;\n  left: 3px;\n  top: 3px;\n}\n.moreButton--small {\n  border: 0;\n  padding: 0;\n  left: 0px !important;\n  top: 0px !important;\n  background: transparent !important;\n  box-shadow: initial !important;\n}\n.moreButton--small .moreButton__mask {\n  opacity: 0 !important;\n}\n.moreButton__icon {\n  display: flex;\n  z-index: 1;\n}\n.moreButton__icon--small {\n  font-size: 1.5rem;\n  border-radius: 45px;\n  color: white !important;\n}\n.moreButton__text {\n  z-index: 1;\n  font-size: 1.5rem;\n  line-height: 1.5rem;\n  transition: color 0.3s ease-in-out;\n}\n.moreButton__text--small {\n  margin-left: 0.75rem;\n  font-size: 1.5rem;\n  color: #0c2a4d;\n}\n.moreButton__text--small:hover {\n  text-decoration: underline;\n}";
 styleInject(css_248z);
 
 var MoreButton = function MoreButton(props) {

package/lib/components/MoreButton.js

@@ -1,4 +1,4 @@
-export { M as default } from './MoreButton-2f69b660.js';
+export { M as default } from './MoreButton-641c3827.js';
 import 'react';
 import 'prop-types';
 import './index-a7369dc5.js';

package/lib/components/SNA.js

@@ -2,12 +2,12 @@ import React__default, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-a7369dc5.js';
 import { e as event, d as d3Select, a as dispatch, c as customEvent, D as DragEvent, q as quadtree, m as map, t as timer, T as Transform, i as identity, b as interrupt, o as ordinal, f as category10 } from './transform-3a04288b.js';
-import { E as ExtraTools } from './ExtraTools-168e6b58.js';
+import { E as ExtraTools } from './ExtraTools-e3040d0d.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-88a252e2.js';
+import './Tooltip-f3afa927.js';
 import './dataExport-d55d6fa3.js';
 
 function sourceEvent() {
@@ -1395,7 +1395,7 @@ function zoom() {
   return zoom;
 }
 
-var css_248z = ".SNA {\n  overflow: hidden;\n  object-fit: contain;\n  position: relative;\n  font-size: 0.75rem;\n  width: 100%; }\n  .SNA--smallSize .node {\n    padding-top: 8px;\n    font-size: 0.75rem;\n    width: 3rem;\n    height: 3rem;\n    overflow: hidden;\n    white-space: pre-wrap;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\n  .SNA .node {\n    background-color: #4a4e69;\n    border-radius: 50%;\n    color: #fff;\n    font-size: 20px;\n    font-weight: 500;\n    height: 54px;\n    width: 54px;\n    padding-top: 15px;\n    position: absolute;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: grab; }\n  .SNA .links line {\n    stroke: #c7bfb4;\n    stroke-width: 2; }\n  .SNA .mainNode {\n    fill: #4e3a16; }\n  .SNA .person {\n    fill: #867b3a; }\n  .SNA .publication {\n    fill: #825c0d; }\n  .SNA .article {\n    fill: #afafaf; }\n  .SNA .keyword {\n    fill: #fcfae8; }\n  .SNA .org {\n    fill: #000000; }\n  .SNA #network-graph svg {\n    width: 100%;\n    height: 100%; }\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px; }\n    .SNA .node {\n      background-color: #4a4e69;\n      border-radius: 50%;\n      color: #fff;\n      font-size: 1px;\n      font-weight: 500;\n      height: 44px;\n      width: 44px;\n      padding-top: 12px;\n      position: absolute;\n      text-align: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      cursor: grab; } }\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px; } }\n";
+var css_248z = ".SNA {\n  overflow: hidden;\n  object-fit: contain;\n  position: relative;\n  font-size: 0.75rem;\n  width: 100%;\n}\n.SNA--smallSize .node {\n  padding-top: 8px;\n  font-size: 0.75rem;\n  width: 3rem;\n  height: 3rem;\n  overflow: hidden;\n  white-space: pre-wrap;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.SNA .node {\n  background-color: #4a4e69;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 500;\n  height: 54px;\n  width: 54px;\n  padding-top: 15px;\n  position: absolute;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: grab;\n}\n.SNA .links line {\n  stroke: #c7bfb4;\n  stroke-width: 2;\n}\n.SNA .mainNode {\n  fill: #4e3a16;\n}\n.SNA .person {\n  fill: #867b3a;\n}\n.SNA .publication {\n  fill: #825c0d;\n}\n.SNA .article {\n  fill: #afafaf;\n}\n.SNA .keyword {\n  fill: #fcfae8;\n}\n.SNA .org {\n  fill: #000000;\n}\n.SNA #network-graph svg {\n  width: 100%;\n  height: 100%;\n}\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px;\n  }\n  .SNA .node {\n    background-color: #4a4e69;\n    border-radius: 50%;\n    color: #fff;\n    font-size: 1px;\n    font-weight: 500;\n    height: 44px;\n    width: 44px;\n    padding-top: 12px;\n    position: absolute;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: grab;\n  }\n}\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px;\n  }\n}";
 styleInject(css_248z);
 
 /* eslint-disable indent */

package/lib/components/{Select-c46c7389.js → Select-2793e2a5.js}

@@ -3,10 +3,10 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-a7369dc5.js';
 import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
-import { E as Empty } from './Empty-4a4a127f.js';
+import { E as Empty } from './Empty-53ff1821.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".select__placeholder {\n  color: #999; }\n\n.select--small {\n  width: 100%; }\n  .select--small .MuiSelect-root {\n    padding: 0.5rem 1.5rem 0.25rem;\n    color: white; }\n    .select--small .MuiSelect-root .select__placeholder {\n      color: white; }\n    .select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n      background: transparent; }\n  .select--small .MuiSvgIcon-root {\n    color: white; }\n  .select--small .MuiOutlinedInput-root {\n    border-radius: 45px; }\n";
+var css_248z = ".select__placeholder {\n  color: #999;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";
 styleInject(css_248z);
 
 var Select = function Select(props) {

package/lib/components/Select.js

@@ -1,8 +1,8 @@
-export { S as default } from './Select-c46c7389.js';
+export { S as default } from './Select-2793e2a5.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-a7369dc5.js';
 import '@material-ui/core';
-import './Empty-4a4a127f.js';
+import './Empty-53ff1821.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Spin-cb7a9d45.js → Spin-9a7c89ed.js}

@@ -4,7 +4,7 @@ import { c as classNames } from './index-a7369dc5.js';
 import { Fade, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".customSpin {\n  width: 100%;\n  min-height: 100px;\n  position: relative; }\n  .customSpin__spin {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n";
+var css_248z = ".customSpin {\n  width: 100%;\n  min-height: 100px;\n  position: relative;\n}\n.customSpin__spin {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
 styleInject(css_248z);
 
 var stringSize = {

package/lib/components/Spin.js

@@ -1,4 +1,4 @@
-export { S as default } from './Spin-cb7a9d45.js';
+export { S as default } from './Spin-9a7c89ed.js';
 import 'react';
 import 'prop-types';
 import './index-a7369dc5.js';

package/lib/components/{Tooltip-88a252e2.js → Tooltip-f3afa927.js}

@@ -18,7 +18,7 @@ TooltipContent.propTypes = {
   className: PropTypes.string
 };
 
-var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content; }\n";
+var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content;\n}";
 styleInject(css_248z);
 
 var placements = {

package/lib/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as default, p as placements } from './Tooltip-88a252e2.js';
+export { T as default, p as placements } from './Tooltip-f3afa927.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.57",
+	"version": "2.0.1-beta.58",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",