@daoyi/nmtl-ui 2.0.1-beta.91 → 2.0.1-beta.92

package/lib/components/{ExtraTools-bfb076ca.js → ExtraTools-5954ee3a.js}

@@ -1,11 +1,11 @@
 import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import * as React from 'react';
 import React__default, { Component, forwardRef, useState } from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.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-e67a18bc.js';
+import { T as Tooltip } from './Tooltip-6ebfa9c1.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';
 
@@ -3147,6 +3147,16 @@ var css_248z = ".extraTools {\n  width: 100%;\n  display: inline-flex;\n  justif
 styleInject(css_248z);
 
 /* eslint-disable prefer-destructuring */
+
+/* 視覺隱藏文字（供按鈕內容作為可及名稱, WCAG 4.1.2） */
+const hiddenTextStyle = {
+  position: 'absolute',
+  width: 1,
+  height: 1,
+  overflow: 'hidden',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  whiteSpace: 'nowrap'
+};
 const ShareButton = _ref => {
   let {
     className
@@ -3154,11 +3164,15 @@ const ShareButton = _ref => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('extraTools__share', className)
   }, /*#__PURE__*/React__default.createElement(FacebookShareButton, {
-    url: document.location.href
+    url: document.location.href,
+    "aria-label": "\u5206\u4EAB\u81F3 Facebook"
   }, /*#__PURE__*/React__default.createElement(FacebookIcon, {
     size: 32,
-    round: true
-  })));
+    round: true,
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React__default.createElement("span", {
+    style: hiddenTextStyle
+  }, "\u5206\u4EAB\u81F3 Facebook")));
 };
 ShareButton.defaultProps = {
   className: undefined
@@ -3220,9 +3234,23 @@ const DownloadMenu = _ref2 => {
     placement: "bottom"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "extraTools__download-icon",
-    onClick: e => setAnchorEl(e.currentTarget)
+    role: "button",
+    tabIndex: 0,
+    "aria-label": intl ? intl.formatMessage({
+      id: 'knowledge.writersAndWorksSNA.download'
+    }) : '下載',
+    "aria-haspopup": "menu",
+    "aria-expanded": Boolean(anchorEl),
+    onClick: e => setAnchorEl(e.currentTarget),
+    onKeyDown: e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        setAnchorEl(e.currentTarget);
+      }
+    }
   }, /*#__PURE__*/React__default.createElement(DownloadImg, {
-    fill: iconColor
+    fill: iconColor,
+    "aria-hidden": "true"
   }))), /*#__PURE__*/React__default.createElement(Menu, {
     id: "download-menu",
     anchorEl: anchorEl,
@@ -3289,11 +3317,23 @@ const FullscreenBtn = _ref4 => {
     placement: "bottom"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "extraTools__fullscreenBtn-icon",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": intl ? intl.formatMessage({
+      id: 'knowledge.writersAndWorksSNA.fullscreen'
+    }) : '全螢幕模式',
     onClick: () => {
       if (screenfull.isEnabled && fullscreenDomId) screenfull.request(document.getElementById(fullscreenDomId));
+    },
+    onKeyDown: e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        if (screenfull.isEnabled && fullscreenDomId) screenfull.request(document.getElementById(fullscreenDomId));
+      }
     }
   }, /*#__PURE__*/React__default.createElement(SVGComponent, {
-    fill: iconColor
+    fill: iconColor,
+    "aria-hidden": "true"
   }))));
 };
 FullscreenBtn.defaultProps = {
@@ -3328,22 +3368,35 @@ const FontSizeChanger = _ref5 => {
     targets: FontSizeTargets,
     options: FontSizeOptions,
     customButtons: {
+      /* 外層按鈕由 react-font-size-changer 渲染，以 role="img" + aria-label 提供按鈕可及名稱（WCAG 4.1.2） */
       up: /*#__PURE__*/React__default.createElement(Tooltip, {
         title: intl ? intl.formatMessage({
           id: 'knowledge.writersAndWorksSNA.big'
         }) : '字級放大',
         placement: "bottom"
+      }, /*#__PURE__*/React__default.createElement("span", {
+        role: "img",
+        "aria-label": intl ? intl.formatMessage({
+          id: 'knowledge.writersAndWorksSNA.big'
+        }) : '字級放大'
       }, /*#__PURE__*/React__default.createElement(SVGComponent$2, {
-        fill: iconColor
-      })),
+        fill: iconColor,
+        "aria-hidden": "true"
+      }))),
       down: /*#__PURE__*/React__default.createElement(Tooltip, {
         title: intl ? intl.formatMessage({
           id: 'knowledge.writersAndWorksSNA.small'
         }) : '字級縮小',
         placement: "bottom"
+      }, /*#__PURE__*/React__default.createElement("span", {
+        role: "img",
+        "aria-label": intl ? intl.formatMessage({
+          id: 'knowledge.writersAndWorksSNA.small'
+        }) : '字級縮小'
       }, /*#__PURE__*/React__default.createElement(SVGComponent$1, {
-        fill: iconColor
-      })),
+        fill: iconColor,
+        "aria-hidden": "true"
+      }))),
       style: {
         border: 'none'
       },
