@mescius/spread-sheets 17.1.9 → 18.0.0

package/styles/gc.spread.sheets.excel2016black.css

@@ -1307,13 +1307,13 @@ div.gc-search-outer-div input::-ms-clear {
   padding: 3px;
   margin: 1px;
   overflow: hidden;
+  display: flex;
 }
 
 .gc-ui-contextmenu-icon {
   width: 16px;
   height: 16px;
   margin-left: 0;
-  float: left;
   display: inline-block;
   margin-right: 12px;
 }
@@ -1370,11 +1370,11 @@ div.gc-search-outer-div input::-ms-clear {
 .gc-ui-contextmenu-menuitem-content .gc-ui-contextmenu-sup-indicator {
   width: 16px;
   height: 16px;
-  float: right;
   display: inline-block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAGpJREFUGBljYCAHpKenT2hoaGDCphdF8P////nPnz9fXVhYyImuGEUhSBKoOOjbt29709LSRJAVYyiEKrYE0osIKmRkZDwOVBSHVyFQ0TouLi7nWbNmvcGpEKhooqSkZGh/f/93ZEW0YQMAu9MgVL/2M7QAAAAASUVORK5CYII=);
   background-position: center center;
   background-repeat: no-repeat;
+  margin-left: auto;
 }
 
 .gc-ui-contextmenu-splitMenu-container {
@@ -1452,6 +1452,11 @@ div.gc-search-outer-div input::-ms-clear {
   background-repeat: no-repeat;
 }
 
+.gc-spread-pivotShowSubtotal {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAO5JREFUOBFjYBgFRIfAjRs3eI8dO7bz+PHjRsiaWJA5uNhnzpxhffny5dr///+7MjExgfQ4w9QywRggev/+/Rx79+6NRBYDamJ8//79/J8/f7r+/v373q9fv6KQ5VEM+Pbt24rv378v27ZtWwFMEZDdCdQUDdT8+u/fv+4uLi4vYXIgmhGZs3HjRr9///6tBYoxA3EqEPMAXTCBkZHxKzMzs6Ofn99pZPUgNooBIIGVK1eCvLAEqJEB6F9GIP0XSPuFhoZuB8mjAwwDQAoWL16cAtQ4G6o4MS4ubgGUTTw1b968wrlz51YRr2PkqgQA82JlH8nI1QYAAAAASUVORK5CYII=);
+  background-repeat: no-repeat;
+}
+
 .gc-spread-pivotShowDetails {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDpyZ2IoNDAlLDQwJSw0MCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMi42Njc5NjkgMTAuNjY3OTY5IEwgMTIuNjY3OTY5IDExLjMzMjAzMSBMIDEwIDExLjMzMjAzMSBMIDEwIDEwLjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDguNjY3OTY5IEwgMTIuNjY3OTY5IDkuMzMyMDMxIEwgNy4zMzIwMzEgOS4zMzIwMzEgTCA3LjMzMjAzMSA4LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDYuNjY3OTY5IEwgMTIuNjY3OTY5IDcuMzMyMDMxIEwgMTAgNy4zMzIwMzEgTCAxMCA2LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5IEwgMTIuNjY3OTY5IDUuMzMyMDMxIEwgNy4zMzIwMzEgNS4zMzIwMzEgTCA3LjMzMjAzMSA0LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6cmdiKDI3LjA1ODgyNCUsNzIuOTQxMTc2JSw0My41Mjk0MTIlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNS4zMzIwMzEgNS4zMzIwMzEgTCA1LjMzMjAzMSA2LjY2Nzk2OSBMIDYuNjY3OTY5IDYuNjY3OTY5IEwgNi42Njc5NjkgNy4zMzIwMzEgTCA1LjMzMjAzMSA3LjMzMjAzMSBMIDUuMzMyMDMxIDguNjY3OTY5IEwgNC42Njc5NjkgOC42Njc5NjkgTCA0LjY2Nzk2OSA3LjMzMjAzMSBMIDMuMzMyMDMxIDcuMzMyMDMxIEwgMy4zMzIwMzEgNi42Njc5NjkgTCA0LjY2Nzk2OSA2LjY2Nzk2OSBMIDQuNjY3OTY5IDUuMzMyMDMxIFogTSA1LjMzMjAzMSA1LjMzMjAzMSAiLz4KPC9nPgo8L3N2Zz4K);
   background-repeat: no-repeat;
@@ -1896,6 +1901,7 @@ div.gc-search-outer-div input::-ms-clear {
   width: 12px;
   height: 12px;
   display: inline-block;
+  padding-top: 1px;
 }
 
 .gc-statusbar-contextmenu-content {
@@ -1908,6 +1914,7 @@ div.gc-search-outer-div input::-ms-clear {
   float: right;
   color: white;
   vertical-align: middle;
+  margin-left: auto;
 }
 
 input.gc-checkbox-cell-type-input[type=checkbox]:before {
@@ -2436,6 +2443,9 @@ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div {
 div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div:not(.gc-builtIn-date-range-childDiv-select):hover {
   background-color: #e2f2ff;
 }
+div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div.gc-cl-disabled-text:hover {
+  background-color: #fff;
+}
 div[gcUIElement=gcSpread] .gc-builtIn-DateRangeChildDiv {
   margin: 5px 2px;
   height: 22px;
@@ -2478,6 +2488,9 @@ div[gcUIElement=gcSpread] .gc-date-ranges-result-div > * {
   display: inline-block;
   vertical-align: middle;
 }
+div[gcUIElement=gcSpread] .gc-date-ranges-result-div .gc-arrow-disable {
+  opacity: 0.5;
+}
 div[gcUIElement=gcSpread] .gc-date-ranges-result-buttonDiv {
   position: static !important;
   transform: none !important;
@@ -3657,6 +3670,26 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   background-color: #505050;
 }
 
+.selectable-item:focus {
+  background-image: none;
+  background-color: #505050;
+  outline: none;
+}
+
+.filter-dialog-container .selectable-item:focus,
+.filter-value-dialog-container .selectable-item:focus,
+.filter-top-ten-container .selectable-item:focus,
+.filter-date-dialog-container .selectable-item:focus,
+.gc-pivot-sort-dialog-container .selectable-item:focus {
+  background-color: transparent;
+  outline: 1px solid rgb(82, 146, 247);
+}
+
+.gc-pivot-filter-selectable-item {
+  background-image: none;
+  background-color: #505050;
+}
+
 .gc-drop-down-list-item-noHover,
 .gc-Filter-list-noHover {
   color: #b1b1b1;
@@ -3882,6 +3915,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 
 .filter-confirm {
+  display: inline-block;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3893,11 +3927,13 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-left: 10px;
   text-align: center;
   font-size: 12px;
-  float: right;
   font-weight: normal;
   color: rgb(0, 0, 0);
   border: 1px solid rgb(180, 180, 180);
   background-color: rgb(239, 239, 239);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .filter-confirm:hover {
@@ -4676,6 +4712,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   bottom: 12px;
   right: 12px;
   width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+.gc-sort-close-dialog .gc-sort-confirm-close-dialog {
+  float: right;
 }
 
 .gc-sort-summary {
@@ -6142,11 +6183,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   height: calc(100% - 30px);
   border: solid 1px lightgray;
 }
-.gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-ac-popup {
-  width: 80%;
-}
 .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-help-popup {
-  width: 80%;
   white-space: normal;
 }
 .gc-table-sheet-panel .gc-table-sheet-field-container, .gc-table-sheet-panel .gc-table-sheet-cross-column-field-container, .gc-table-sheet-cross-column .gc-table-sheet-field-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field-container {
@@ -6919,3 +6956,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   color: #C0C0C0;
   background-color: #515151;
 }
+
+.sjs-data-chart-tip {
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
+  border-radius: 3px !important;
+}

package/styles/gc.spread.sheets.excel2016colorful.css

@@ -1301,13 +1301,13 @@ div.gc-search-outer-div input::-ms-clear {
   padding: 3px;
   margin: 1px;
   overflow: hidden;
+  display: flex;
 }
 
 .gc-ui-contextmenu-icon {
   width: 16px;
   height: 16px;
   margin-left: 0;
-  float: left;
   display: inline-block;
   margin-right: 12px;
 }
@@ -1363,11 +1363,11 @@ div.gc-search-outer-div input::-ms-clear {
 .gc-ui-contextmenu-menuitem-content .gc-ui-contextmenu-sup-indicator {
   width: 16px;
   height: 16px;
-  float: right;
   display: inline-block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFEODY1RjVGQzhGMjExRTdBMDNDRDU1NEFCMEVGRTIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFEODY1RjYwQzhGMjExRTdBMDNDRDU1NEFCMEVGRTIxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUQ4NjVGNURDOEYyMTFFN0EwM0NENTU0QUIwRUZFMjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ4NjVGNUVDOEYyMTFFN0EwM0NENTU0QUIwRUZFMjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xjVcxAAAAg0lEQVR42uzYMQ6AIAyF4RaFwXgT738PV+PMBVxRqx4A3RTM/yYGhn60hAQ1M6k5TioPAAAAAAAAAAAAAAAAAAAA8EdA33emqjLOccjt0ZJ/Jc7izftWUlqzdRYPeKq1mjtwdsLowBdpGnd70EUDQvCybbte6ykuvroR4iED8EIOAQYApagr3uYsgU4AAAAASUVORK5CYII=);
   background-position: -32px -16px;
   background-repeat: no-repeat;
+  margin-left: auto;
 }
 
 .gc-ui-contextmenu-splitMenu-container {
@@ -1445,6 +1445,11 @@ div.gc-search-outer-div input::-ms-clear {
   background-repeat: no-repeat;
 }
 
+.gc-spread-pivotShowSubtotal {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAO5JREFUOBFjYBgFRIfAjRs3eI8dO7bz+PHjRsiaWJA5uNhnzpxhffny5dr///+7MjExgfQ4w9QywRggev/+/Rx79+6NRBYDamJ8//79/J8/f7r+/v373q9fv6KQ5VEM+Pbt24rv378v27ZtWwFMEZDdCdQUDdT8+u/fv+4uLi4vYXIgmhGZs3HjRr9///6tBYoxA3EqEPMAXTCBkZHxKzMzs6Ofn99pZPUgNooBIIGVK1eCvLAEqJEB6F9GIP0XSPuFhoZuB8mjAwwDQAoWL16cAtQ4G6o4MS4ubgGUTTw1b968wrlz51YRr2PkqgQA82JlH8nI1QYAAAAASUVORK5CYII=);
+  background-repeat: no-repeat;
+}
+
 .gc-spread-pivotShowDetails {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDpyZ2IoNDAlLDQwJSw0MCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMi42Njc5NjkgMTAuNjY3OTY5IEwgMTIuNjY3OTY5IDExLjMzMjAzMSBMIDEwIDExLjMzMjAzMSBMIDEwIDEwLjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDguNjY3OTY5IEwgMTIuNjY3OTY5IDkuMzMyMDMxIEwgNy4zMzIwMzEgOS4zMzIwMzEgTCA3LjMzMjAzMSA4LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDYuNjY3OTY5IEwgMTIuNjY3OTY5IDcuMzMyMDMxIEwgMTAgNy4zMzIwMzEgTCAxMCA2LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5IEwgMTIuNjY3OTY5IDUuMzMyMDMxIEwgNy4zMzIwMzEgNS4zMzIwMzEgTCA3LjMzMjAzMSA0LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6cmdiKDI3LjA1ODgyNCUsNzIuOTQxMTc2JSw0My41Mjk0MTIlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNS4zMzIwMzEgNS4zMzIwMzEgTCA1LjMzMjAzMSA2LjY2Nzk2OSBMIDYuNjY3OTY5IDYuNjY3OTY5IEwgNi42Njc5NjkgNy4zMzIwMzEgTCA1LjMzMjAzMSA3LjMzMjAzMSBMIDUuMzMyMDMxIDguNjY3OTY5IEwgNC42Njc5NjkgOC42Njc5NjkgTCA0LjY2Nzk2OSA3LjMzMjAzMSBMIDMuMzMyMDMxIDcuMzMyMDMxIEwgMy4zMzIwMzEgNi42Njc5NjkgTCA0LjY2Nzk2OSA2LjY2Nzk2OSBMIDQuNjY3OTY5IDUuMzMyMDMxIFogTSA1LjMzMjAzMSA1LjMzMjAzMSAiLz4KPC9nPgo8L3N2Zz4K);
   background-repeat: no-repeat;
@@ -1889,6 +1894,7 @@ div.gc-search-outer-div input::-ms-clear {
   width: 12px;
   height: 12px;
   display: inline-block;
+  padding-top: 1px;
 }
 
 .gc-statusbar-contextmenu-content {
@@ -1901,6 +1907,7 @@ div.gc-search-outer-div input::-ms-clear {
   float: right;
   color: #444444;
   vertical-align: middle;
+  margin-left: auto;
 }
 
 input.gc-checkbox-cell-type-input[type=checkbox]:before {
@@ -2429,6 +2436,9 @@ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div {
 div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div:not(.gc-builtIn-date-range-childDiv-select):hover {
   background-color: #e2f2ff;
 }
+div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div.gc-cl-disabled-text:hover {
+  background-color: #fff;
+}
 div[gcUIElement=gcSpread] .gc-builtIn-DateRangeChildDiv {
   margin: 5px 2px;
   height: 22px;
@@ -2471,6 +2481,9 @@ div[gcUIElement=gcSpread] .gc-date-ranges-result-div > * {
   display: inline-block;
   vertical-align: middle;
 }
+div[gcUIElement=gcSpread] .gc-date-ranges-result-div .gc-arrow-disable {
+  opacity: 0.5;
+}
 div[gcUIElement=gcSpread] .gc-date-ranges-result-buttonDiv {
   position: static !important;
   transform: none !important;
@@ -3650,6 +3663,26 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   background-color: #c5c5c5;
 }
 
+.selectable-item:focus {
+  background-image: none;
+  background-color: #c5c5c5;
+  outline: none;
+}
+
+.filter-dialog-container .selectable-item:focus,
+.filter-value-dialog-container .selectable-item:focus,
+.filter-top-ten-container .selectable-item:focus,
+.filter-date-dialog-container .selectable-item:focus,
+.gc-pivot-sort-dialog-container .selectable-item:focus {
+  background-color: transparent;
+  outline: 1px solid rgb(82, 146, 247);
+}
+
+.gc-pivot-filter-selectable-item {
+  background-image: none;
+  background-color: #c5c5c5;
+}
+
 .gc-drop-down-list-item-noHover,
 .gc-Filter-list-noHover {
   color: #b1b1b1;
@@ -3875,6 +3908,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 
 .filter-confirm {
+  display: inline-block;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3886,11 +3920,13 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-left: 10px;
   text-align: center;
   font-size: 12px;
-  float: right;
   font-weight: normal;
   color: rgb(0, 0, 0);
   border: 1px solid rgb(180, 180, 180);
   background-color: rgb(239, 239, 239);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .filter-confirm:hover {
@@ -4669,6 +4705,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   bottom: 12px;
   right: 12px;
   width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+.gc-sort-close-dialog .gc-sort-confirm-close-dialog {
+  float: right;
 }
 
 .gc-sort-summary {
@@ -6136,11 +6177,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   height: calc(100% - 30px);
   border: solid 1px lightgray;
 }
-.gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-ac-popup {
-  width: 80%;
-}
 .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-help-popup {
-  width: 80%;
   white-space: normal;
 }
 .gc-table-sheet-panel .gc-table-sheet-field-container, .gc-table-sheet-panel .gc-table-sheet-cross-column-field-container, .gc-table-sheet-cross-column .gc-table-sheet-field-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field-container {
@@ -6913,3 +6950,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   color: #7E7E7E;
   background-color: #FFFFFF;
 }
+
+.sjs-data-chart-tip {
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
+  border-radius: 3px !important;
+}

package/styles/gc.spread.sheets.excel2016darkGray.css

@@ -1297,13 +1297,13 @@ div.gc-search-outer-div input::-ms-clear {
   padding: 3px;
   margin: 1px;
   overflow: hidden;
+  display: flex;
 }
 
 .gc-ui-contextmenu-icon {
   width: 16px;
   height: 16px;
   margin-left: 0;
-  float: left;
   display: inline-block;
   margin-right: 12px;
 }
@@ -1359,11 +1359,11 @@ div.gc-search-outer-div input::-ms-clear {
 .gc-ui-contextmenu-menuitem-content .gc-ui-contextmenu-sup-indicator {
   width: 16px;
   height: 16px;
-  float: right;
   display: inline-block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFEODY1RjVGQzhGMjExRTdBMDNDRDU1NEFCMEVGRTIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFEODY1RjYwQzhGMjExRTdBMDNDRDU1NEFCMEVGRTIxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUQ4NjVGNURDOEYyMTFFN0EwM0NENTU0QUIwRUZFMjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ4NjVGNUVDOEYyMTFFN0EwM0NENTU0QUIwRUZFMjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xjVcxAAAAg0lEQVR42uzYMQ6AIAyF4RaFwXgT738PV+PMBVxRqx4A3RTM/yYGhn60hAQ1M6k5TioPAAAAAAAAAAAAAAAAAAAA8EdA33emqjLOccjt0ZJ/Jc7izftWUlqzdRYPeKq1mjtwdsLowBdpGnd70EUDQvCybbte6ykuvroR4iED8EIOAQYApagr3uYsgU4AAAAASUVORK5CYII=);
   background-position: -32px -16px;
   background-repeat: no-repeat;
+  margin-left: auto;
 }
 
 .gc-ui-contextmenu-splitMenu-container {
@@ -1441,6 +1441,11 @@ div.gc-search-outer-div input::-ms-clear {
   background-repeat: no-repeat;
 }
 
+.gc-spread-pivotShowSubtotal {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAO5JREFUOBFjYBgFRIfAjRs3eI8dO7bz+PHjRsiaWJA5uNhnzpxhffny5dr///+7MjExgfQ4w9QywRggev/+/Rx79+6NRBYDamJ8//79/J8/f7r+/v373q9fv6KQ5VEM+Pbt24rv378v27ZtWwFMEZDdCdQUDdT8+u/fv+4uLi4vYXIgmhGZs3HjRr9///6tBYoxA3EqEPMAXTCBkZHxKzMzs6Ofn99pZPUgNooBIIGVK1eCvLAEqJEB6F9GIP0XSPuFhoZuB8mjAwwDQAoWL16cAtQ4G6o4MS4ubgGUTTw1b968wrlz51YRr2PkqgQA82JlH8nI1QYAAAAASUVORK5CYII=);
+  background-repeat: no-repeat;
+}
+
 .gc-spread-pivotShowDetails {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDpyZ2IoNDAlLDQwJSw0MCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMi42Njc5NjkgMTAuNjY3OTY5IEwgMTIuNjY3OTY5IDExLjMzMjAzMSBMIDEwIDExLjMzMjAzMSBMIDEwIDEwLjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDguNjY3OTY5IEwgMTIuNjY3OTY5IDkuMzMyMDMxIEwgNy4zMzIwMzEgOS4zMzIwMzEgTCA3LjMzMjAzMSA4LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDYuNjY3OTY5IEwgMTIuNjY3OTY5IDcuMzMyMDMxIEwgMTAgNy4zMzIwMzEgTCAxMCA2LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5IEwgMTIuNjY3OTY5IDUuMzMyMDMxIEwgNy4zMzIwMzEgNS4zMzIwMzEgTCA3LjMzMjAzMSA0LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6cmdiKDI3LjA1ODgyNCUsNzIuOTQxMTc2JSw0My41Mjk0MTIlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNS4zMzIwMzEgNS4zMzIwMzEgTCA1LjMzMjAzMSA2LjY2Nzk2OSBMIDYuNjY3OTY5IDYuNjY3OTY5IEwgNi42Njc5NjkgNy4zMzIwMzEgTCA1LjMzMjAzMSA3LjMzMjAzMSBMIDUuMzMyMDMxIDguNjY3OTY5IEwgNC42Njc5NjkgOC42Njc5NjkgTCA0LjY2Nzk2OSA3LjMzMjAzMSBMIDMuMzMyMDMxIDcuMzMyMDMxIEwgMy4zMzIwMzEgNi42Njc5NjkgTCA0LjY2Nzk2OSA2LjY2Nzk2OSBMIDQuNjY3OTY5IDUuMzMyMDMxIFogTSA1LjMzMjAzMSA1LjMzMjAzMSAiLz4KPC9nPgo8L3N2Zz4K);
   background-repeat: no-repeat;
@@ -1885,6 +1890,7 @@ div.gc-search-outer-div input::-ms-clear {
   width: 12px;
   height: 12px;
   display: inline-block;
+  padding-top: 1px;
 }
 
 .gc-statusbar-contextmenu-content {
@@ -1897,6 +1903,7 @@ div.gc-search-outer-div input::-ms-clear {
   float: right;
   color: #444444;
   vertical-align: middle;
+  margin-left: auto;
 }
 
 input.gc-checkbox-cell-type-input[type=checkbox]:before {
@@ -2425,6 +2432,9 @@ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div {
 div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div:not(.gc-builtIn-date-range-childDiv-select):hover {
   background-color: #e2f2ff;
 }
+div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div.gc-cl-disabled-text:hover {
+  background-color: #fff;
+}
 div[gcUIElement=gcSpread] .gc-builtIn-DateRangeChildDiv {
   margin: 5px 2px;
   height: 22px;
@@ -2467,6 +2477,9 @@ div[gcUIElement=gcSpread] .gc-date-ranges-result-div > * {
   display: inline-block;
   vertical-align: middle;
 }
+div[gcUIElement=gcSpread] .gc-date-ranges-result-div .gc-arrow-disable {
+  opacity: 0.5;
+}
 div[gcUIElement=gcSpread] .gc-date-ranges-result-buttonDiv {
   position: static !important;
   transform: none !important;
@@ -3646,6 +3659,26 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   background-color: #969696;
 }
 
+.selectable-item:focus {
+  background-image: none;
+  background-color: #969696;
+  outline: none;
+}
+
+.filter-dialog-container .selectable-item:focus,
+.filter-value-dialog-container .selectable-item:focus,
+.filter-top-ten-container .selectable-item:focus,
+.filter-date-dialog-container .selectable-item:focus,
+.gc-pivot-sort-dialog-container .selectable-item:focus {
+  background-color: transparent;
+  outline: 1px solid rgb(82, 146, 247);
+}
+
+.gc-pivot-filter-selectable-item {
+  background-image: none;
+  background-color: #969696;
+}
+
 .gc-drop-down-list-item-noHover,
 .gc-Filter-list-noHover {
   color: #b1b1b1;
@@ -3871,6 +3904,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 
 .filter-confirm {
+  display: inline-block;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3882,11 +3916,13 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-left: 10px;
   text-align: center;
   font-size: 12px;
-  float: right;
   font-weight: normal;
   color: rgb(0, 0, 0);
   border: 1px solid rgb(180, 180, 180);
   background-color: rgb(239, 239, 239);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .filter-confirm:hover {
@@ -4665,6 +4701,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   bottom: 12px;
   right: 12px;
   width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+.gc-sort-close-dialog .gc-sort-confirm-close-dialog {
+  float: right;
 }
 
 .gc-sort-summary {
@@ -6132,11 +6173,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   height: calc(100% - 30px);
   border: solid 1px lightgray;
 }
-.gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-ac-popup {
-  width: 80%;
-}
 .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-help-popup {
-  width: 80%;
   white-space: normal;
 }
 .gc-table-sheet-panel .gc-table-sheet-field-container, .gc-table-sheet-panel .gc-table-sheet-cross-column-field-container, .gc-table-sheet-cross-column .gc-table-sheet-field-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field-container {
@@ -6909,3 +6946,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   color: #C0C0C0;
   background-color: #515151;
 }
+
+.sjs-data-chart-tip {
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
+  border-radius: 3px !important;
+}