gridjs-spreadsheet 22.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/05f087c9088a0b2278c09809fc7b57c7.svg +832 -0
  2. package/555f60323063f2b68b6eac7ce9c45b19.svg +88 -0
  3. package/package.json +37 -0
  4. package/readme.md +166 -0
  5. package/xspreadsheet.css +1373 -0
  6. package/xspreadsheet.css.map +1 -0
  7. package/xspreadsheet.js +12 -0
  8. package/xspreadsheet.js.map +1 -0
package/xspreadsheet.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack:///./src/index.less"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,WAAW;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,WAAW;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"xspreadsheet.css","sourcesContent":["body {\n margin: 0;\n}\n.x-spreadsheet {\n font-size: 13px;\n line-height: normal;\n user-select: none;\n -moz-user-select: none;\n font-family: 'Lato', 'Source Sans Pro', Roboto, Helvetica, Arial, sans-serif;\n box-sizing: content-box;\n background: #fff;\n -webkit-font-smoothing: antialiased;\n}\n.x-spreadsheet textarea {\n font: 400 13px Arial, 'Lato', 'Source Sans Pro', Roboto, Helvetica, sans-serif;\n}\n.x-spreadsheet-sheet {\n position: relative;\n overflow: hidden;\n}\n.x-spreadsheet-table {\n vertical-align: bottom;\n}\n.x-spreadsheet-tooltip {\n font-family: inherit;\n position: absolute;\n padding: 5px 10px;\n color: #fff;\n border-radius: 1px;\n background: #000000;\n font-size: 12px;\n z-index: 201;\n}\n.x-spreadsheet-tooltip:before {\n pointer-events: none;\n position: absolute;\n left: calc(50% - 4px);\n top: -4px;\n content: \"\";\n width: 8px;\n height: 8px;\n background: inherit;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n z-index: 1;\n box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);\n}\n.x-spreadsheet-comment-tip {\n font-family: inherit;\n position: absolute;\n padding: 5px 10px;\n color: #fff;\n border-radius: 1px;\n background: #ffffe1;\n font-size: 12px;\n z-index: 201;\n}\n.x-spreadsheet-comment-tip:before {\n pointer-events: none;\n position: absolute;\n left: -4px;\n top: calc(50% - 4px);\n content: \"\";\n width: 8px;\n height: 8px;\n background: inherit;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n z-index: 1;\n box-shadow: 1px 1px 3px -1px rgba(255, 255, 0, 0.3);\n}\n.x-spreadsheet-color-palette {\n padding: 5px;\n}\n.x-spreadsheet-color-palette table {\n margin: 0;\n padding: 0;\n border-collapse: separate;\n border-spacing: 2px;\n background: #fff;\n}\n.x-spreadsheet-color-palette table td {\n margin: 0;\n cursor: pointer;\n border: 1px solid transparent;\n}\n.x-spreadsheet-color-palette table td:hover {\n border-color: #ddd;\n}\n.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell {\n width: 16px;\n height: 16px;\n}\n.x-spreadsheet-banner {\n display: flex;\n width: 100%;\n background: #f5f6f7;\n}\n.x-spreadsheet-banner-info {\n display: flex;\n height: 80px;\n text-align: left;\n width: 90%;\n flex-direction: column;\n}\n.x-spreadsheet-banner-icon {\n width: 60px;\n height: 60px;\n margin: 10px;\n background-repeat: no-repeat;\n background-image: url(555f60323063f2b68b6eac7ce9c45b19.svg);\n}\n.x-spreadsheet-banner-filename {\n width: max-content;\n max-width: 90%;\n height: 40px;\n padding: 0 5px;\n font-size: xx-large;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n}\n.x-spreadsheet-banner-filename-name {\n white-space: nowrap;\n overflow-x: scroll;\n display: flex;\n align-items: center;\n}\n.x-spreadsheet-banner-filename-name::-webkit-scrollbar {\n display: none;\n}\n.x-spreadsheet-border-palette {\n padding: 6px;\n}\n.x-spreadsheet-border-palette table {\n margin: 0;\n padding: 0;\n border-collapse: separate;\n border-spacing: 0;\n background: #fff;\n table-layout: fixed;\n}\n.x-spreadsheet-border-palette table td {\n margin: 0;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left {\n border-right: 1px solid #eee;\n padding-right: 6px;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell {\n width: 30px;\n height: 30px;\n cursor: pointer;\n text-align: center;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell .x-spreadsheet-icon-img {\n opacity: 0.8;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover {\n background-color: #eee;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right {\n padding-left: 6px;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-toolbar-btn {\n margin-top: 0;\n margin-bottom: 3px;\n}\n.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type {\n position: relative;\n left: 0;\n top: -3px;\n}\n.x-spreadsheet-dropdown {\n position: relative;\n}\n.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {\n position: absolute;\n z-index: 200;\n background: #fff;\n box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);\n}\n.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {\n top: calc(100% + 5px);\n left: 0;\n}\n.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-menubar-dropdown-content {\n top: -5px;\n left: calc(100% + 15px);\n}\n.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content {\n top: calc(100% + 5px);\n right: 0;\n left: auto;\n}\n.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-menubar-dropdown-content {\n top: -5px;\n right: calc(100% + 15px);\n left: auto;\n}\n.x-spreadsheet-dropdown.bottom-center .x-spreadsheet-dropdown-content {\n top: calc(100% + 5px);\n right: calc(-75% + 5px);\n left: auto;\n}\n.x-spreadsheet-dropdown.bottom-center .x-spreadsheet-menubar-dropdown-content {\n top: calc(100% + 5px);\n right: calc(-75% + 5px);\n left: auto;\n}\n.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content {\n bottom: calc(100% + 5px);\n left: 0;\n}\n.x-spreadsheet-dropdown.top-left .x-spreadsheet-menubar-dropdown-content {\n top: -5px;\n left: calc(100% + 15px);\n}\n.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content {\n bottom: calc(100% + 5px);\n right: 0;\n}\n.x-spreadsheet-dropdown.top-right .x-spreadsheet-menubar-dropdown-content {\n top: -5px;\n left: calc(100% + 15px);\n}\n.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title {\n padding: 0 5px;\n display: inline-block;\n}\n.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-left {\n margin-left: 4px;\n}\n.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right {\n width: 10px;\n margin-right: 4px;\n}\n.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right .arrow-down {\n left: -130px;\n}\n/* resizer **/\n.x-spreadsheet-resizer {\n position: absolute;\n z-index: 11;\n}\n.x-spreadsheet-resizer .x-spreadsheet-resizer-hover {\n background-color: rgba(75, 137, 255, 0.25);\n}\n.x-spreadsheet-resizer .x-spreadsheet-resizer-line {\n position: absolute;\n}\n.x-spreadsheet-resizer.horizontal {\n cursor: row-resize;\n}\n.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line {\n border-bottom: 2px dashed #4b89ff;\n left: 0;\n bottom: 0;\n}\n.x-spreadsheet-resizer.vertical {\n cursor: col-resize;\n}\n.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line {\n border-right: 2px dashed #4b89ff;\n top: 0;\n right: 0;\n}\n/* scrollbar */\n.x-spreadsheet-scrollbar {\n position: absolute;\n bottom: 0;\n right: 0;\n background-color: #f4f5f8;\n opacity: 0.9;\n z-index: 12;\n}\n.x-spreadsheet-scrollbar.horizontal {\n right: 15px;\n overflow-x: scroll;\n overflow-y: hidden;\n}\n.x-spreadsheet-scrollbar.horizontal > div {\n height: 1px;\n background: #ddd;\n}\n.x-spreadsheet-scrollbar.vertical {\n bottom: 15px;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.x-spreadsheet-scrollbar.vertical > div {\n width: 1px;\n background: #ddd;\n}\n/* @{css-prefix}-overlayer */\n.x-spreadsheet-overlayer {\n position: absolute;\n left: 0;\n top: 0;\n z-index: 10;\n}\n.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content {\n position: absolute;\n overflow: hidden;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n.x-spreadsheet-editor,\n.x-spreadsheet-selector {\n box-sizing: content-box;\n position: absolute;\n overflow: hidden;\n pointer-events: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n/* @{css-prefix}-selector */\n.x-spreadsheet-selector .hide-input {\n position: absolute;\n z-index: 0;\n}\n.x-spreadsheet-selector .hide-input input {\n padding: 0;\n width: 0;\n border: none !important;\n}\n.x-spreadsheet-selector .x-spreadsheet-selector-area {\n position: absolute;\n border: 2px solid #4b89ff;\n background: rgba(75, 137, 255, 0.1);\n z-index: 5;\n box-sizing: content-box;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n}\n.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,\n.x-spreadsheet-selector .x-spreadsheet-selector-autofill {\n position: absolute;\n background: transparent;\n z-index: 100;\n}\n.x-spreadsheet-selector .x-spreadsheet-selector-clipboard {\n border: 2px dashed #4b89ff;\n}\n.x-spreadsheet-selector .x-spreadsheet-selector-autofill {\n border: 1px dashed rgba(0, 0, 0, 0.45);\n}\n.x-spreadsheet-selector .x-spreadsheet-selector-corner {\n pointer-events: auto;\n position: absolute;\n cursor: crosshair;\n font-size: 0;\n height: 9px;\n width: 9px;\n right: -5px;\n bottom: -5px;\n border: 2px solid #ffffff;\n background: #4b89ff;\n}\n.x-spreadsheet-editor {\n z-index: 20;\n}\n.x-spreadsheet-editor .x-spreadsheet-editor-area {\n position: absolute;\n text-align: left;\n z-index: 100;\n pointer-events: auto;\n}\n.x-spreadsheet-editor .x-spreadsheet-editor-area textarea {\n box-sizing: content-box;\n border: none;\n padding: 0 3px;\n outline: none;\n resize: none;\n text-align: start;\n overflow-y: hidden;\n font: 400 13px Arial, 'Lato', 'Source Sans Pro', Roboto, Helvetica, sans-serif;\n color: inherit;\n white-space: normal;\n word-wrap: break-word;\n line-height: 22px;\n margin: 0;\n}\n.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline {\n outline: 1px solid #f3e0e0c9;\n background: white;\n margin: 2px;\n}\n.x-spreadsheet-editor .x-spreadsheet-editor-area .textline {\n overflow: hidden;\n visibility: hidden;\n position: fixed;\n top: 0;\n left: 0;\n}\n.x-spreadsheet-item {\n user-select: none;\n background: 0;\n border: 1px solid transparent;\n outline: none;\n height: 26px;\n color: rgba(0, 0, 0, 0.9);\n line-height: 26px;\n list-style: none;\n padding: 2px 10px;\n cursor: default;\n text-align: left;\n overflow: hidden;\n}\n.x-spreadsheet-item.disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n.x-spreadsheet-item:hover,\n.x-spreadsheet-item.active {\n background: rgba(0, 0, 0, 0.05);\n}\n.x-spreadsheet-item.divider {\n height: 0;\n padding: 0;\n margin: 5px 0;\n border: none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n.x-spreadsheet-item .label {\n float: right;\n opacity: 0.65;\n font-size: 1em;\n}\n.x-spreadsheet-item.state,\n.x-spreadsheet-header.state {\n padding-left: 35px !important;\n position: relative;\n}\n.x-spreadsheet-item.state:before,\n.x-spreadsheet-header.state:before {\n content: '';\n position: absolute;\n width: 10px;\n height: 10px;\n left: 12px;\n top: calc(50% - 5px);\n background: rgba(0, 0, 0, 0.08);\n border-radius: 2px;\n}\n.x-spreadsheet-item.state.checked:before,\n.x-spreadsheet-header.state.checked:before {\n background: #4b89ff;\n}\n.x-spreadsheet-checkbox {\n position: relative;\n display: inline-block;\n backface-visibility: hidden;\n outline: 0;\n vertical-align: baseline;\n font-style: normal;\n font-size: 1rem;\n line-height: 1em;\n}\n.x-spreadsheet-checkbox > input {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0 !important;\n outline: 0;\n z-index: -1;\n}\n.x-spreadsheet-suggest,\n.x-spreadsheet-contextmenu,\n.x-spreadsheet-sort-filter {\n position: absolute;\n box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);\n background: #fff;\n z-index: 100;\n width: 260px;\n pointer-events: auto;\n overflow: auto;\n}\n.x-spreadsheet-suggest {\n width: 200px;\n}\n.x-spreadsheet-filter {\n border: 1px solid #e9e9e9;\n font-size: 12px;\n margin: 10px;\n}\n.x-spreadsheet-filter .x-spreadsheet-header {\n padding: 0.5em 0.75em;\n background: #f8f8f9;\n border-bottom: 1px solid #e9e9e9;\n border-left: 1px solid transparent;\n}\n.x-spreadsheet-filter .x-spreadsheet-body {\n height: 200px;\n overflow-y: auto;\n}\n.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item {\n height: 20px;\n line-height: 20px;\n}\n.x-spreadsheet-sort-filter .x-spreadsheet-buttons {\n margin: 10px;\n}\n.x-spreadsheet-toolbar,\n.x-spreadsheet-bottombar {\n height: 40px;\n padding: 0 30px;\n text-align: left;\n background: #f5f6f7;\n display: flex;\n}\n.x-spreadsheet-bottombar {\n position: relative;\n border-top: 1px solid #e0e2e4;\n}\n.x-spreadsheet-bottombar .x-spreadsheet-menu > li {\n line-height: 40px;\n height: 40px;\n padding-top: 0;\n padding-bottom: 0;\n vertical-align: middle;\n border-right: 1px solid #e8eaed;\n}\n.x-spreadsheet-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n user-select: none;\n}\n.x-spreadsheet-menu > li {\n float: left;\n line-height: 1.25em;\n padding: 0.785em 1em;\n margin: 0;\n vertical-align: middle;\n text-align: left;\n color: #80868b;\n white-space: nowrap;\n cursor: pointer;\n transition: all 0.3s;\n font-weight: bold;\n}\n.x-spreadsheet-menu > li.active {\n background-color: #fff;\n color: rgba(0, 0, 0, 0.65);\n}\n.x-spreadsheet-menu > li .x-spreadsheet-icon {\n margin: 0 6px;\n}\n.x-spreadsheet-menu > li .x-spreadsheet-icon .x-spreadsheet-icon-img:hover {\n opacity: 0.85;\n}\n.x-spreadsheet-menu > li .x-spreadsheet-dropdown {\n display: inline-block;\n}\n.x-spreadsheet-toolbar.x-spreadsheet-menubar {\n padding: 0;\n justify-content: flex-start;\n}\n.x-spreadsheet-toolbar {\n border-bottom: 1px solid #e0e2e4;\n justify-content: space-between;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btns {\n display: inline-flex;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more {\n padding: 0 6px 6px;\n text-align: left;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-toolbar-divider {\n margin-top: 0;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn {\n flex: 0 0 auto;\n display: inline-block;\n border: 1px solid transparent;\n height: 26px;\n line-height: 26px;\n min-width: 26px;\n margin: 6px 1px 0;\n padding: 0;\n text-align: center;\n border-radius: 2px;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn:hover,\n.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.active {\n background: rgba(0, 0, 0, 0.08);\n}\n.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn {\n flex: 0 0 auto;\n border: 1px solid transparent;\n height: 26px;\n line-height: 26px;\n list-style: none;\n padding: 2px 10px;\n cursor: default;\n min-width: 26px;\n margin: 6px 1px 0;\n text-align: left;\n border-radius: 2px;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn.disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn:hover,\n.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn.active {\n background: rgba(0, 0, 0, 0.08);\n}\n.x-spreadsheet-toolbar-divider {\n display: inline-block;\n border-right: 1px solid #e0e2e4;\n width: 0;\n vertical-align: middle;\n height: 18px;\n margin: 12px 3px 0;\n}\n.x-spreadsheet-print {\n position: absolute;\n left: 0;\n top: 0;\n z-index: 100;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.x-spreadsheet-print-bar {\n background: #424242;\n height: 60px;\n line-height: 60px;\n padding: 0 30px;\n}\n.x-spreadsheet-print-bar .-title {\n color: #fff;\n font-weight: bold;\n font-size: 1.2em;\n float: left;\n}\n.x-spreadsheet-print-bar .-right {\n float: right;\n margin-top: 12px;\n}\n.x-spreadsheet-print-content {\n display: flex;\n flex: auto;\n flex-direction: row;\n background: #d0d0d0;\n height: calc(100% - 60px);\n}\n.x-spreadsheet-print-content .-sider {\n flex: 0 0 300px;\n width: 300px;\n border-left: 2px solid #ccc;\n background: #fff;\n}\n.x-spreadsheet-print-content .-content {\n flex: auto;\n overflow-x: auto;\n overflow-y: scroll;\n height: 100%;\n}\n.x-spreadsheet-canvas-card-wraper {\n margin: 40px 20px;\n}\n.x-spreadsheet-canvas-card {\n background: #fff;\n margin: auto;\n page-break-before: auto;\n page-break-after: always;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.2);\n}\n.x-spreadsheet-calendar {\n color: rgba(0, 0, 0, 0.65);\n background: #ffffff;\n user-select: none;\n}\n.x-spreadsheet-calendar .calendar-header {\n font-weight: 700;\n line-height: 30px;\n text-align: center;\n width: 100%;\n float: left;\n background: #f9fafb;\n}\n.x-spreadsheet-calendar .calendar-header .calendar-header-left {\n padding-left: 5px;\n float: left;\n}\n.x-spreadsheet-calendar .calendar-header .calendar-header-right {\n float: right;\n}\n.x-spreadsheet-calendar .calendar-header .calendar-header-right a {\n padding: 3px 0;\n margin-right: 2px;\n border-radius: 2px;\n}\n.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover {\n background: rgba(0, 0, 0, 0.08);\n}\n.x-spreadsheet-calendar .calendar-body {\n border-collapse: collapse;\n border-spacing: 0;\n}\n.x-spreadsheet-calendar .calendar-body th,\n.x-spreadsheet-calendar .calendar-body td {\n width: 14.28571429%;\n min-width: 32px;\n text-align: center;\n font-weight: 700;\n line-height: 30px;\n padding: 0;\n}\n.x-spreadsheet-calendar .calendar-body td > .cell:hover {\n background: #ecf6fd;\n}\n.x-spreadsheet-calendar .calendar-body td > .cell.active,\n.x-spreadsheet-calendar .calendar-body td > .cell.active:hover {\n background: #ecf6fd;\n color: #2185D0;\n}\n.x-spreadsheet-calendar .calendar-body td > .cell.disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n.x-spreadsheet-datepicker {\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);\n position: absolute;\n left: 0;\n top: calc(100% + 5px);\n z-index: 10;\n width: auto;\n}\n.x-spreadsheet-buttons {\n display: flex;\n justify-content: flex-end;\n}\n.x-spreadsheet-buttons .x-spreadsheet-button {\n margin-left: 8px;\n}\n.x-spreadsheet-button {\n display: inline-block;\n border-radius: 3px;\n line-height: 1em;\n min-height: 1em;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n font-size: 1em;\n font-weight: 700;\n padding: 0.75em 1em;\n color: rgba(0, 0, 0, 0.6);\n background: #E0E1E2;\n text-decoration: none;\n font-family: \"Lato\", \"proxima-nova\", \"Helvetica Neue\", Arial, sans-serif;\n outline: none;\n vertical-align: baseline;\n zoom: 1;\n user-select: none;\n transition: all 0.1s linear;\n}\n.x-spreadsheet-button.active,\n.x-spreadsheet-button:hover {\n background-color: #C0C1C2;\n color: rgba(0, 0, 0, 0.8);\n}\n.x-spreadsheet-button.primary {\n color: #fff;\n background-color: #2185D0;\n}\n.x-spreadsheet-button.primary:hover,\n.x-spreadsheet-button.primary.active {\n color: #fff;\n background-color: #1678c2;\n}\n.x-spreadsheet-button.formbt {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n margin-left: 5px;\n background-color: #d9dc22;\n font-size: 8px;\n}\n.x-spreadsheet-form-input {\n font-size: 1em;\n position: relative;\n font-weight: 400;\n display: inline-flex;\n color: rgba(0, 0, 0, 0.87);\n}\n.x-spreadsheet-form-input input {\n z-index: 1;\n margin: 0;\n max-width: 100%;\n flex: 1 0 auto;\n outline: 0;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n text-align: left;\n line-height: 30px;\n height: 30px;\n padding: 0 8px;\n background: #fff;\n border: 1px solid #e9e9e9;\n border-radius: 3px;\n transition: box-shadow 0.1s ease, border-color 0.1s ease;\n box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06);\n}\n.x-spreadsheet-form-input input:focus {\n border-color: #4b89ff;\n box-shadow: inset 0 1px 2px rgba(75, 137, 255, 0.2);\n}\n.x-spreadsheet-form-checkbox {\n margin-left: 5px;\n cursor: pointer;\n}\n.x-spreadsheet-form-select {\n position: relative;\n display: inline-block;\n background: #fff;\n border: 1px solid #e9e9e9;\n border-radius: 2px;\n cursor: pointer;\n color: rgba(0, 0, 0, 0.87);\n user-select: none;\n box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06);\n}\n.x-spreadsheet-form-select .input-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 60px;\n width: auto;\n height: 30px;\n line-height: 30px;\n padding: 0 8px;\n}\n.x-spreadsheet-form-fields {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.x-spreadsheet-form-fields .x-spreadsheet-form-field {\n flex: 0 1 auto;\n}\n.x-spreadsheet-form-fields .x-spreadsheet-form-field .label {\n display: inline-block;\n margin: 0 10px 0 0;\n color: rgba(0, 0, 0, 0.87);\n}\n.x-spreadsheet-form-field {\n display: block;\n vertical-align: middle;\n margin-left: 10px;\n margin-bottom: 10px;\n}\n.x-spreadsheet-form-field:first-child {\n margin-left: 0;\n}\n.x-spreadsheet-form-field.error .x-spreadsheet-form-select,\n.x-spreadsheet-form-field.error input {\n border-color: #f04134;\n}\n.x-spreadsheet-form-field .tip {\n color: #f04134;\n font-size: 0.9em;\n}\n.x-spreadsheet-dimmer {\n display: none;\n position: absolute;\n top: 0 !important;\n left: 0 !important;\n width: 100%;\n height: 100%;\n text-align: center;\n vertical-align: middle;\n background-color: rgba(0, 0, 0, 0.6);\n opacity: 0;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-animation-duration: 0.5s;\n animation-duration: 0.5s;\n transition: background-color 0.5s linear;\n user-select: none;\n z-index: 1000;\n}\n.x-spreadsheet-dimmer.active {\n display: block;\n opacity: 1;\n}\nform fieldset {\n border: none;\n}\nform fieldset label {\n display: block;\n margin-bottom: 0.5em;\n font-size: 1em;\n color: #666;\n}\nform fieldset select {\n font-size: 1.1em;\n width: 100%;\n background-color: #fff;\n border: none;\n border-bottom: 2px solid #ddd;\n padding: 0.5em 0.85em;\n border-radius: 2px;\n}\n.x-spreadsheet-modal,\n.x-spreadsheet-toast {\n font-size: 13px;\n position: fixed;\n z-index: 1001;\n text-align: left;\n line-height: 1.25em;\n min-width: 360px;\n color: rgba(0, 0, 0, 0.87);\n font-family: 'Lato', 'Source Sans Pro', Roboto, Helvetica, Arial, sans-serif;\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background-color: #fff;\n background-clip: padding-box;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.x-spreadsheet-toast {\n background-color: rgba(255, 255, 255, 0.85);\n}\n.x-spreadsheet-modal-header,\n.x-spreadsheet-toast-header {\n font-weight: 600;\n background-clip: padding-box;\n background-color: rgba(255, 255, 255, 0.85);\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n border-radius: 4px 4px 0 0;\n}\n.x-spreadsheet-modal-header .x-spreadsheet-icon,\n.x-spreadsheet-toast-header .x-spreadsheet-icon {\n position: absolute;\n right: 0.8em;\n top: 0.65em;\n border-radius: 18px;\n}\n.x-spreadsheet-modal-header .x-spreadsheet-icon:hover,\n.x-spreadsheet-toast-header .x-spreadsheet-icon:hover {\n opacity: 1;\n background: rgba(0, 0, 0, 0.08);\n}\n.x-spreadsheet-toast-header {\n color: #F2711C;\n}\n.x-spreadsheet-modal-header {\n border-bottom: 1px solid #e0e2e4;\n background: rgba(0, 0, 0, 0.08);\n font-size: 1.0785em;\n}\n.x-spreadsheet-modal-header,\n.x-spreadsheet-modal-content,\n.x-spreadsheet-toast-header,\n.x-spreadsheet-toast-content {\n padding: 0.75em 1em;\n}\n@media screen and (min-width: 320px) and (max-width: 480px) {\n html,\n body {\n overscroll-behavior-y: contain;\n }\n .x-spreadsheet-contextmenu {\n width: 70px !important;\n }\n .x-spreadsheet-selector-corner-shape {\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n top: 0;\n margin: auto;\n height: 10px;\n width: 10px;\n border-radius: 50%;\n background: #4b89ff;\n }\n .x-spreadsheet-selector-corner {\n right: -26px !important;\n bottom: -26px !important;\n height: 50px !important;\n width: 50px !important;\n background: unset !important;\n border: unset !important;\n }\n .x-spreadsheet-selector-corner-tl {\n left: -26px;\n top: -26px;\n pointer-events: auto;\n position: absolute;\n cursor: crosshair;\n font-size: 0;\n height: 50px;\n width: 50px;\n border: unset;\n background: unset;\n }\n .x-spreadsheet-toolbar {\n height: 40px;\n padding: 0 12px;\n text-align: left;\n background: #f5f6f7;\n display: flex;\n justify-content: space-between;\n }\n .x-spreadsheet-toolbar,\n .x-spreadsheet-bottombar {\n padding: 0 ;\n }\n .x-spreadsheet {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n }\n .x-spreadsheet-bottombar {\n position: fixed;\n width: 100%;\n bottom: 0;\n z-index: 99999;\n }\n .x-spreadsheet-bottombar .x-spreadsheet-menu {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n }\n .x-spreadsheet-form-checkbox {\n margin-left: -25px;\n cursor: pointer;\n }\n}\n.x-spreadsheet-icon {\n width: 18px;\n height: 18px;\n margin: 1px 1px 2px 1px;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n overflow: hidden;\n position: relative;\n display: inline-block;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img {\n background-image: url(e2f55e2916d19e8633f9899b77c53874.svg);\n position: absolute;\n width: 262px;\n height: 444px;\n opacity: 0.56;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.undo {\n left: 0;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.redo {\n left: -18px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.print {\n left: -36px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.paintformat {\n left: -54px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.clearformat {\n left: -72px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.font-bold {\n left: -90px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.font-italic {\n left: -108px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.underline {\n left: -126px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.strike {\n left: -144px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.color {\n left: -162px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.bgcolor {\n left: -180px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.merge {\n left: -198px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.align-left {\n left: -216px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.align-center {\n left: -234px;\n top: 0;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.align-right {\n left: 0;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.align-top {\n left: -18px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.align-middle {\n left: -36px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.align-bottom {\n left: -54px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.textwrap {\n left: -72px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.autofilter {\n left: -90px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.formula {\n left: -108px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-down {\n left: -126px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-right {\n left: -144px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.link {\n left: -162px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.chart {\n left: -180px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.freeze {\n left: -198px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.ellipsis {\n left: -216px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.add {\n left: -234px;\n top: -18px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-all {\n left: 0;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-inside {\n left: -18px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-horizontal {\n left: -36px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-vertical {\n left: -54px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-outside {\n left: -72px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-left {\n left: -90px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-top {\n left: -108px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-right {\n left: -126px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-bottom {\n left: -144px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.border-none {\n left: -162px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.line-color {\n left: -180px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.line-type {\n left: -198px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.close {\n left: -234px;\n top: -36px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-down {\n left: 0;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.menu-display-show {\n left: 0;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-up {\n left: -18px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.menu-display-hide {\n left: -18px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-left {\n left: -36px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-right {\n left: -54px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.sort {\n left: -126px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.pagination {\n left: -108px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insertSheet {\n left: -108px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.search {\n left: -144px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.commentEdit {\n left: -162px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.commentRemove {\n left: -180px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.commentPrevious {\n left: -198px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.commentNext {\n left: -216px;\n top: -54px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-image {\n left: 0px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-image-local {\n left: -18px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-image-url {\n left: -36px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.download {\n left: -54px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insertComment {\n left: -72px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insertColumn {\n left: -90px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.insertRow {\n left: -108px;\n top: -72px;\n}\n.x-spreadsheet-icon .x-spreadsheet-icon-img.download {\n left: -54px;\n top: -72px;\n}\n.x-spreadsheet-formula-bar {\n height: 25px;\n line-height: 25px;\n font-size: 12px;\n background: #f5f6f7;\n border-bottom: 1px solid #e0e2e4;\n resize: vertical;\n overflow: hidden;\n}\n.x-spreadsheet-bar-label {\n flex: 0 0 auto;\n display: inline-block;\n width: 60px;\n height: 100%;\n box-sizing: border-box;\n border-right: 1px solid #e0e2e4;\n text-align: center;\n line-height: inherit;\n background-color: #fff;\n color: #777;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 0 4px;\n position: relative;\n float: left;\n}\n.x-spreadsheet-formula-input {\n flex: auto;\n padding: 4px 8px;\n line-height: 17px;\n font-size: 12px;\n overflow-y: auto;\n background: #fff;\n border: none;\n outline: none;\n height: 100%;\n}\n[contenteditable=true]:empty:before {\n content: attr(placeholder);\n position: initial;\n color: darkgray;\n}\ndialog {\n left: 190px;\n width: 300px;\n border: 1px solid darkgray;\n border-radius: 4px;\n padding: 0;\n margin: 0;\n background-color: #f9f9f9;\n}\ndialog p {\n margin: 0 0 0 5px;\n}\n"],"sourceRoot":""}