@@ -3393,14 +3446,19 @@ const SNAResetBtn = _ref6 => {
     }) : '回到原來位置與大小',
     placement: "bottom"
   }, /*#__PURE__*/React__default.createElement(IconButton, {
+    "aria-label": intl ? intl.formatMessage({
+      id: 'common.sna.reset'
+    }) : '回到原來位置與大小',
     onClick: () => renderSNA(),
     style: {
       padding: '0px'
     }
   }, isMobile ? /*#__PURE__*/React__default.createElement(ResetMobileIcon, {
-    fill: iconColor
+    fill: iconColor,
+    "aria-hidden": "true"
   }) : /*#__PURE__*/React__default.createElement(ResetIcon, {
-    fill: iconColor
+    fill: iconColor,
+    "aria-hidden": "true"
   })))));
 };
 SNAResetBtn.defaultProps = {

package/lib/components/ExtraTools.js

@@ -1,10 +1,10 @@
-export { E as default } from './ExtraTools-bfb076ca.js';
+export { E as default } from './ExtraTools-5954ee3a.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import 'prop-types';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-e67a18bc.js';
+import './Tooltip-6ebfa9c1.js';
 import './style-inject.es-1f59c1d0.js';
 import './dataExport-d55d6fa3.js';

package/lib/components/Filter.js

@@ -1,8 +1,8 @@
 import { f as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useContext, createElement, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
-import { q as queryString } from './index-0be0afec.js';
+import { c as classNames } from './index-b76a85f4.js';
+import { q as queryString } from './index-b47819f3.js';
 import { useHistory } from 'react-router-dom';
 import { isValidElementType, typeOf } from 'react-is';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';

package/lib/components/Footer.js

@@ -1,25 +1,25 @@
 import { a as _slicedToArray, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-530d4d80.js';
-import { S as Spin } from './Spin-fafe3787.js';
+import { C as ContactModal } from './ContactModal-1997d146.js';
+import { S as Spin } from './Spin-8dc60bfe.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
-import './Modal-fc4320d3.js';
+import './Modal-5a27951f.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-8742afeb.js';
+import './Button-305b69a0.js';
+import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-fdb4d9b8.js';
-import './Empty-94a8d8ff.js';
-import './createSvgIcon-0d38de2e.js';
+import './Select-e550d0a5.js';
+import './Empty-bf77164f.js';
+import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';
 import '@material-ui/styles';
 import 'react-dom';
-import './globalConfig';
 
 /* eslint-disable max-len */
 const NmtlLogo = _ref => {

package/lib/components/{ForwardLink-059be72d.js → ForwardLink-aa950a50.js}

@@ -1,9 +1,10 @@
 import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { q as queryString } from './index-0be0afec.js';
+import { q as queryString } from './index-b47819f3.js';
 import { useHistory, Link } from 'react-router-dom';
 import { Tooltip } from '@material-ui/core';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z = ".forwardLink {\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n  display: flex;\n}\n.forwardLink__link {\n  color: unset;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  cursor: pointer;\n  display: block;\n  width: 100%;\n}\n.forwardLink__link--disabled {\n  cursor: not-allowed;\n}";
@@ -44,17 +45,25 @@ var ForwardLink = function ForwardLink(_ref) {
     pathname = _useMemo$pathname === void 0 ? '' : _useMemo$pathname,
     _useMemo$search = _useMemo.search,
     search = _useMemo$search === void 0 ? '' : _useMemo$search;
+
+  /* WAVE: Redundant title text — title 與連結內文相同時不輸出，避免輔具重複朗讀 */
+  var domTitle = tip || typeof children === 'string' && children === title ? undefined : title;
+  /* WCAG 3.2.x 另開新視窗預告：target="_blank" 時以 aria-label 註明 */
+  var newWindowLabel = target === '_blank' && (typeof children === 'string' || title) ? "".concat(typeof children === 'string' ? children : title).concat(getIntl().formatMessage({
+    id: 'aria.newWindow'
+  })) : undefined;
   var linkComponent = /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "forwardLink"
   }, disabled ? /*#__PURE__*/React__default.createElement("div", {
-    title: tip ? undefined : title,
+    title: domTitle,
     className: "forwardLink__link--disabled"
   }, children) : /*#__PURE__*/React__default.createElement(Link, {
     className: "forwardLink__link",
     target: target,
-    title: tip ? undefined : title,
+    title: domTitle,
+    "aria-label": newWindowLabel,
     to: {
       pathname: "".concat(locale).concat(pathname),
       search: search

package/lib/components/ForwardLink.js

@@ -1,8 +1,9 @@
-export { F as default } from './ForwardLink-059be72d.js';
+export { F as default } from './ForwardLink-aa950a50.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-0be0afec.js';
+import './index-b47819f3.js';
 import 'react-router-dom';
 import '@material-ui/core';
+import './globalConfig';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Header.js

@@ -1,27 +1,28 @@
 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-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 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-c3acab41.js';
-import { S as Select } from './Select-fdb4d9b8.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-96442344.js';
+import { K as KeywordSearch } from './KeywordSearch-33341dd3.js';
+import { S as Select } from './Select-e550d0a5.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-b9855a54.js';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import 'axios';
-import './Autocomplete-887cda6a.js';
+import './Autocomplete-5d6f1df8.js';
 import '@material-ui/lab';
-import './createSvgIcon-0d38de2e.js';
+import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-94a8d8ff.js';
+import './Empty-bf77164f.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}\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);
@@ -78,8 +79,19 @@ var Header = function Header(props) {
     }, className)
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "header__logo",
+    role: "link",
+    tabIndex: 0,
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.header.logoHome'
+    }),
     onClick: function onClick() {
       return history.push("/".concat(locale, "/main/home"));
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Enter') {
+        event.preventDefault();
+        history.push("/".concat(locale, "/main/home"));
+      }
     }
   }, logo && /*#__PURE__*/React__default.createElement("div", {
     className: "header__logo__img"
@@ -121,9 +133,13 @@ var Header = function Header(props) {
     }, label);
   })), /*#__PURE__*/React__default.createElement(IconButton, {
     className: "header__searchIcon",
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.header.searchOpen'
+    }),
     onClick: onSearchIconClick
   }, /*#__PURE__*/React__default.createElement(SearchOutlined, {
-    fontSize: "large"
+    fontSize: "large",
+    "aria-hidden": "true"
   })), showDarkModeSwitch , Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
     className: "header__language",
     defaultValue: checkLanguageSupport({

package/lib/components/Image.js

@@ -1,6 +1,6 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Input.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { OutlinedInput } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/InputMethod.js

@@ -1,7 +1,7 @@
 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-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { ExpandMore, ExpandLess, Search } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-70de2c37.js';

package/lib/components/{KeywordSearch-c3acab41.js → KeywordSearch-33341dd3.js}

@@ -1,10 +1,10 @@
 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-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import axios from 'axios';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { A as Autocomplete } from './Autocomplete-887cda6a.js';
+import { A as Autocomplete } from './Autocomplete-5d6f1df8.js';
 
 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);

package/lib/components/KeywordSearch.js

@@ -1,21 +1,22 @@
-export { K as default } from './KeywordSearch-c3acab41.js';
+export { K as default } from './KeywordSearch-33341dd3.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import 'axios';
 import './style-inject.es-1f59c1d0.js';
-import './Autocomplete-887cda6a.js';
+import './Autocomplete-5d6f1df8.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 './createSvgIcon-0d38de2e.js';
+import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-94a8d8ff.js';
+import './globalConfig';
+import './Empty-bf77164f.js';

package/lib/components/KeywordTicker.js

@@ -1,12 +1,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-ef96775f.js';
-import { F as ForwardLink } from './ForwardLink-059be72d.js';
+import { c as classNames } from './index-b76a85f4.js';
+import { F as ForwardLink } from './ForwardLink-aa950a50.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './index-0be0afec.js';
+import './index-b47819f3.js';
 import 'react-router-dom';
 import '@material-ui/core';
+import './globalConfig';
 
 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);

