@mescius/spread-sheets 18.2.5 → 19.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mescius/spread-sheets",
-  "version": "18.2.5",
+  "version": "19.0.0",
   "main": "index.js",
   "description":"A Complete Microsoft Excel-like JavaScript Spreadsheet for Enterprise Applications",
   "scripts": {},

package/styles/gc.spread.sheets.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;
@@ -1649,6 +1650,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;
@@ -2085,6 +2101,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: #F1F1F1;
+}
+
+.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: #FDFDFD;
+  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: #FDFDFD;
+  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: #FDFDFD;
+  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: #FDFDFD;
+  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: black;
+  margin: 2px 0;
+  padding-left: 4px;
+  user-select: none;
+}
+
+.gc-threaded-comment-panel-filter-divider {
+  height: 1px;
+  background-color: #ababab;
+  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;
@@ -4434,6 +4742,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: #fef1bd url(data:image/png;base64,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) bottom repeat-x;
 }
@@ -4486,7 +4802,6 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-Filter-list-select-block {
   width: 100%;
   padding-bottom: 5px;
-  background-color: rgb(74, 74, 74);
 }
 
 .gc-Filter-list {
@@ -4497,6 +4812,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 {
@@ -4607,6 +4923,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   margin-right: 10px;
   font-size: 12px;
   float: left;
+  color: #222222;
 }
 
 .filter-select-all-link:hover {
@@ -4849,7 +5166,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;
@@ -4975,6 +5292,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;
 }
@@ -5005,6 +5352,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 {
@@ -5019,6 +5367,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 {
@@ -5476,7 +5825,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 {
@@ -5487,6 +5836,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;
@@ -5652,6 +6013,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);
@@ -7052,6 +7417,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%;