@mescius/spread-sheets 18.2.4 → 19.0.0

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

@@ -7,6 +7,7 @@
   --sjs-theme-accent-color: white;
   --sjs-theme-background: white;
   --sjs-theme-color: #333;
+  --sjs-theme-foreground: #242424;
   --sjs-theme-light-gray-bg: rgba(51,51,51,0.05);
   --sjs-theme-gray-bg: rgba(51,51,51,.1);
   --sjs-theme-border-color: #DAE2ED;
@@ -1685,6 +1686,21 @@ div.gc-search-outer-div input::-ms-clear {
   background-repeat: no-repeat;
 }
 
+.gc-spread-insertThreadedComment {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QWRkIFRocmVhZGVkIENvbW1lbnQxNjwvdGl0bGU+CiAgICA8ZyBpZD0iQWRkLVRocmVhZGVkLUNvbW1lbnQxNiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDUgTDIsMTAgTDE0LDEwIEwxNCwyIEw1LDIgTDUsMSBMMTUsMSBMMTUsMTEgTDEsMTEgTDEsNSBMMiw1IFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuS4ieinkuW9ouWkh+S7vSIgZmlsbD0iIzY2NjY2NiIgcG9pbnRzPSI3LjU0NTk1Mzc1IDEwIDMgMTQuNTAyNDk4NiAzIDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLkuInop5LlvaLlpIfku70tNCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI2LjA3NDEwNjIyIDEwIDQgMTIuMTAxODk2MyA0IDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyIEwxNCwxMCBMMiwxMCBMMiw4IEw1LDggTDUsNSBMOCw1IEw4LDIgTDE0LDIgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNCwwIEw0LDMgTDcsMyBMNyw0IEw0LDQgTDQsNyBMMyw3IEwzLDQgTDAsNCBMMCwzIEwzLDMgTDMsMCBMNCwwIFoiIGlkPSJDb21iaW5lZC1TaGFwZeWkh+S7vSIgZmlsbD0iIzQ1QkE2RiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+  background-repeat: no-repeat;
+}
+
+.gc-spread-replyToThreadedComment {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QWRkIFRocmVhZGVkIENvbW1lbnQxNjwvdGl0bGU+CiAgICA8ZyBpZD0iQWRkLVRocmVhZGVkLUNvbW1lbnQxNiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDUgTDIsMTAgTDE0LDEwIEwxNCwyIEw1LDIgTDUsMSBMMTUsMSBMMTUsMTEgTDEsMTEgTDEsNSBMMiw1IFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuS4ieinkuW9ouWkh+S7vSIgZmlsbD0iIzY2NjY2NiIgcG9pbnRzPSI3LjU0NTk1Mzc1IDEwIDMgMTQuNTAyNDk4NiAzIDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLkuInop5LlvaLlpIfku70tNCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI2LjA3NDEwNjIyIDEwIDQgMTIuMTAxODk2MyA0IDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyIEwxNCwxMCBMMiwxMCBMMiw4IEw1LDggTDUsNSBMOCw1IEw4LDIgTDE0LDIgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNCwwIEw0LDMgTDcsMyBMNyw0IEw0LDQgTDQsNyBMMyw3IEwzLDQgTDAsNCBMMCwzIEwzLDMgTDMsMCBMNCwwIFoiIGlkPSJDb21iaW5lZC1TaGFwZeWkh+S7vSIgZmlsbD0iIzQ1QkE2RiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+  background-repeat: no-repeat;
+}
+
+.gc-spread-deleteThreadedComment {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RGVsZXRlIFRocmVhZGVkIENvbW1lbnQxNjwvdGl0bGU+CiAgICA8ZyBpZD0iRGVsZXRlLVRocmVhZGVkLUNvbW1lbnQxNiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTE1LDIgTDE1LDEyIEwxLDEyIEwxLDcgTDIsNyBMMiwxMSBMMTQsMTEgTDE0LDMgTDYsMyBMNiwyIEwxNSwyIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD4KICAgICAgICA8cG9seWdvbiBpZD0i5LiJ6KeS5b2i5aSH5Lu9IiBmaWxsPSIjNjY2NjY2IiBwb2ludHM9IjcuNTQ1OTUzNzUgMTEgMyAxNS41MDI0OTg2IDMgMTEiPjwvcG9seWdvbj4KICAgICAgICA8cG9seWdvbiBpZD0i5LiJ6KeS5b2i5aSH5Lu9LTQiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNi4wNzQxMDYyMiAxMSA0IDEzLjEwMTg5NjMgNCAxMSI+PC9wb2x5Z29uPgogICAgICAgIDxwYXRoIGQ9Ik0xNCwzIEwxNCwxMSBMMiwxMSBMMiw2Ljk5OSBMNiw3IEw2LDIuOTk5IEwxNCwzIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNC44NDEwNTQyNCwxLjkxMjU5OTYzIEM1LjA1Mjk4MTkyLDEuNzAzODM5MjcgNS4wNTI5ODE5MiwxLjM2NTMzMzIxIDQuODQxMDU0MjQsMS4xNTY1NzAyNyBDNC42MzAzNTA3MywwLjk0NzgwOTkxIDQuMjg4NDE3LDAuOTQ3ODA5OTEgNC4wNzY5MzU0MiwxLjE1NjU3MDI3IEwyLjUwNDQ1MDYzLDIuNzM4Nzg4MDcgTDAuOTIzMDQxNDI3LDEuMTU2NTcwMjcgQzAuNzExODkyNDY4LDAuOTQ3ODA5OTEgMC4zNjk1MTMyODcsMC45NDc4MDk5MSAwLjE1ODM2MTcxOSwxLjE1NjU3MDI3IEMtMC4wNTI3ODcyMzk4LDEuMzY1MzMwNjMgLTAuMDUyNzg3MjM5OCwxLjcwMzgzNjY5IDAuMTU4MzYxNzE5LDEuOTEyNTk5NjMgTDEuNzM5NjYwMDUsMy40OTQ5MzM0OSBMMC4xNTgzNjE3MTksNS4wODc3NjMwOCBDLTAuMDUyNzg3MjM5OCw1LjI5NjYzMzA2IC0wLjA1Mjc4NzIzOTgsNS42MzQ0Nzg4MyAwLjE1ODM2MTcxOSw1Ljg0MzM0NzUyIEMwLjM2OTUxMDY3OCw2LjA1MjIxNzQ5IDAuNzExODg5ODU5LDYuMDUyMjE3NDkgMC45MjMwNDE0MjcsNS44NDMzNDc1MiBMMi41MDQ0NTA2Myw0LjI1MDk2Mjg0IEw0LjA3NjkzNTQyLDUuODQzMzQ3NTIgQzQuMjg4NDE4Myw2LjA1MjIxNzQ5IDQuNjMwNDYzNTYsNi4wNTIyMTc0OSA0Ljg0MTA1NDI0LDUuODQzMzQ3NTIgQzUuMDUyOTgxOTIsNS42MzQ4MDc2OCA1LjA1Mjk4MTkyLDUuMjk2NjMxNzcgNC44NDEwNTQyNCw1LjA4Nzc2MzA4IEwzLjI2OTAxMjk1LDMuNDk0OTMzNDkgTDQuODQxMDU0MjQsMS45MTI1OTk2MyBaIiBpZD0i6Lev5b6E5aSH5Lu9IiBmaWxsPSIjRkE3NTQxIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
+  background-repeat: no-repeat;
+}
+
 .gc-spread-tableInsertColumnsLeft {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPJJREFUOBFjYKAQMML022fu+e/qqw/m7t58keHgdBe4HEwNNpoFWfDjlz8M/5EFiGCjGHBq/1UitKAqIehMkNeQtYRa/gZz////z5Ab78XIhCz5qlkBRTFMzjPAgAGEQSA71gOMf//5A+ajeAEsgoX4/RfT3F+/f5FgwO9/GMb++U2CC379wTQA5gJwGKD7HZ3/5y8DAwiDQFX3fDD+9RsSmOAwEKt9wAjTBKJBfIhyCInsgrbSRLBgSdssMA2PBZgmGI1swO/f/xlAGBn8xhaI2DSDNGGLhd+kBOJvPIFIVDp4cP423PXxxW1gNiglUgUAAHOkbVTsKQH5AAAAAElFTkSuQmCC);
   background-repeat: no-repeat;
@@ -2121,6 +2137,298 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
   color: #fff;
 }
 