package/lib/components/Keywords.js

@@ -1,14 +1,15 @@
 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-ef96775f.js';
-import { M as Modal } from './Modal-fc4320d3.js';
+import { c as classNames } from './index-b76a85f4.js';
+import { M as Modal } from './Modal-5a27951f.js';
 import { Typography } from '@material-ui/core';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-0d38de2e.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
-import './Button-8742afeb.js';
-import './Spin-fafe3787.js';
+import './Button-305b69a0.js';
+import './Spin-8dc60bfe.js';
+import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';

package/lib/components/Loading.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { CircularProgress } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/{Modal-fc4320d3.js → Modal-5a27951f.js}

@@ -1,10 +1,11 @@
 import React__default from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.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-8742afeb.js';
-import { S as Spin } from './Spin-fafe3787.js';
+import { B as Button } from './Button-305b69a0.js';
+import { S as Spin } from './Spin-8dc60bfe.js';
+import { getIntl } from './globalConfig';
 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}";
@@ -36,14 +37,21 @@ var Modal = function Modal(props) {
     onClose: function onClose() {
       return closable && onCancel();
     }
+    // WCAG 4.1.2 對話框需有可及名稱
+    ,
+    "aria-label": typeof title === 'string' ? title : undefined
   }, /*#__PURE__*/React__default.createElement(DialogTitle, {
     className: "modal__title"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "modal__title__text"
   }, title), closable && /*#__PURE__*/React__default.createElement(IconButton, {
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.modal.close'
+    }),
     onClick: onCancel
   }, /*#__PURE__*/React__default.createElement(CloseSharp, {
-    className: "modal__title__close"
+    className: "modal__title__close",
+    "aria-hidden": "true"
   }))), /*#__PURE__*/React__default.createElement(DialogContent, null, /*#__PURE__*/React__default.createElement(Spin, {
     spinning: loading
   }, children)), footer !== null && /*#__PURE__*/React__default.createElement(DialogActions, null, footer === undefined && (cancelText || okText) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, cancelText && /*#__PURE__*/React__default.createElement(Button, {

package/lib/components/Modal.js

@@ -1,9 +1,10 @@
-export { M as default } from './Modal-fc4320d3.js';
+export { M as default } from './Modal-5a27951f.js';
 import 'react';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-8742afeb.js';
+import './Button-305b69a0.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-fafe3787.js';
+import './Spin-8dc60bfe.js';
+import './globalConfig';

package/lib/components/{MoreButton-d7c9f3b8.js → MoreButton-44d3b4fe.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { ExpandLess, ExpandMore } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/MoreButton.js

@@ -1,6 +1,6 @@
-export { M as default } from './MoreButton-d7c9f3b8.js';
+export { M as default } from './MoreButton-44d3b4fe.js';
 import 'react';
 import 'prop-types';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import '@material-ui/icons';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Pagination.js

@@ -3,14 +3,14 @@ import * as React$2 from 'react';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import { d as defaultTheme, k as _objectWithoutProperties, o as _slicedToArray, _ as _extends, q as _objectWithoutPropertiesLoose, r as alpha, j as formatMuiErrorMessage } from './defaultTheme-ed7746fe.js';
-import { u as useControlled, c as clsx, b as useEventCallback, w as withStyles, d as useIsFocusVisible, e as useForkRef, f as createSvgIcon, g as capitalize, h as debounce, r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-0d38de2e.js';
+import { u as useControlled, c as clsx, b as useEventCallback, w as withStyles, d as useIsFocusVisible, e as useForkRef, f as createSvgIcon, g as capitalize, h as debounce, r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
 import 'react-is';
 import { useTheme as useTheme$1 } from '@material-ui/styles';
 import './withTheme-2d778133.js';
 import { _ as _toConsumableArray } from './toConsumableArray-dbe8af76.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { IconButton } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_commonjsHelpers-70de2c37.js';

package/lib/components/SNA.js

@@ -1,13 +1,13 @@
 import React__default, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.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-bfb076ca.js';
+import { E as ExtraTools } from './ExtraTools-5954ee3a.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-e67a18bc.js';
+import './Tooltip-6ebfa9c1.js';
 import './dataExport-d55d6fa3.js';
 
 function sourceEvent() {