+.gc-ui-threaded-comment-container {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(203, 203, 203, 0.8) transparent;
+}
+.gc-ui-threaded-comment-container::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gc-ui-threaded-comment-container::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 3px;
+}
+.gc-ui-threaded-comment-container::-webkit-scrollbar-thumb {
+  background: rgba(203, 203, 203, 0.8);
+  border-radius: 3px;
+  transition: background-color 0.2s ease;
+}
+.gc-ui-threaded-comment-container::-webkit-scrollbar-thumb:hover {
+  background: rgba(153, 153, 153, 0.9);
+}
+.gc-ui-threaded-comment-container::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* threaded comment panel */
+.gc-threaded-comment-panel-host {
+  width: 100%;
+  height: 100%;
+}
+
+.gc-threaded-comment-panel-side-panel {
+  height: calc(100% - 10px);
+  width: auto;
+  flex-direction: column;
+  overflow: hidden;
+  display: flex;
+  padding: 5px;
+  background-color: rgb(230, 230, 230);
+}
+
+.gc-threaded-comment-panel-side-panel .hyperlink-block {
+  color: #26A69A;
+}
+
+.gc-threaded-comment-panel-side-panel .native-hyperlink {
+  color: #26A69A;
+}
+
+.gc-threaded-comment-panel-fixed-header {
+  flex-shrink: 0;
+  flex-direction: column;
+  display: flex;
+}
+
+.gc-threaded-comment-panel-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin: 2px 0 10px 0;
+  color: black;
+  user-select: none;
+}
+
+.gc-tab-threaded-comment-buttons {
+  height: 35px;
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.gc-tab-threaded-comment-panel-show {
+  display: inline-flex;
+  align-items: center;
+  width: 75px;
+  height: 30px;
+  padding: 0 8px;
+  background: white;
+  border: 1px solid white;
+  border-radius: 2px;
+  cursor: pointer;
+  color: black;
+}
+.gc-tab-threaded-comment-panel-show:not([disabled]):hover {
+  background: #e1dfdd;
+}
+.gc-tab-threaded-comment-panel-show[disabled] {
+  opacity: 0.45;
+}
+.gc-tab-threaded-comment-panel-show .gc-threaded-comment-panel-new-button-icon {
+  width: 20px;
+  height: 20px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QWRkIFRocmVhZGVkIENvbW1lbnQxNjwvdGl0bGU+CiAgICA8ZyBpZD0iQWRkLVRocmVhZGVkLUNvbW1lbnQxNiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDUgTDIsMTAgTDE0LDEwIEwxNCwyIEw1LDIgTDUsMSBMMTUsMSBMMTUsMTEgTDEsMTEgTDEsNSBMMiw1IFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuS4ieinkuW9ouWkh+S7vSIgZmlsbD0iIzY2NjY2NiIgcG9pbnRzPSI3LjU0NTk1Mzc1IDEwIDMgMTQuNTAyNDk4NiAzIDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLkuInop5LlvaLlpIfku70tNCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI2LjA3NDEwNjIyIDEwIDQgMTIuMTAxODk2MyA0IDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyIEwxNCwxMCBMMiwxMCBMMiw4IEw1LDggTDUsNSBMOCw1IEw4LDIgTDE0LDIgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNCwwIEw0LDMgTDcsMyBMNyw0IEw0LDQgTDQsNyBMMyw3IEwzLDQgTDAsNCBMMCwzIEwzLDMgTDMsMCBMNCwwIFoiIGlkPSJDb21iaW5lZC1TaGFwZeWkh+S7vSIgZmlsbD0iIzQ1QkE2RiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+  background-size: contain;
+  margin-right: 4px;
+}
+
+.gc-tab-threaded-comment-panel-item {
+  display: inline-block;
+  width: auto;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 30px;
+  font-size: 12px;
+  color: black;
+  text-align: center;
+  padding-right: 45px;
+  user-select: none;
+}
+
+.gc-threaded-comment-panel-scrollable-container {
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex-direction: column;
+  display: flex;
+  height: 100%;
+}
+
+.gc-threaded-comment-panel-filter-container {
+  position: absolute;
+  right: 5px;
+  top: 0;
+  z-index: 1000;
+  pointer-events: auto;
+}
+
+.gc-tab-threaded-comment-panel-filter {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 35px;
+  height: 30px;
+  background-color: white;
+  border: 1px solid white;
+  border-radius: 5px;
+  cursor: pointer;
+  padding: 0 8px;
+}
+.gc-tab-threaded-comment-panel-filter:hover {
+  background-color: #e1dfdd;
+}
+.gc-tab-threaded-comment-panel-filter.gc-tab-threaded-comment-panel-filter-active {
+  width: 50px;
+}
+
+.gc-threaded-comment-panel-filter-icon {
+  width: 18px;
+  height: 18px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RmlsdGVyIFRocmVhZGVkIENvbW1lbnQ8L3RpdGxlPgogICAgPGcgaWQ9IkZpbHRlci1UaHJlYWRlZC1Db21tZW50IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI4Ljk5OTgzMzMzIDEzLjAwMDMzMzMgOC45OTk4MzMzMyA4LjcxNCAxNSAxIDEgMSA3LjAwMDE2NjY3IDguNzE0IDcuMDAwMTY2NjcgMTUiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
+  background-size: 100% 100%;
+  display: block;
+  flex-shrink: 0;
+}
+
+.gc-threaded-comment-panel-filter-badge {
+  font-size: 12px;
+  font-weight: 600;
+  color: black;
+  line-height: 1;
+  flex-shrink: 0;
+  margin-left: 4px;
+}
+
+.gc-threaded-comment-panel-filter-dropdown {
+  position: absolute;
+  top: 35px;
+  right: 0;
+  background: white;
+  border: 1px solid white;
+  border-radius: 3px;
+  min-width: 140px;
+  z-index: 1000;
+  box-shadow: 0 4px 12px #e1dfdd;
+}
+
+.gc-threaded-comment-panel-filter-option {
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  cursor: pointer;
+  font-size: 12px;
+  background: white;
+  color: black;
+  border-radius: 3px;
+}
+.gc-threaded-comment-panel-filter-option:hover {
+  background-color: #e1dfdd;
+  border-radius: 1px;
+}
+.gc-threaded-comment-panel-filter-option .gc-threaded-comment-panel-clear-filter-icon {
+  width: 16px;
+  height: 16px;
+  background-size: contain;
+  margin-right: 8px;
+}
+.gc-threaded-comment-panel-filter-option .gc-threaded-comment-panel-clear-filter-icon-enabled {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+UmVzZXQgRmlsdGVyKGVuYWJsZWQpPC90aXRsZT4KICAgIDxnIGlkPSJSZXNldC1GaWx0ZXIoZW5hYmxlZCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjE5MjYxNjEyLDYuMTUyMDE2NzYgQzcuNTIwOTkxNzEsNS45MzcwNzMyIDYuOTMxMzk5NTYsNi4wMjkxOTE3NCA2LjU2Mzk4ODQ5LDYuNDkyNDczNTkgQzYuMzM0ODQ1LDYuNzg0MTIwMzEgNi4xNDAyMTczNiw3LjIyNDY3NTE4IDYuMTAzNDUzOTYsNy42Mzk2MjAyMiBDNi4wNDU5NTQ2OSw4LjI4ODYwODk2IDYuMzY0ODA4NDgsOC44Mzk1ODQzOCA3LjA1NDk4OTU3LDkuMDg2MTY4NzUgQzcuMTcyODIzMzMsOS4xMjgyNjc3OSA3LjI4NzUxNCw5LjE3MjI3MjU2IDcuMzk5ODY2NjcsOS4yMTg2MTQxNSBMNy4zOTk4NjY2NywxMC42MDAyNjY3IEw1LjgwMDEzMzMzLDEyLjIgTDUuODAwMTMzMzMsNy4xNzEyIEwxLDEgTDEyLjIsMSBMOC4xOTI2MTYxMiw2LjE1MjAxNjc2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNMTQuOTgyNzI2OCw3LjkwMDcyOTgyIEMxNC43MjUxNjU1LDguNTYyODU5ODggMTMuMzM0NTk5Miw5LjIwMDI0OTM5IDEyLjA1ODM4NzMsMTAuMTQ4MzYxMyBDMTIuNjkzNTk0NywxMS4xNTkzMTY0IDEzLjM5NjE2MjEsMTIuNTE1NDE4NCAxNC41NjM4ODM1LDE1IEMxMy4wOTk2NzY3LDEzLjI4Njg0MDkgMTIuMDI0NDMyMywxMi4yNTA0MTkzIDEwLjkzODY5OTgsMTEuMTA4MzEzMyBDOS43ODM0MDA5MSwxMi4xNjQ4MDY5IDkuMjM1MDk1NTMsMTIuNzI1MTEwNiA4LjgzMjMxMzkxLDEzLjQ3MzkwMDggQzguMzczOTgxMDIsMTQuMzI1OTYzNCA4LjExMDQ5NDk5LDE1LjI4MzI4NDcgNy4yNDMzOTk3LDE0Ljg2Nzk3MzQgQzYuNjY1MzM2MTcsMTQuNTkwMTg4NCA2LjE0NDQxNjQ1LDEzLjU1MDk5OTQgNy4yNDMzOTk3LDEyLjQ3MzU1ODEgQzguMzQyMzgyOTQsMTEuMzk2MTE2NyA5LjE5OTU0MDE4LDEwLjU5MDk5NTcgOS44MTU2OTk1OSwxMC4wNTkxMDU4IEM4Ljk3NTkzMzk1LDkuMzc3ODQ5NjEgOC4yMjIyOTgxMSw4LjkwODU1MTE2IDcuMjQzMzk5Nyw4LjU1ODgxNTM0IEM2LjI2NDUwMTI4LDguMjA5MDc5NTIgNi43NTAxNjM4OCw3LjE2MTk0NTMyIDcuMDAyNzU2MTEsNi44NDA0NDMzOCBDNy4yNTcwMDQ2OCw2LjUxOTg1MjIxIDcuNzgwODgyODQsNi41MTk4NTIyMSA4LjQwNTMyMzk2LDYuODQwNDQzMzggQzkuNjI3NzA0NzIsNy42MTczMzA1IDEwLjU3MDk5MTgsOC4zNjE0Mjk4OSAxMS4yMzc2Njk2LDkuMDcyNzQxNTQgQzEyLjY3MzcxODYsOC4zMTMxNTkwNiAxNS4yMzQ0OTA4LDcuMjUyMjYxMzIgMTQuOTgyNzI2OCw3LjkwMDcyOTgyIFoiIGlkPSJGaWxsLTkiIGZpbGw9IiNGQTc1NDEiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
+}
+.gc-threaded-comment-panel-filter-option .gc-threaded-comment-panel-clear-filter-icon-disabled {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+UmVzZXQgRmlsdGVyIO+8iGRpc2FibGVkKTwvdGl0bGU+CiAgICA8ZyBpZD0iUmVzZXQtRmlsdGVyLe+8iGRpc2FibGVkKSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTguMTkyNjE2MTIsNi4xNTIwMTY3NiBDNy41MjA5OTE3MSw1LjkzNzA3MzIgNi45MzEzOTk1Niw2LjAyOTE5MTc0IDYuNTYzOTg4NDksNi40OTI0NzM1OSBDNi4zMzQ4NDUsNi43ODQxMjAzMSA2LjE0MDIxNzM2LDcuMjI0Njc1MTggNi4xMDM0NTM5Niw3LjYzOTYyMDIyIEM2LjA0NTk1NDY5LDguMjg4NjA4OTYgNi4zNjQ4MDg0OCw4LjgzOTU4NDM4IDcuMDU0OTg5NTcsOS4wODYxNjg3NSBDNy4xNzI4MjMzMyw5LjEyODI2Nzc5IDcuMjg3NTE0LDkuMTcyMjcyNTYgNy4zOTk4NjY2Nyw5LjIxODYxNDE1IEw3LjM5OTg2NjY3LDEwLjYwMDI2NjcgTDUuODAwMTMzMzMsMTIuMiBMNS44MDAxMzMzMyw3LjE3MTIgTDEsMSBMMTIuMiwxIEw4LjE5MjYxNjEyLDYuMTUyMDE2NzYgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjQkJCQkJCIiBzdHJva2U9IiNCQkJCQkIiIHN0cm9rZS13aWR0aD0iMSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTE0Ljk4MjcyNjgsNy45MDA3Mjk4MiBDMTQuNzI1MTY1NSw4LjU2Mjg1OTg4IDEzLjMzNDU5OTIsOS4yMDAyNDkzOSAxMi4wNTgzODczLDEwLjE0ODM2MTMgQzEyLjY5MzU5NDcsMTEuMTU5MzE2NCAxMy4zOTYxNjIxLDEyLjUxNTQxODQgMTQuNTYzODgzNSwxNSBDMTMuMDk5Njc2NywxMy4yODY4NDA5IDEyLjAyNDQzMjMsMTIuMjUwNDE5MyAxMC45Mzg2OTk4LDExLjEwODMxMzMgQzkuNzgzNDAwOTEsMTIuMTY0ODA2OSA5LjIzNTA5NTUzLDEyLjcyNTExMDYgOC44MzIzMTM5MSwxMy40NzM5MDA4IEM4LjM3Mzk4MTAyLDE0LjMyNTk2MzQgOC4xMTA0OTQ5OSwxNS4yODMyODQ3IDcuMjQzMzk5NywxNC44Njc5NzM0IEM2LjY2NTMzNjE3LDE0LjU5MDE4ODQgNi4xNDQ0MTY0NSwxMy41NTA5OTk0IDcuMjQzMzk5NywxMi40NzM1NTgxIEM4LjM0MjM4Mjk0LDExLjM5NjExNjcgOS4xOTk1NDAxOCwxMC41OTA5OTU3IDkuODE1Njk5NTksMTAuMDU5MTA1OCBDOC45NzU5MzM5NSw5LjM3Nzg0OTYxIDguMjIyMjk4MTEsOC45MDg1NTExNiA3LjI0MzM5OTcsOC41NTg4MTUzNCBDNi4yNjQ1MDEyOCw4LjIwOTA3OTUyIDYuNzUwMTYzODgsNy4xNjE5NDUzMiA3LjAwMjc1NjExLDYuODQwNDQzMzggQzcuMjU3MDA0NjgsNi41MTk4NTIyMSA3Ljc4MDg4Mjg0LDYuNTE5ODUyMjEgOC40MDUzMjM5Niw2Ljg0MDQ0MzM4IEM5LjYyNzcwNDcyLDcuNjE3MzMwNSAxMC41NzA5OTE4LDguMzYxNDI5ODkgMTEuMjM3NjY5Niw5LjA3Mjc0MTU0IEMxMi42NzM3MTg2LDguMzEzMTU5MDYgMTUuMjM0NDkwOCw3LjI1MjI2MTMyIDE0Ljk4MjcyNjgsNy45MDA3Mjk4MiBaIiBpZD0iRmlsbC05IiBmaWxsPSIjQkJCQkJCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
+}
+
+.gc-threaded-comment-panel-filter-separator {
+  font-weight: 600;
+  font-size: 11px;
+  color: #444444;
+  margin: 2px 0;
+  padding-left: 4px;
+  user-select: none;
+}
+
+.gc-threaded-comment-panel-filter-divider {
+  height: 1px;
+  background-color: #bfbfbf;
+  margin: 2px 0;
+}
+
+.gc-threaded-comment-panel-filter-checkbox {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  display: inline-block;
+  position: relative;
+}
+
+.gc-threaded-comment-panel-status-filter-option-checked .gc-threaded-comment-panel-filter-checkbox {
+  position: relative;
+}
+.gc-threaded-comment-panel-status-filter-option-checked .gc-threaded-comment-panel-filter-checkbox::before {
+  content: "";
+  position: absolute;
+  left: 1ch;
+  top: 50%;
+  width: 1.5ch;
+  height: 0.7ch;
+  border-left: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  transform: translateY(-60%) rotate(-45deg);
+}
+
+.gc-threaded-comment-panel {
+  flex-direction: column;
+  font-size: 14px;
+  display: flex;
+  align-items: stretch;
+  flex-shrink: 0;
+  flex-grow: 1;
+  padding-top: 5px;
+}
+
+.gc-threaded-comment-panel-item {
+  display: flex;
+  border: 1px solid white;
+  border-radius: 4px;
+  width: fit-content;
+  margin-bottom: 10px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.gc-threaded-comment-panel-navigate-container {
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  margin-top: auto;
+  margin-bottom: 0;
+}
+
+.gc-threaded-comment-panel-navigate-text {
+  font-size: 14px;
+  color: black;
+  width: 100%;
+  margin-bottom: 8px;
+  text-align: center;
+  user-select: none;
+}
+
+.gc-threaded-comment-panel-navigate-icon {
+  width: 100%;
+  max-width: 261px;
+  padding-bottom: 27%;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjczcHgiIGhlaWdodD0iNzNweCIgdmlld0JveD0iMCAwIDI3MyA3MyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDx0aXRsZT5SZXR1cm4gdG8gZmlyc3QgQ29tbWVudDwvdGl0bGU+CiAgICA8ZyBpZD0iUmV0dXJuLXRvLWZpcnN0LUNvbW1lbnQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnvJbnu4QtNSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHN0cm9rZT0iI0Q4RDhEOCIgZmlsbD0iI0ZGRkZGRiIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyNzIiIGhlaWdodD0iNzIiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iI0Q4RDhEOCIgeD0iMTYiIHk9IjIwIiB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHJ4PSIxMCI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTg2IiBmaWxsPSIjRDhEOEQ4IiB4PSI2MSIgeT0iMjAiIHdpZHRoPSIxOTYiIGhlaWdodD0iMTIiIHJ4PSI2Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tODciIGZpbGw9IiNEOEQ4RDgiIHg9IjYxIiB5PSI0MSIgd2lkdGg9IjE1NiIgaGVpZ2h0PSIxMiIgcng9IjYiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  display: block;
+}
+
+@media (min-width: 297px) {
+  .gc-threaded-comment-panel-navigate-icon {
+    padding-bottom: 80px;
+  }
+}
 /* status bar end */
 div[gcUIElement=gcSpread] .gc-month-picker-container {
   font-size: 12px;
@@ -4472,6 +4780,14 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   outline: 1px solid rgb(82, 146, 247);
 }
 
+.gc-pivot-sort-dialog-container .sort-by-option {
+  margin: 6px 0;
+}
+
+.gc-pivot-sort-dialog-container .custom-sort-option {
+  margin: 6px 0;
+}
+
 .gc-pivot-filter-selectable-item {
   background-image: none;
   background-color: #c5c5c5;
@@ -4525,7 +4841,6 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-Filter-list-select-block {
   width: 100%;
   padding-bottom: 5px;
-  background-color: rgb(240, 240, 240);
 }
 
 .gc-Filter-list {
@@ -4536,6 +4851,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   color: #222222;
   position: absolute;
   flex-direction: column;
+  box-sizing: content-box;
 }
 
 .gc-Filter-list.gc-Filter-list-resizable {
@@ -4647,6 +4963,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-right: 10px;
   font-size: 12px;
   float: left;
+  color: #222222;
 }
 
 .filter-select-all-link:hover {
@@ -4889,7 +5206,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   border: 1px solid #707070;
   box-shadow: 2px 2px 10px #707070;
   width: 315px;
-  height: 330px;
+  height: 360px;
 }
 .date-group-dialog-container * {
   box-sizing: border-box;
@@ -5015,6 +5332,36 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   background-color: rgb(240, 240, 240);
 }
 
+.date-group-dialog-groupInterval-container {
+  margin: 8px 3px 8px 8px;
+}
+.date-group-dialog-groupInterval-container .date-group-dialog-groupInterval-subContainer {
+  display: flex;
+  justify-content: flex-end;
+}
+.date-group-dialog-groupInterval-container .date-group-dialog-groupInterval-subContainer .date-group-groupInterval-input {
+  outline: none;
+  height: 20px;
+  width: 60px;
+  margin-left: 10px;
+  border: 1px solid #abadb3;
+}
+
+.date-group-dialog-groupInterval-subContainer.disable {
+  opacity: 0.6;
+  cursor: default;
+}
+
+.date-group-groupInterval-input::-webkit-inner-spin-button {
+  opacity: 1;
+  display: block;
+}
+
+.date-group-groupInterval-input::-webkit-outer-spin-button {
+  opacity: 1;
+  display: block;
+}
+
 .number-group-dialog-sub-container {
   margin: 16px 0px 8px 8px;
 }
@@ -5045,6 +5392,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   -webkit-appearance: none;
   -webkit-user-select: auto;
   user-select: auto;
+  border: 1px solid #abadb3;
 }
 
 .date_group_dialog_group-by-subContainer {
@@ -5059,6 +5407,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 
 .date-group-by-selected {
   background-color: rgba(127, 187, 235, 0.7);
+  border: 1px dotted rgb(255, 135, 34);
 }
 
 .label-title-class {
@@ -5516,7 +5865,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-top: 11px;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: pre;
+  white-space: pre-wrap;
 }
 
 .gc-sort-select {
@@ -5527,6 +5876,18 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-top: 5px;
 }
 
+.gc-custom-list-select {
+  display: block;
+  width: calc(100% - 10px);
+  margin: 5px;
+  margin-top: 10px;
+}
+
+.gc-custom-list-select option {
+  width: calc(100% - 10px);
+  max-width: 100%;
+}
+
 .gc-sort-range-selector {
   background-color: #fff;
   border: 1px solid #a9a9a9;
@@ -5692,6 +6053,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   padding: 0px;
   display: inline-block;
 }
+.pivot-field-setting-control-format.disable {
+  opacity: 0.6;
+  pointer-events: none;
+}
 
 .pivot-field-setting-control:hover {
   border: 1px solid rgb(50, 150, 200);
@@ -7117,6 +7482,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-table-sheet-group-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-summary-item-label {
   color: var(--sjs-theme-accent-color);
 }
+.gc-table-sheet-group-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-group-list .selected .gc-table-sheet-group-item-label, .gc-table-sheet-group-list .selected .gc-table-sheet-cross-column-item-label, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-group-item-label, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-cross-column-item-label, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-group-item-label, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-cross-column-item-label {
+  color: var(--sjs-theme-accent-color) !important;
+}
 .gc-table-sheet-group-list .gc-table-sheet-group-item-label, .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-label, .gc-table-sheet-cross-column-list .gc-table-sheet-group-item-label, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-label, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-group-item-label, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-label {
   margin-left: 5px;
   width: 80%;