@agile_jy/word-editor 0.0.1-beta.1 → 0.0.1-beta.10

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 (9) hide show
  1. package/dist/canvas-editor.es.js +1185 -233
  2. package/dist/canvas-editor.es.js.map +1 -1
  3. package/dist/canvas-editor.umd.js +31 -31
  4. package/dist/canvas-editor.umd.js.map +1 -1
  5. package/dist/src/editor/index.d.ts +9 -3
  6. package/dist/src/editor/interface/Editor.d.ts +1 -0
  7. package/dist/src/editor/interface/Element.d.ts +4 -0
  8. package/dist/src/editor/utils/element.d.ts +8 -0
  9. package/package.json +77 -77
package/dist/canvas-editor.es.js CHANGED
@@ -1,6 +1,7 @@
1
- (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.id="canvas-editor-style",e.appendChild(document.createTextNode('.ce-select-control-popup{max-width:160px;min-width:69px;max-height:225px;position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;overflow-y:auto}.ce-select-control-popup ul{list-style:none;padding:3px 0;margin:0;box-sizing:border-box}.ce-select-control-popup ul li{font-size:13px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;height:36px;line-height:36px;box-sizing:border-box;cursor:pointer}.ce-select-control-popup ul li:hover{background-color:#eef2fd}.ce-select-control-popup ul li.active{color:var(--COLOR-HOVER, #5175f4);font-weight:700}.ce-calculator{position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;padding:8px;width:200px}.ce-calculator-display{width:100%;height:40px;line-height:40px;text-align:right;padding:0 10px;margin-bottom:8px;border:1px solid #e4e7ed;border-radius:4px;background-color:#f5f7fa;font-size:16px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.ce-calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ce-calculator-button{width:100%;height:36px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s;box-sizing:border-box}.ce-calculator-button:hover{background-color:#eef2fd;border-color:#c6d1ff}.ce-calculator-button:active{background-color:#e1e8ff}.ce-calculator-button.operator{background-color:#f5f7fa}.ce-calculator-button.operator:hover{background-color:#eef2fd}.ce-calculator-button.equal{background-color:var(--COLOR-HOVER, #5175f4);color:#fff;border-color:var(--COLOR-HOVER, #5175f4)}.ce-calculator-button.equal:hover{background-color:var(--COLOR-HOVER, #6a84ff);border-color:var(--COLOR-HOVER, #6a84ff)}.ce-calculator-button.utility{background-color:#f0f2f5}.ce-calculator-button.utility:hover{background-color:#e6e8eb}.ce-date-container{display:none;width:300px;overflow:hidden;left:0;right:0;position:absolute;z-index:1;color:#606266;background:#ffffff;border-radius:4px;padding:10px;user-select:none;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ce-date-container.active{display:block}.ce-date-wrap{display:none}.ce-date-wrap.active{display:block}.ce-date-title{display:flex;justify-content:center;align-items:center;text-align:center;color:#606266;font-size:16px}.ce-date-title>span{display:inline-block}.ce-date-title>span:not(.ce-date-title__now){font-family:cursive;cursor:pointer}.ce-date-title>span:not(.ce-date-title__now):hover{color:#5175f4}.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month{width:15%}.ce-date-title .ce-date-title__now{width:40%}.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month{width:15%}.ce-date-week{width:100%;display:flex;justify-content:center;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #e4e7ed}.ce-date-week>span{list-style:none;width:calc(100%/7);text-align:center;color:#606266;font-size:14px}.ce-date-day{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.ce-date-day>div{width:calc(100%/7);height:40px;text-align:center;color:#606266;font-size:14px;cursor:pointer;line-height:40px;border-radius:4px}.ce-date-day>div:hover{color:#5175f4;opacity:.8}.ce-date-day>div.active{color:#5175f4;font-weight:700}.ce-date-day>div.disable{color:#c0c4cc}.ce-date-day>div.select{color:#fff;background-color:#5175f4}.ce-time-wrap{display:none;padding:10px;height:286px}.ce-time-wrap ::-webkit-scrollbar{width:0}.ce-time-wrap.active{display:flex}.ce-time-wrap li{list-style:none}.ce-time-wrap>li{width:33.3%;height:100%;text-align:center}.ce-time-wrap>li>span{transform:translateY(-5px);display:inline-block}.ce-time-wrap>li>ol{height:calc(100% - 20px);overflow-y:auto;border:1px solid #e2e2e2;position:relative}.ce-time-wrap>li:first-child>ol{border-right:0}.ce-time-wrap>li:last-child>ol{border-left:0}.ce-time-wrap>li>ol>li{line-height:30px;cursor:pointer;transition:all .3s}.ce-time-wrap>li>ol>li:hover{background-color:#eaeaea}.ce-time-wrap>li>ol>li.active{color:#fff;background:#5175F4}.ce-date-menu{width:100%;height:28px;display:flex;justify-content:flex-end;align-items:center;padding-top:10px;position:relative;border-top:1px solid #e4e7ed}.ce-date-menu button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;user-select:none;padding:7px 15px;font-size:12px;border-radius:3px;margin:0 0 0 10px}.ce-date-menu button:hover{color:#5175f4;border-color:#5175f4}.ce-date-menu button.ce-date-menu__time{border:1px solid transparent;position:absolute;left:0;margin-left:0}.ce-date-menu button.ce-date-menu__time:hover{color:#5175f4}.ce-block-item{position:absolute;z-index:0;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-block-item .ce-resizer-selection{width:100%;height:100%}.ce-block-item .ce-resizer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:transparent}.ce-table-tool__row{position:absolute;width:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed}.ce-table-tool__row .ce-table-tool__row__item{width:100%;position:relative;cursor:pointer;transition:all .3s}.ce-table-tool__row .ce-table-tool__row__item:after{content:"";position:absolute;bottom:0;left:2px;width:8px;height:1px;background-color:#c0c6cf}.ce-table-tool__row .ce-table-tool__row__item:hover{background-color:#dadce0}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__quick__add{width:16px;height:16px;position:absolute;border-radius:50%;background-color:#e2e6ed;cursor:pointer}.ce-table-tool__quick__add:after{content:"+";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.ce-table-tool__select{width:16px;height:18px;position:absolute;border-radius:3px;cursor:pointer}.ce-table-tool__select:hover{background-color:#e2e6ed}.ce-table-tool__select:after{content:":::";color:#aaaaab;position:absolute;top:50%;left:50%;transform:translate(-75%,-50%) rotate(-90deg)}.ce-table-tool__col{position:absolute;height:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed;display:flex}.ce-table-tool__col .ce-table-tool__col__item{height:100%;position:relative;cursor:pointer;transition:all .3s}.ce-table-tool__col .ce-table-tool__col__item:after{content:"";position:absolute;top:2px;left:-1px;width:1px;height:8px;z-index:1;background-color:#c0c6cf}.ce-table-tool__col .ce-table-tool__col__item:hover{background-color:#dadce0}.ce-table-tool__col .ce-table-tool__col__item:first-child:after{display:none}.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active{background-color:#c4d7fa}.ce-table-tool__col .ce-table-tool__anchor{right:-5px;width:10px;height:12px;z-index:9;position:absolute;cursor:col-resize}.ce-table-tool__row .ce-table-tool__anchor{bottom:-5px;left:0;width:12px;height:10px;z-index:9;position:absolute;cursor:row-resize}.ce-table-anchor__line{z-index:9;position:absolute;border:1px dotted #000000}.ce-table-tool__border{position:absolute;z-index:1;background:transparent;pointer-events:none}.ce-table-tool__border__row{position:absolute;cursor:row-resize;pointer-events:auto}.ce-table-tool__border__col{position:absolute;cursor:col-resize;pointer-events:auto}.ce-resizer-selection{position:absolute;border:1px solid;pointer-events:none}.ce-resizer-selection .resizer-handle{position:absolute;z-index:9;width:10px;height:10px;box-shadow:0 1px 4px #0000004d;border-radius:5px;border:2px solid #ffffff;box-sizing:border-box;pointer-events:initial}.ce-resizer-selection .handle-0{cursor:nw-resize}.ce-resizer-selection .handle-1{cursor:n-resize}.ce-resizer-selection .handle-2{cursor:ne-resize}.ce-resizer-selection .handle-3{cursor:e-resize}.ce-resizer-selection .handle-4{cursor:se-resize}.ce-resizer-selection .handle-5{cursor:s-resize}.ce-resizer-selection .handle-6{cursor:sw-resize}.ce-resizer-selection .handle-7{cursor:w-resize}.ce-resizer-size-view{display:flex;align-items:center;height:20px;white-space:nowrap;position:absolute;z-index:9;top:-30px;left:0;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px}.ce-resizer-size-view span{color:#fff;font-size:12px}.ce-resizer-image{position:absolute;opacity:.5}.ce-image-previewer{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;animation:previewerAnimation .3s}@keyframes previewerAnimation{0%{opacity:.1}to{opacity:1}}.ce-image-previewer .image-close{width:24px;height:24px;display:inline-block;position:absolute;right:50px;top:30px;z-index:99;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjk3IDdsMS40MTUgMS40MTQtNy43NzkgNy43NzggNy43NzkgNy43NzktMS40MTQgMS40MTQtNy43NzktNy43NzktNy43NzggNy43NzlMNyAyMy45N2w3Ljc3OC03Ljc3OUw3IDguNDE0IDguNDE0IDdsNy43NzggNy43NzhMMjMuOTcxIDd6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .image-close:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-container{position:relative}.ce-image-previewer .ce-image-container img{cursor:move;position:relative}.ce-image-previewer .ce-image-menu{height:50px;position:absolute;bottom:50px;z-index:99;display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i{width:32px;height:32px;margin:0 8px;cursor:pointer;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .ce-image-menu i:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-menu i.zoom-in{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0em04Ljc0OSAxMC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.zoom-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjc0OSAyNC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHptLTUtMTFoMTB2MkgxMHYtMnoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.rotate{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEyYTExLjk3IDExLjk3IDAgMDEtNCA4Ljk0NFYyM2gtLjg2QTkuOTY4IDkuOTY4IDAgMDAyNiAxNmMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzYgMTAuNDc3IDYgMTZjMCA1LjE4NSAzLjk0NyA5LjQ0OSA5IDkuOTV2Mi4wMDlDOC44NCAyNy40NTEgNCAyMi4yOTEgNCAxNiA0IDkuMzczIDkuMzczIDQgMTYgNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xOS44NzkgMjcuMzI4bDEuNzY3LTYuNzE3IDQuOTUgNC45NXoiLz48L2c+PC9zdmc+)}.ce-image-previewer .ce-image-menu i.original-size{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNGgyNHYyNEg0VjR6bTIgMnYyMGgyMFY2SDZ6bTQgNWgydjEwaC0yVjExem01IDJoMnYyaC0ydi0yem0wIDRoMnYyaC0ydi0yem01LTZoMnYxMGgtMlYxMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.image-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSAxNXYzLjVoMTVWMTVIMjF2NUgzdi01aDEuNXptOC4yMzItMTEuMjI2djkuMTk2bDQuMDUtNC4wNSAxLjA2IDEuMDYtNS44MzQgNS44MzQtNS44MzMtNS44MzMgMS4wNi0xLjA2IDMuOTk4IDMuOTk2VjMuNzc0aDEuNXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu .image-navigate{display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i.image-pre{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgNC4wNjNMNi44NzUgMTBsNS42MjUgNS45MzgiIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)}.ce-image-previewer .ce-image-menu i.image-next{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSA0LjA2M0wxMy4xMjUgMTAgNy41IDE1LjkzOCIgc3Ryb2tlPSIjM0Q0NzU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}.ce-image-previewer .ce-image-menu .image-count{color:#000;font-size:20px}.ce-image-previewer .ce-image-menu i.disabled{cursor:not-allowed;opacity:.5}.ce-contextmenu-container{z-index:9;position:fixed;display:none;padding:4px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.ce-contextmenu-content{display:flex;flex-direction:column}.ce-contextmenu-content .ce-contextmenu-sub-item:after{position:absolute;content:"";width:16px;height:16px;right:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGcgZmlsbD0iIzc2N0M4NSI+PHBhdGggZD0iTTcgMTIuMjQzbC0uNzA3LS43MDcgNC4yNDMtNC4yNDMuNzA3LjcwN3oiLz48cGF0aCBkPSJNNi4yOTMgNC40NjRMNyAzLjc1NyAxMS4yNDMgOGwtLjcwNy43MDd6Ii8+PC9nPjwvZz48L3N2Zz4=)}.ce-contextmenu-content .ce-contextmenu-item{min-width:140px;padding:0 32px 0 16px;height:30px;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.ce-contextmenu-content .ce-contextmenu-item.hover{background:rgba(25,55,88,.04)}.ce-contextmenu-content .ce-contextmenu-item span{max-width:300px;font-size:12px;color:#3d4757;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut{color:#767c85;height:30px;flex:1;text-align:right;line-height:30px;margin-left:20px}.ce-contextmenu-content .ce-contextmenu-item i{width:16px;height:16px;vertical-align:middle;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;margin-right:8px}.ce-contextmenu-divider{background-color:#e2e6ed;margin:4px 16px;height:1px}.ce-contextmenu-print{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.ce-contextmenu-image-change{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIiBmaWxsPSIjM0Q0NzU3Ij48Y2lyY2xlIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjMiIGN5PSIxIiByPSIxIi8+PHBhdGggZD0iTTcuNDczIDguMjIzTDMuNDcgNC4xMDcgMCA3LjY2N3YtMS41QzEuNzE1IDQuNiAyLjcwNyAzLjY2NCAyLjk3NSAzLjM1OGMuNDAyLS40NTcuNjUxLS4zOSAxLjA0MiAwTDcuNDczIDcgOS45NiA0LjM0OWMuNDE0LS40NjIuNjItLjQ2MiAxLjAxMS0uMDcxTDEzIDcuMDZ2MS41bC0yLjUxLTMuNDEtMy4wMTcgMy4wNzJ6Ii8+PC9nPjxwYXRoIGQ9Ik02IDEuNUgxLjV2MTJoMTN2LTRWMTNhLjUuNSAwIDAxLS41LjVIMmEuNS41IDAgMDEtLjUtLjVWMmEuNS41IDAgMDEuNS0uNWg0em04LjUgOFY2bC0uNS41aDFsLS41LS41djMuNXpNNiAxLjVoNEw5LjUgMXYxbC41LS41SDZ6IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTMuMDg1IDEuMzE2bC0zLjgxNCA0YTEgMSAwIDAwMS40NTggMS4zNjhsMy44MTUtNGExIDEgMCAxMC0xLjQ1OS0xLjM2OHoiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNCA3djFoMlY3em0tMyAuNUw0IDV2NXpNMSAxaDEydjFIMXptMCAxMmgxMnYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-top-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNOCA1SDd2M2gxem0tLjUtM0wxMCA1SDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjEwLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-bottom-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNyAxMWgxVjhIN3ptLjUgM0w1IDExaDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjIuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-left-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTEgN3YxaDNWN3ptLTMgLjVMMTEgNXY1eiIvPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNCA3LjUpIiB4PSItMiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-right-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNSA4VjdIMnYxem0zLS41TDUgMTBWNXoiLz48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDcuNSkiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNi41aDZ2MmgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMmgxMXYxSDJ6TTIgMmgxMXYxSDJ6bS42MyAzTDcgOS4zNWwtLjYzNS42NUwyIDUuNjN6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTIgOS4zNjNMNi4zNTUgNSA3IDUuNzA3IDIuNjk1IDEweiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMnYxSDF6TTEgMWgxMnYxSDF6bTAgNGgxdjFIMXptMSAxaDF2MUgyem0xIDFoMXYxSDN6bTEtMWgxdjFINHptMS0xaDF2MUg1ek00IDhoMXYxSDR6TTIgOGgxdjFIMnptMyAxaDF2MUg1ek0xIDloMXYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-delete-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik01LjUgNy41di02aDR2NnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTMgMTVWM2gxdjEyek0xIDE1VjNoMXYxMnptNCAwdi0xaDF2MXptMS0xdi0xaDF2MXptMS0xdi0xaDF2MXptLTEtMXYtMWgxdjF6bS0xLTF2LTFoMXYxem0zIDF2LTFoMXYxem0wIDJ2LTFoMXYxem0xLTN2LTFoMXYxem0wIDR2LTFoMXYxeiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-table{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMTNoLTF2LTNIMnYzSDF2LTNhMSAxIDAgMDExLTFoMTFhMSAxIDAgMDExIDF2M3oiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik01LjYyNSAyTDEwIDYuMzc1IDkuMzc1IDcgNSAyLjYyNXoiLz48cGF0aCBkPSJNNSA2LjM3NUw5LjM3NSAybC42MjUuNjI1TDUuNjI1IDd6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik04IDcuNUwxMCA2djN6bS0xIDBMNSA2djN6Ii8+PHBhdGggZD0iTTkgN2gzdjFIOXpNMyA3aDN2MUgzeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTBoMXY0SDh6bS0yIDBoMXY0SDZ6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cancel-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik0zIDcuNUw1IDZ2M3ptOSAwTDEwIDZ2M3oiLz48cGF0aCBkPSJNNCA3aDN2MUg0em00IDBoM3YxSDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxMGgxdjRIOHptLTIgMGgxdjRINnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-vertical-align{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ6bTAtM2g4djFIMnptMC0zaDEydjFIMnptMC02aDEydjFIMnptMCAzaDh2MUgyeiIgZmlsbD0iIzNkNDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggOEg3djZoMXptLS41LTNMMTAgOEg1ek0yIDNoMTF2MUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-middle{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCAxMkg3djNoMXptLS41LTNsMi41IDNINXpNNyAzaDFWMEg3em0uNSAzTDUgM2g1ek0yIDdoMTF2MUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWgxVjNIN3ptLjUgM0w1IDloNXpNMiAxM2gxMXYxSDJ6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.ce-contextmenu-border-all{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0zIDhoMTF2MUgzeiIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik05IDN2MTFIOFYzeiIvPjwvc3ZnPg==)}.ce-contextmenu-border-empty{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiNBQUFDQjAiLz48L3N2Zz4=)}.ce-contextmenu-border-dash{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=)}.ce-contextmenu-border-external{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iI0FBQUNCMCIvPjwvc3ZnPg==)}.ce-contextmenu-border-internal{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iIzNENDc1NyIvPjwvc3ZnPg==)}.ce-contextmenu-border-td{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgZD0iTTguNSAyLjUgdjYgaC02Ii8+PC9zdmc+)}.ce-contextmenu-border-td-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDMgaDEyIi8+PC9zdmc+)}.ce-contextmenu-border-td-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAzIHYxMSIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDE0IGgxMiIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTQgMyB2MTEiLz48L3N2Zz4=)}.ce-contextmenu-border-td-forward{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0xNCAzIGwtMTEgMTEiIC8+PC9zdmc+)}.ce-contextmenu-border-td-back{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0zIDMgbDExIDExIiAvPjwvc3ZnPg==)}.ce-hyperlink-popup{background:#fff;box-shadow:0 2px 12px #626b8433;border-radius:2px;color:#3d4757;padding:12px 16px;position:absolute;z-index:1;text-align:center;display:none}.ce-hyperlink-popup a{min-width:100px;max-width:300px;font-size:12px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;color:#00f}.ce-zone-indicator>div{padding:3px 6px;color:#000;font-size:12px;background:rgb(218 231 252);position:absolute;transform-origin:0 0}.ce-zone-indicator-border__top,.ce-zone-indicator-border__bottom,.ce-zone-indicator-border__left,.ce-zone-indicator-border__right{display:block;position:absolute;z-index:0}.ce-zone-indicator-border__top{border-top:2px dashed rgb(238,238,238)}.ce-zone-indicator-border__bottom{border-top:2px dashed rgb(238,238,238);width:100%}.ce-zone-indicator-border__left{border-left:2px dashed rgb(238,238,238)}.ce-zone-indicator-border__right{border-right:2px dashed rgb(238,238,238)}.ce-zone-tip{display:none;align-items:center;height:30px;white-space:nowrap;position:fixed;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px;z-index:9;transition:all .3s;outline:none;user-select:none;pointer-events:none;transform:translate(10px,10px)}.ce-zone-tip.show{display:flex}.ce-zone-tip span{color:#fff;font-size:12px}.ce-inputarea{width:100px;height:30px;min-width:0;min-height:0;margin:0;padding:0;left:0;top:0;letter-spacing:0;font-size:12px;position:absolute;z-index:-1;outline:none;resize:none;border:none;overflow:hidden;color:transparent;user-select:none;caret-color:transparent;background-color:transparent}.ce-cursor{width:1px;height:20px;left:0;right:0;position:absolute;outline:none;background-color:#000;pointer-events:none}.ce-cursor.ce-cursor--animation{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursorAnimation}@keyframes cursorAnimation{0%{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}}.ce-float-image{position:absolute;opacity:.5;pointer-events:none}.dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000000;z-index:99}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999;margin:0;display:flex;justify-content:center;align-items:center}.dialog{position:absolute;padding:0 30px 30px;background:#ffffff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.dialog-title{position:relative;border-bottom:1px solid #e2e6ed;margin-bottom:30px;height:60px;display:flex;align-items:center;justify-content:space-between}.dialog-title i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45IDguMTkybDQuMjQyIDQuMjQzLS43MDcuNzA3TDguMTkyIDguOSAzLjk1IDEzLjE0MmwtLjcwNy0uNzA3IDQuMjQyLTQuMjQzTDMuMjQzIDMuOTVsLjcwNy0uNzA3IDQuMjQyIDQuMjQyIDQuMjQzLTQuMjQyLjcwNy43MDdMOC45IDguMTkyeiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.dialog-option__item{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dialog-option__item span{margin-right:12px;font-size:14px;color:#3d4757;position:relative}.dialog-option__item input,.dialog-option__item textarea,.dialog-option__item select{width:276px;height:30px;border-radius:2px;border:1px solid #d3d3d3;min-height:30px;padding:5px;box-sizing:border-box;outline:none;appearance:none;user-select:none;font-family:inherit}.dialog-option__item input:focus,.dialog-option__item textarea:focus{border-color:#4991f2}.dialog-option__item--require:before{content:"*";color:#f56c6c;margin-right:4px;position:absolute;left:-8px}.dialog-menu{display:flex;align-items:center;justify-content:flex-end}.dialog-menu button{position:relative;display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#ffffff;line-height:22px;padding:0 16px;white-space:nowrap;cursor:pointer}.dialog-menu button:hover{background:rgba(25,55,88,.04)}.dialog-menu__cancel{margin-right:16px}.dialog-menu button[type=submit]{color:#fff;background:#4991f2;border-color:#4991f2}.dialog-menu button[type=submit]:hover{background:#5b9cf3;border-color:#5b9cf3}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
1
+ (function(){"use strict";try{if(typeof document!="undefined"){var i=document.createElement("style");i.id="canvas-editor-style",i.appendChild(document.createTextNode('.ce-select-control-popup{max-width:160px;min-width:69px;max-height:225px;position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;overflow-y:auto}.ce-select-control-popup ul{list-style:none;padding:3px 0;margin:0;box-sizing:border-box}.ce-select-control-popup ul li{font-size:13px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;height:36px;line-height:36px;box-sizing:border-box;cursor:pointer}.ce-select-control-popup ul li:hover{background-color:#eef2fd}.ce-select-control-popup ul li.active{color:var(--COLOR-HOVER, #5175f4);font-weight:700}.ce-calculator{position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;padding:8px;width:200px}.ce-calculator-display{width:100%;height:40px;line-height:40px;text-align:right;padding:0 10px;margin-bottom:8px;border:1px solid #e4e7ed;border-radius:4px;background-color:#f5f7fa;font-size:16px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.ce-calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ce-calculator-button{width:100%;height:36px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s;box-sizing:border-box}.ce-calculator-button:hover{background-color:#eef2fd;border-color:#c6d1ff}.ce-calculator-button:active{background-color:#e1e8ff}.ce-calculator-button.operator{background-color:#f5f7fa}.ce-calculator-button.operator:hover{background-color:#eef2fd}.ce-calculator-button.equal{background-color:var(--COLOR-HOVER, #5175f4);color:#fff;border-color:var(--COLOR-HOVER, #5175f4)}.ce-calculator-button.equal:hover{background-color:var(--COLOR-HOVER, #6a84ff);border-color:var(--COLOR-HOVER, #6a84ff)}.ce-calculator-button.utility{background-color:#f0f2f5}.ce-calculator-button.utility:hover{background-color:#e6e8eb}.ce-date-container{display:none;width:300px;overflow:hidden;left:0;right:0;position:absolute;z-index:1;color:#606266;background:#ffffff;border-radius:4px;padding:10px;user-select:none;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ce-date-container.active{display:block}.ce-date-wrap{display:none}.ce-date-wrap.active{display:block}.ce-date-title{display:flex;justify-content:center;align-items:center;text-align:center;color:#606266;font-size:16px}.ce-date-title>span{display:inline-block}.ce-date-title>span:not(.ce-date-title__now){font-family:cursive;cursor:pointer}.ce-date-title>span:not(.ce-date-title__now):hover{color:#5175f4}.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month{width:15%}.ce-date-title .ce-date-title__now{width:40%}.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month{width:15%}.ce-date-week{width:100%;display:flex;justify-content:center;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #e4e7ed}.ce-date-week>span{list-style:none;width:calc(100%/7);text-align:center;color:#606266;font-size:14px}.ce-date-day{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.ce-date-day>div{width:calc(100%/7);height:40px;text-align:center;color:#606266;font-size:14px;cursor:pointer;line-height:40px;border-radius:4px}.ce-date-day>div:hover{color:#5175f4;opacity:.8}.ce-date-day>div.active{color:#5175f4;font-weight:700}.ce-date-day>div.disable{color:#c0c4cc}.ce-date-day>div.select{color:#fff;background-color:#5175f4}.ce-time-wrap{display:none;padding:10px;height:286px}.ce-time-wrap ::-webkit-scrollbar{width:0}.ce-time-wrap.active{display:flex}.ce-time-wrap li{list-style:none}.ce-time-wrap>li{width:33.3%;height:100%;text-align:center}.ce-time-wrap>li>span{transform:translateY(-5px);display:inline-block}.ce-time-wrap>li>ol{height:calc(100% - 20px);overflow-y:auto;border:1px solid #e2e2e2;position:relative}.ce-time-wrap>li:first-child>ol{border-right:0}.ce-time-wrap>li:last-child>ol{border-left:0}.ce-time-wrap>li>ol>li{line-height:30px;cursor:pointer;transition:all .3s}.ce-time-wrap>li>ol>li:hover{background-color:#eaeaea}.ce-time-wrap>li>ol>li.active{color:#fff;background:#5175F4}.ce-date-menu{width:100%;height:28px;display:flex;justify-content:flex-end;align-items:center;padding-top:10px;position:relative;border-top:1px solid #e4e7ed}.ce-date-menu button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;user-select:none;padding:7px 15px;font-size:12px;border-radius:3px;margin:0 0 0 10px}.ce-date-menu button:hover{color:#5175f4;border-color:#5175f4}.ce-date-menu button.ce-date-menu__time{border:1px solid transparent;position:absolute;left:0;margin-left:0}.ce-date-menu button.ce-date-menu__time:hover{color:#5175f4}.ce-block-item{position:absolute;z-index:0;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-block-item .ce-resizer-selection{width:100%;height:100%}.ce-block-item .ce-resizer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:transparent}.ce-table-tool__row{position:absolute;width:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed}.ce-table-tool__row .ce-table-tool__row__item{width:100%;position:relative;cursor:pointer;transition:all .3s}.ce-table-tool__row .ce-table-tool__row__item:after{content:"";position:absolute;bottom:0;left:2px;width:8px;height:1px;background-color:#c0c6cf}.ce-table-tool__row .ce-table-tool__row__item:hover{background-color:#dadce0}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__quick__add{width:16px;height:16px;position:absolute;border-radius:50%;background-color:#e2e6ed;cursor:pointer}.ce-table-tool__quick__add:after{content:"+";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.ce-table-tool__select{width:16px;height:18px;position:absolute;border-radius:3px;cursor:pointer}.ce-table-tool__select:hover{background-color:#e2e6ed}.ce-table-tool__select:after{content:":::";color:#aaaaab;position:absolute;top:50%;left:50%;transform:translate(-75%,-50%) rotate(-90deg)}.ce-table-tool__col{position:absolute;height:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed;display:flex}.ce-table-tool__col .ce-table-tool__col__item{height:100%;position:relative;cursor:pointer;transition:all .3s}.ce-table-tool__col .ce-table-tool__col__item:after{content:"";position:absolute;top:2px;left:-1px;width:1px;height:8px;z-index:1;background-color:#c0c6cf}.ce-table-tool__col .ce-table-tool__col__item:hover{background-color:#dadce0}.ce-table-tool__col .ce-table-tool__col__item:first-child:after{display:none}.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active{background-color:#c4d7fa}.ce-table-tool__col .ce-table-tool__anchor{right:-5px;width:10px;height:12px;z-index:9;position:absolute;cursor:col-resize}.ce-table-tool__row .ce-table-tool__anchor{bottom:-5px;left:0;width:12px;height:10px;z-index:9;position:absolute;cursor:row-resize}.ce-table-anchor__line{z-index:9;position:absolute;border:1px dotted #000000}.ce-table-tool__border{position:absolute;z-index:1;background:transparent;pointer-events:none}.ce-table-tool__border__row{position:absolute;cursor:row-resize;pointer-events:auto}.ce-table-tool__border__col{position:absolute;cursor:col-resize;pointer-events:auto}.ce-resizer-selection{position:absolute;border:1px solid;pointer-events:none}.ce-resizer-selection .resizer-handle{position:absolute;z-index:9;width:10px;height:10px;box-shadow:0 1px 4px #0000004d;border-radius:5px;border:2px solid #ffffff;box-sizing:border-box;pointer-events:initial}.ce-resizer-selection .handle-0{cursor:nw-resize}.ce-resizer-selection .handle-1{cursor:n-resize}.ce-resizer-selection .handle-2{cursor:ne-resize}.ce-resizer-selection .handle-3{cursor:e-resize}.ce-resizer-selection .handle-4{cursor:se-resize}.ce-resizer-selection .handle-5{cursor:s-resize}.ce-resizer-selection .handle-6{cursor:sw-resize}.ce-resizer-selection .handle-7{cursor:w-resize}.ce-resizer-size-view{display:flex;align-items:center;height:20px;white-space:nowrap;position:absolute;z-index:9;top:-30px;left:0;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px}.ce-resizer-size-view span{color:#fff;font-size:12px}.ce-resizer-image{position:absolute;opacity:.5}.ce-image-previewer{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;animation:previewerAnimation .3s}@keyframes previewerAnimation{0%{opacity:.1}to{opacity:1}}.ce-image-previewer .image-close{width:24px;height:24px;display:inline-block;position:absolute;right:50px;top:30px;z-index:99;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjk3IDdsMS40MTUgMS40MTQtNy43NzkgNy43NzggNy43NzkgNy43NzktMS40MTQgMS40MTQtNy43NzktNy43NzktNy43NzggNy43NzlMNyAyMy45N2w3Ljc3OC03Ljc3OUw3IDguNDE0IDguNDE0IDdsNy43NzggNy43NzhMMjMuOTcxIDd6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .image-close:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-container{position:relative}.ce-image-previewer .ce-image-container img{cursor:move;position:relative}.ce-image-previewer .ce-image-menu{height:50px;position:absolute;bottom:50px;z-index:99;display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i{width:32px;height:32px;margin:0 8px;cursor:pointer;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .ce-image-menu i:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-menu i.zoom-in{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0em04Ljc0OSAxMC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.zoom-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjc0OSAyNC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHptLTUtMTFoMTB2MkgxMHYtMnoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.rotate{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEyYTExLjk3IDExLjk3IDAgMDEtNCA4Ljk0NFYyM2gtLjg2QTkuOTY4IDkuOTY4IDAgMDAyNiAxNmMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzYgMTAuNDc3IDYgMTZjMCA1LjE4NSAzLjk0NyA5LjQ0OSA5IDkuOTV2Mi4wMDlDOC44NCAyNy40NTEgNCAyMi4yOTEgNCAxNiA0IDkuMzczIDkuMzczIDQgMTYgNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xOS44NzkgMjcuMzI4bDEuNzY3LTYuNzE3IDQuOTUgNC45NXoiLz48L2c+PC9zdmc+)}.ce-image-previewer .ce-image-menu i.original-size{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNGgyNHYyNEg0VjR6bTIgMnYyMGgyMFY2SDZ6bTQgNWgydjEwaC0yVjExem01IDJoMnYyaC0ydi0yem0wIDRoMnYyaC0ydi0yem01LTZoMnYxMGgtMlYxMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.image-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSAxNXYzLjVoMTVWMTVIMjF2NUgzdi01aDEuNXptOC4yMzItMTEuMjI2djkuMTk2bDQuMDUtNC4wNSAxLjA2IDEuMDYtNS44MzQgNS44MzQtNS44MzMtNS44MzMgMS4wNi0xLjA2IDMuOTk4IDMuOTk2VjMuNzc0aDEuNXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu .image-navigate{display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i.image-pre{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgNC4wNjNMNi44NzUgMTBsNS42MjUgNS45MzgiIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)}.ce-image-previewer .ce-image-menu i.image-next{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSA0LjA2M0wxMy4xMjUgMTAgNy41IDE1LjkzOCIgc3Ryb2tlPSIjM0Q0NzU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}.ce-image-previewer .ce-image-menu .image-count{color:#000;font-size:20px}.ce-image-previewer .ce-image-menu i.disabled{cursor:not-allowed;opacity:.5}.ce-contextmenu-container{z-index:9;position:fixed;display:none;padding:4px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.ce-contextmenu-content{display:flex;flex-direction:column}.ce-contextmenu-content .ce-contextmenu-sub-item:after{position:absolute;content:"";width:16px;height:16px;right:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGcgZmlsbD0iIzc2N0M4NSI+PHBhdGggZD0iTTcgMTIuMjQzbC0uNzA3LS43MDcgNC4yNDMtNC4yNDMuNzA3LjcwN3oiLz48cGF0aCBkPSJNNi4yOTMgNC40NjRMNyAzLjc1NyAxMS4yNDMgOGwtLjcwNy43MDd6Ii8+PC9nPjwvZz48L3N2Zz4=)}.ce-contextmenu-content .ce-contextmenu-item{min-width:140px;padding:0 32px 0 16px;height:30px;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.ce-contextmenu-content .ce-contextmenu-item.hover{background:rgba(25,55,88,.04)}.ce-contextmenu-content .ce-contextmenu-item span{max-width:300px;font-size:12px;color:#3d4757;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut{color:#767c85;height:30px;flex:1;text-align:right;line-height:30px;margin-left:20px}.ce-contextmenu-content .ce-contextmenu-item i{width:16px;height:16px;vertical-align:middle;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;margin-right:8px}.ce-contextmenu-divider{background-color:#e2e6ed;margin:4px 16px;height:1px}.ce-contextmenu-print{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.ce-contextmenu-image-change{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIiBmaWxsPSIjM0Q0NzU3Ij48Y2lyY2xlIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjMiIGN5PSIxIiByPSIxIi8+PHBhdGggZD0iTTcuNDczIDguMjIzTDMuNDcgNC4xMDcgMCA3LjY2N3YtMS41QzEuNzE1IDQuNiAyLjcwNyAzLjY2NCAyLjk3NSAzLjM1OGMuNDAyLS40NTcuNjUxLS4zOSAxLjA0MiAwTDcuNDczIDcgOS45NiA0LjM0OWMuNDE0LS40NjIuNjItLjQ2MiAxLjAxMS0uMDcxTDEzIDcuMDZ2MS41bC0yLjUxLTMuNDEtMy4wMTcgMy4wNzJ6Ii8+PC9nPjxwYXRoIGQ9Ik02IDEuNUgxLjV2MTJoMTN2LTRWMTNhLjUuNSAwIDAxLS41LjVIMmEuNS41IDAgMDEtLjUtLjVWMmEuNS41IDAgMDEuNS0uNWg0em04LjUgOFY2bC0uNS41aDFsLS41LS41djMuNXpNNiAxLjVoNEw5LjUgMXYxbC41LS41SDZ6IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTMuMDg1IDEuMzE2bC0zLjgxNCA0YTEgMSAwIDAwMS40NTggMS4zNjhsMy44MTUtNGExIDEgMCAxMC0xLjQ1OS0xLjM2OHoiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNCA3djFoMlY3em0tMyAuNUw0IDV2NXpNMSAxaDEydjFIMXptMCAxMmgxMnYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-top-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNOCA1SDd2M2gxem0tLjUtM0wxMCA1SDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjEwLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-bottom-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNyAxMWgxVjhIN3ptLjUgM0w1IDExaDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjIuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-left-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTEgN3YxaDNWN3ptLTMgLjVMMTEgNXY1eiIvPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNCA3LjUpIiB4PSItMiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-right-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNSA4VjdIMnYxem0zLS41TDUgMTBWNXoiLz48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDcuNSkiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNi41aDZ2MmgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMmgxMXYxSDJ6TTIgMmgxMXYxSDJ6bS42MyAzTDcgOS4zNWwtLjYzNS42NUwyIDUuNjN6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTIgOS4zNjNMNi4zNTUgNSA3IDUuNzA3IDIuNjk1IDEweiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMnYxSDF6TTEgMWgxMnYxSDF6bTAgNGgxdjFIMXptMSAxaDF2MUgyem0xIDFoMXYxSDN6bTEtMWgxdjFINHptMS0xaDF2MUg1ek00IDhoMXYxSDR6TTIgOGgxdjFIMnptMyAxaDF2MUg1ek0xIDloMXYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-delete-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik01LjUgNy41di02aDR2NnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTMgMTVWM2gxdjEyek0xIDE1VjNoMXYxMnptNCAwdi0xaDF2MXptMS0xdi0xaDF2MXptMS0xdi0xaDF2MXptLTEtMXYtMWgxdjF6bS0xLTF2LTFoMXYxem0zIDF2LTFoMXYxem0wIDJ2LTFoMXYxem0xLTN2LTFoMXYxem0wIDR2LTFoMXYxeiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-table{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMTNoLTF2LTNIMnYzSDF2LTNhMSAxIDAgMDExLTFoMTFhMSAxIDAgMDExIDF2M3oiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik01LjYyNSAyTDEwIDYuMzc1IDkuMzc1IDcgNSAyLjYyNXoiLz48cGF0aCBkPSJNNSA2LjM3NUw5LjM3NSAybC42MjUuNjI1TDUuNjI1IDd6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik04IDcuNUwxMCA2djN6bS0xIDBMNSA2djN6Ii8+PHBhdGggZD0iTTkgN2gzdjFIOXpNMyA3aDN2MUgzeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTBoMXY0SDh6bS0yIDBoMXY0SDZ6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cancel-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik0zIDcuNUw1IDZ2M3ptOSAwTDEwIDZ2M3oiLz48cGF0aCBkPSJNNCA3aDN2MUg0em00IDBoM3YxSDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxMGgxdjRIOHptLTIgMGgxdjRINnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-vertical-align{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ6bTAtM2g4djFIMnptMC0zaDEydjFIMnptMC02aDEydjFIMnptMCAzaDh2MUgyeiIgZmlsbD0iIzNkNDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggOEg3djZoMXptLS41LTNMMTAgOEg1ek0yIDNoMTF2MUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-middle{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCAxMkg3djNoMXptLS41LTNsMi41IDNINXpNNyAzaDFWMEg3em0uNSAzTDUgM2g1ek0yIDdoMTF2MUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWgxVjNIN3ptLjUgM0w1IDloNXpNMiAxM2gxMXYxSDJ6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.ce-contextmenu-border-all{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0zIDhoMTF2MUgzeiIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik05IDN2MTFIOFYzeiIvPjwvc3ZnPg==)}.ce-contextmenu-border-empty{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiNBQUFDQjAiLz48L3N2Zz4=)}.ce-contextmenu-border-dash{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=)}.ce-contextmenu-border-external{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iI0FBQUNCMCIvPjwvc3ZnPg==)}.ce-contextmenu-border-internal{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iIzNENDc1NyIvPjwvc3ZnPg==)}.ce-contextmenu-border-td{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgZD0iTTguNSAyLjUgdjYgaC02Ii8+PC9zdmc+)}.ce-contextmenu-border-td-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDMgaDEyIi8+PC9zdmc+)}.ce-contextmenu-border-td-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAzIHYxMSIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDE0IGgxMiIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTQgMyB2MTEiLz48L3N2Zz4=)}.ce-contextmenu-border-td-forward{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0xNCAzIGwtMTEgMTEiIC8+PC9zdmc+)}.ce-contextmenu-border-td-back{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0zIDMgbDExIDExIiAvPjwvc3ZnPg==)}.ce-hyperlink-popup{background:#fff;box-shadow:0 2px 12px #626b8433;border-radius:2px;color:#3d4757;padding:12px 16px;position:absolute;z-index:1;text-align:center;display:none}.ce-hyperlink-popup a{min-width:100px;max-width:300px;font-size:12px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;color:#00f}.ce-zone-indicator>div{padding:3px 6px;color:#000;font-size:12px;background:rgb(218 231 252);position:absolute;transform-origin:0 0}.ce-zone-indicator-border__top,.ce-zone-indicator-border__bottom,.ce-zone-indicator-border__left,.ce-zone-indicator-border__right{display:block;position:absolute;z-index:0}.ce-zone-indicator-border__top{border-top:2px dashed rgb(238,238,238)}.ce-zone-indicator-border__bottom{border-top:2px dashed rgb(238,238,238);width:100%}.ce-zone-indicator-border__left{border-left:2px dashed rgb(238,238,238)}.ce-zone-indicator-border__right{border-right:2px dashed rgb(238,238,238)}.ce-zone-tip{display:none;align-items:center;height:30px;white-space:nowrap;position:fixed;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px;z-index:9;transition:all .3s;outline:none;user-select:none;pointer-events:none;transform:translate(10px,10px)}.ce-zone-tip.show{display:flex}.ce-zone-tip span{color:#fff;font-size:12px}.ce-inputarea{width:100px;height:30px;min-width:0;min-height:0;margin:0;padding:0;left:0;top:0;letter-spacing:0;font-size:12px;position:absolute;z-index:-1;outline:none;resize:none;border:none;overflow:hidden;color:transparent;user-select:none;caret-color:transparent;background-color:transparent}.ce-cursor{width:1px;height:20px;left:0;right:0;position:absolute;outline:none;background-color:#000;pointer-events:none}.ce-cursor.ce-cursor--animation{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursorAnimation}@keyframes cursorAnimation{0%{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}}.ce-float-image{position:absolute;opacity:.5;pointer-events:none}::-webkit-scrollbar{height:16px;width:16px;overflow:visible}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;border:4px solid #f2f4f7;border-radius:8px;min-height:24px}::-webkit-scrollbar-thumb:hover{background-color:#c9c9c9}::-webkit-scrollbar-track{background:#f2f4f7;background-clip:padding-box}*{margin:0;padding:0}body{background-color:#f2f4f7}ul{list-style:none}.menu{width:100%;height:71px;top:0;z-index:9;position:fixed;background:#F2F4F7;box-shadow:0 2px 4px 0 transparent;display:flex;flex-direction:column}.tab-bar{display:flex;height:30px;background:#FFF;align-items:center;padding:0 12px;border-bottom:1px solid #e2e6ed;gap:4px}.tab-item{padding:0 16px;height:100%;display:flex;align-items:center;font-size:12px;color:#3d4757;cursor:pointer;border-bottom:2px solid transparent;user-select:none}.tab-item.active{color:#4991f2;border-bottom-color:#4991f2;font-weight:500}.tab-item:hover{background:rgba(25,55,88,.04)}.tab-panel{display:none;padding:8px 12px;background:#fff;border-bottom:1px solid #e2e6ed;flex-wrap:wrap;gap:4px;align-items:center}.tab-panel.active{display:flex}.menu-divider{width:1px;height:16px;margin:0 8px;display:inline-block;background-color:#cfd2d8}.menu-item{height:24px;display:flex;align-items:center;position:relative}.menu-item>div{width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 2px}.menu-item>div:hover{background:rgba(25,55,88,.04)}.menu-item>div.active{background:rgba(25,55,88,.08)}.menu-item i{width:16px;height:16px;display:inline-block;background-repeat:no-repeat;background-size:100% 100%}.menu-item>div>span{width:16px;height:3px;display:inline-block;border:1px solid #e2e6ed}.menu-item .select{border:none;font-size:12px;line-height:24px;user-select:none}.menu-item .select:after{position:absolute;content:"";top:11px;width:0;height:0;right:2px;border-color:#767c85 transparent transparent;border-style:solid solid none;border-width:3px 3px 0}.menu-item .options{width:70px;position:absolute;left:0;top:25px;padding:10px;background:#fff;font-size:14px;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px;display:none}.menu-item .options.visible{display:block}.menu-item .options li{padding:5px;margin:5px 0;user-select:none;transition:all .3s}.menu-item .options li:hover{background-color:#ebecef}.menu-item .options li.active{background-color:#e2e6ed}.menu-item .menu-item__font{width:65px;position:relative}.menu-item .menu-item__size{width:50px;text-align:center;position:relative}.menu-item__font .select,.menu-item__size .select{width:100%;height:100%}.menu-item__undo.no-allow,.menu-item__redo.no-allow,.menu-item>div.disable{color:#c0c4cc;cursor:not-allowed;opacity:.4;pointer-events:none}.menu-item__undo i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAyLjc2M3Y3LjU0NGwtNC4yOS0zLjczek0xMyAxNHYtM2E0IDQgMCAwMC00LTRINlY2aDNhNSA1IDAgMDE1IDV2M2gtMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.menu-item__save i{width:18px;height:18px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzczMzk1OTk2MjY1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE3MDMyIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNODM0LjEzNiAxNDZIMTg5Ljg2NGMtMjUuNDE2IDAtNDYuMDE2IDI1LjI3Mi00Ni4wMTYgNTYuNDY0djU4OC42MjRMMjIzLjY0OCA4ODBoNjEwLjQ4OGMyNS40MTYgMCA0Ni4wMTYtMjUuMjcyIDQ2LjAxNi01Ni40NjRWMjAyLjQ2NGMwLTMxLjE5Mi0yMC42MDgtNTYuNDY0LTQ2LjAxNi01Ni40NjR6IiBmaWxsPSIjMzY3OEJGIiBwLWlkPSIxNzAzMyI+PC9wYXRoPjxwYXRoIGQ9Ik0xNzIgMjA3LjIxNmg0MC42NjRWMjY0SDE3MnoiIGZpbGw9IiM3MDcyNzIiIHAtaWQ9IjE3MDM0Ij48L3BhdGg+PHBhdGggZD0iTTE3NCAyMzAuOTUyaDM2LjY2NHYzMC43NkgxNzR6IiBmaWxsPSIjQTVBNUE1IiBwLWlkPSIxNzAzNSI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTggMzU2Ljc2OHYxNTcuMDQ4YzAgMTQuNDU2IDguNjQgMjYuMTc2IDE5LjI4IDI2LjE3Nmg1MDEuNDMyYzEwLjY1NiAwIDE5LjI4OC0xMS43MjggMTkuMjg4LTI2LjE3NlYzNTYuNzY4aC01NDB6TTc4Mi4wMDggODY2LjM2VjY2MC4zNDRjMC0xOC45Ni03Ljg1Ni0zNC4zNDQtMTcuNTM2LTM0LjM0NEgzMDguNDU2Yy05LjY4OCAwLTE3LjU0NCAxNS4zODQtMTcuNTQ0IDM0LjM0NHYyMDYuMDE2aDQ5MS4wOTZ6IiBmaWxsPSIjMjQ1QjhFIiBwLWlkPSIxNzAzNiI+PC9wYXRoPjxwYXRoIGQ9Ik02ODAgODY2LjM2VjY2OC45MTJjMC0xOC4xNjgtNi4xMjgtMzIuOTEyLTEzLjY1Ni0zMi45MTJIMzExLjIzMmMtNy41NDQgMC0xMy42NjQgMTQuNzQ0LTEzLjY2NCAzMi45MTJ2MTk3LjQ0OEg2ODB6IiBmaWxsPSIjRUFFQUVBIiBwLWlkPSIxNzAzNyI+PC9wYXRoPjxwYXRoIGQ9Ik00MzYuNDE2IDgxOFY2NzcuNDMyYzAtMTIuOTM2LTEuNjI0LTIzLjQzMi0zLjYwOC0yMy40MzJIMzM4Ljk5MmMtMS45OTIgMC0zLjYwOCAxMC40OTYtMy42MDggMjMuNDMydjE0MC41NjhoMTAxLjAzMnoiIGZpbGw9IiNBNUE1QTUiIHAtaWQ9IjE3MDM4Ij48L3BhdGg+PHBhdGggZD0iTTQzMi44MDggNjU0aC0yMi4zOTJ2MTM3LjMzNmgtNzUuMDMydjI2LjY2NGgxMDEuMDMyVjY3Ny40MzJjMC0xMi45MzYtMS42MTYtMjMuNDMyLTMuNjA4LTIzLjQzMnoiIGZpbGw9IiM4Nzg3ODciIHAtaWQ9IjE3MDM5Ij48L3BhdGg+PHBhdGggZD0iTTI5Ni41NzYgMzY0Ljc2OFY0ODkuMzZjMCAxNy4xOTIgMTcuMjU2IDMxLjE2IDM4LjU2IDMxLjE2aDM4NS43MmMyMS4yOTYgMCAzOC41NjgtMTMuOTYgMzguNTY4LTMxLjE2VjM2NC43NjhIMjk2LjU3NnoiIGZpbGw9IiNFQUVBRUEiIHAtaWQ9IjE3MDQwIj48L3BhdGg+PHBhdGggZD0iTTI1OCAxNTMuNTUydjIyNC45NDRjMCAyMC43MTIgOC42NCAzNy41MDQgMTkuMjggMzcuNTA0aDUwMS40MzJjMTAuNjU2IDAgMTkuMjg4LTE2Ljc5MiAxOS4yODgtMzcuNTA0VjE1My41NTJoLTU0MHoiIGZpbGw9IiMyNDVCOEUiIHAtaWQ9IjE3MDQxIj48L3BhdGg+PHBhdGggZD0iTTI5Ni41NjggMTUzLjU1MnYyNTYuMzQ0YzAgMzUuMzg0IDE3LjI1NiA2NC4wOTYgMzguNTYgNjQuMDk2aDM4NS43MTJjMjEuMzA0IDAgMzguNTc2LTI4LjcxMiAzOC41NzYtNjQuMDk2VjE1My41NTJIMjk2LjU2OHoiIGZpbGw9IiNFQUVBRUEiIHAtaWQ9IjE3MDQyIj48L3BhdGg+PHBhdGggZD0iTTMyNCAyNDkuNDk2aDQwOHY2LjcyaC00MDh6TTMyMC45MTIgMjk5LjIxNmg0MDh2Ni43MmgtNDA4ek0zMjAuOTEyIDM0OC45MzZoNDA4djYuNzJoLTQwOHpNMzIwLjkxMiAzOTguNjY0aDQwOHY2LjcyaC00MDh6TTMyMC45MTIgNDQ4LjM4NGg0MDh2Ni43MmgtNDA4eiIgZmlsbD0iI0FDQjhCQyIgcC1pZD0iMTcwNDMiPjwvcGF0aD48L3N2Zz4=)}.menu-item__load-word i{width:18px;height:18px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzczMzk0OTgwNjU2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwNjQ2IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNOTgwLjk0OTMzMyA2NEgyOTguNTM4NjY3YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAtNDIuNjY2NjY3IDQyLjYyNHYxODEuMjQ4bDM4My44NzIgMTExLjk1NzMzMyAzODMuODI5MzMzLTExMS45NTczMzNWMTA2LjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwLTQyLjYyNC00Mi42NjY2Njd6IiBmaWxsPSIjNDFBNUVFIiBwLWlkPSIxMDY0NyI+PC9wYXRoPjxwYXRoIGQ9Ik0xMDIzLjU3MzMzMyAyODcuODcySDI1NS45MTQ2Njd2MjIzLjkxNDY2N2wzODMuODI5MzMzIDExMS45NTczMzMgMzgzLjgyOTMzMy0xMTEuOTU3MzMzeiIgZmlsbD0iIzJCN0NEMyIgcC1pZD0iMTA2NDgiPjwvcGF0aD48cGF0aCBkPSJNMTAyMy41NzMzMzMgNTExLjc4NjY2N0gyNTUuOTE0NjY3djIyMy45MTQ2NjZsMzgzLjgyOTMzMyAxMTEuOTU3MzM0IDM4My44MjkzMzMtMTExLjk1NzMzNHoiIGZpbGw9IiMxODVBQkQiIHAtaWQ9IjEwNjQ5Ij48L3BhdGg+PHBhdGggZD0iTTEwMjMuNTczMzMzIDczNS43MDEzMzNIMjU1LjkxNDY2N3YxODEuMjkwNjY3YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgNDIuNjI0IDQyLjYyNEg5ODAuOTA2NjY3YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgNDIuNjY2NjY2LTQyLjY2NjY2N3YtMTgxLjI0OHoiIGZpbGw9IiMxMDNGOTEiIHAtaWQ9IjEwNjUwIj48L3BhdGg+PHBhdGggZD0iTTUzMy4xMiAyMjMuOTE0NjY3SDI1NS45MTQ2Njd2NjA3Ljc0NGgyNzcuMjA1MzMzYTQyLjc1MiA0Mi43NTIgMCAwIDAgNDIuNjY2NjY3LTQyLjY2NjY2N1YyNjYuNTgxMzMzYTQyLjc1MiA0Mi43NTIgMCAwIDAtNDIuNjY2NjY3LTQyLjY2NjY2NnoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9Ii4xIiBwLWlkPSIxMDY1MSI+PC9wYXRoPjxwYXRoIGQ9Ik01MDEuMTYyNjY3IDI1NS45MTQ2NjdIMjU1LjkxNDY2N3Y2MDcuNzQ0aDI0NS4yMDUzMzNhNDIuNzUyIDQyLjc1MiAwIDAgMCA0Mi42NjY2NjctNDIuNjY2NjY3VjI5OC41Mzg2NjdhNDIuNzUyIDQyLjc1MiAwIDAgMC00Mi42NjY2NjctNDIuNjY2NjY3eiIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iLjIiIHAtaWQ9IjEwNjUyIj48L3BhdGg+PHBhdGggZD0iTTUwMS4xNjI2NjcgMjU1LjkxNDY2N0gyNTUuOTE0NjY3djU0My43NDRoMjQ1LjIwNTMzM2E0Mi43NTIgNDIuNzUyIDAgMCAwIDQyLjY2NjY2Ny00Mi42MjRWMjk4LjUzODY2N2E0Mi43NTIgNDIuNzUyIDAgMCAwLTQyLjY2NjY2Ny00Mi42NjY2Njd6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIuMiIgcC1pZD0iMTA2NTMiPjwvcGF0aD48cGF0aCBkPSJNNDY5LjE2MjY2NyAyNTUuOTE0NjY3SDI1NS45MTQ2Njd2NTQzLjc0NGgyMTMuMjQ4YTQyLjc1MiA0Mi43NTIgMCAwIDAgNDIuNjY2NjY2LTQyLjYyNFYyOTguNTM4NjY3YTQyLjc1MiA0Mi43NTIgMCAwIDAtNDIuNjY2NjY2LTQyLjY2NjY2N3oiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9Ii4yIiBwLWlkPSIxMDY1NCI+PC9wYXRoPjxwYXRoIGQ9Ik00Mi42NjY2NjcgMjU1LjkxNDY2N2g0MjYuNDk2YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEgNDIuNjY2NjY2IDQyLjYyNHY0MjYuNDk2YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEtNDIuNjY2NjY2IDQyLjY2NjY2Nkg0Mi42MjRhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS00Mi42MjQtNDIuNjY2NjY2VjI5OC41Mzg2NjdhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMSA0Mi42NjY2NjctNDIuNjY2NjY3eiIgZmlsbD0iIzE4NUFCRCIgcC1pZD0iMTA2NTUiPjwvcGF0aD48cGF0aCBkPSJNMzgyLjI1MDY2NyA2NzEuNzQ0aC01Ny42TDI1Ny40OTMzMzMgNDUwLjk4NjY2N2wtNzAuNCAyMjAuNzE0NjY2SDEyOS41Nzg2NjdsLTY0LTMxOS44NzJoNTcuNmw0NC44IDIyMy45MTQ2NjdMMjM1LjA5MzMzMyAzNTguMjcyaDQ4bDY0IDIxNy41MTQ2NjcgNDQuNzU3MzM0LTIyMy45MTQ2NjdoNTQuMzU3MzMzeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTA2NTYiPjwvcGF0aD48L3N2Zz4=)}.menu-item__redo i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyAxNHYtM2E0IDQgMCAwMTQtNGgzVjZIN2E1IDUgMCAwMC01IDV2M2gxem03LjAxNi0xMS4yODJ2Ny41NDNsNC4yOS0zLjczeiIgZmlsbD0iIzNENDc1NyIvPjwvc3ZnPg==)}.menu-item__painter i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik03LjUgMnYyLjVINGEuNS41IDAgMDAtLjUuNXYyYS41LjUgMCAwMC41LjVoOWEuNS41IDAgMDAuNS0uNVY1YS41LjUgMCAwMC0uNS0uNUg5LjVWMmEuNS41IDAgMDAtLjUtLjVIOGEuNS41IDAgMDAtLjUuNXoiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0xMyA3aDF2NGgtMXoiLz48cGF0aCBkPSJNMTEgMTNhMiAyIDAgMDAyLTJWOC43NjRBMyAzIDAgMTE4Ljc2NCAxM0gxMXoiIGZpbGw9IiMzRDQ3NTciLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMHYxSDF6Ii8+PHBhdGggZD0iTTEgMTNhMiAyIDAgMDAyLTJWOC43NjRBMyAzIDAgMDExIDE0di0xeiIgZmlsbD0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0zIDdoMXY0SDN6Ii8+PC9nPjwvc3ZnPg==)}.menu-item__format i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik04LjIxMyAxM0g2LjhsNi42MzYtNi42MzYtNC4yNDMtNC4yNDMtNy4wNyA3LjA3MUw1LjkyOCAxM0g0LjUxNUwxLjA2IDkuNTQ2YS41LjUgMCAwMTAtLjcwN0w4LjgzOSAxLjA2YS41LjUgMCAwMS43MDcgMGw0Ljk1IDQuOTVhLjUuNSAwIDAxMCAuNzA3TDguMjEzIDEzeiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQuNTM2IDYuMzY0bDQuOTUgNC45NS0uNzA3LjcwNy00Ljk1LTQuOTV6TTQuNTIxIDEzaDEwLjAzdjFINS40OTZ6Ii8+PC9nPjwvc3ZnPg==)}.menu-item__size-add i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik02LjIxNSAzLjI5SDcuNjRMMTEuODU1IDE0SDEwLjUybC0xLjE0LTNINC40NmwtMS4xNCAzSDJMNi4yMTUgMy4yOXpNNC44NSA5Ljk2NWg0LjE0TDYuOTY1IDQuNjFoLS4wNkw0Ljg1IDkuOTY1eiIvPjxwYXRoIGQ9Ik0xMiA0VjJoMXYyaDJ2MWgtMnYyaC0xVjVoLTJWNGgyeiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)}.menu-item__size-minus i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTExIDRoNHYxaC00eiIvPjxwYXRoIGQ9Ik02LjIxNSAzLjI5SDcuNjRMMTEuODU1IDE0SDEwLjUybC0xLjE0LTNINC40NmwtMS4xNCAzSDJMNi4yMTUgMy4yOXpNNC44NSA5Ljk2NWg0LjE0TDYuOTY1IDQuNjFoLS4wNkw0Ljg1IDkuOTY1eiIvPjwvZz48L3N2Zz4=)}.menu-item__bold i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4xMzEgNi45YzIuMDM1IDAgMi41NjktLjkgMi41NjktMS44NjkgMC0uOTY4LS42NC0xLjgzMS0yLjYyMy0xLjgzMUg1LjJ2My43aDIuOTMxem0uNTI0IDUuOWMyLjA0NSAwIDIuNTQ1LTEuMzA1IDIuNTQ1LTIuMyAwLS45ODUtLjUwNi0yLjQtMi44MS0yLjRINS4ydjQuN2gzLjQ1NXpNNCAyaDQuNzFjMi4zNjcgMCAzLjE5IDEuNTgzIDMuMTkgM3MtLjMyNSAxLjg1Mi0xLjEgMi41YzEuMi41IDEuNTY5IDEuMzc5IDEuNiAzIC4wMyAxLjYwNi0uNTg2IDMuNS0zLjc2OSAzLjVINFYyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__italic i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMDE3IDNMOC4wOCAxM0g5djFINnYtMWgxLjE4Mkw5IDNIOFYyaDN2MWgtLjk4M3oiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.menu-item .menu-item__underline{width:30px;position:relative}.menu-item__underline>i{flex-shrink:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAydjZhMyAzIDAgMTA2IDBWMmgxdjZhNCA0IDAgMTEtOCAwVjJoMXpNNCAxM2g4djFINHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.menu-item__underline .select{width:100%;height:100%}.menu-item .menu-item__underline .options{width:128px}.menu-item .menu-item__underline li{padding:1px 5px}.menu-item__underline li i{pointer-events:none}.menu-item__underline li[data-decoration-style=solid]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDExOHYxSDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.menu-item__underline li[data-decoration-style=double]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDExOHYxSDR6bTAgM2gxMTh2MUg0eiIvPjwvc3ZnPg==)}.menu-item__underline li[data-decoration-style=dashed]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDR2MUg0em01IDBoNHYxSDl6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGgzdjFoLTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.menu-item__underline li[data-decoration-style=dotted]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDF2MUg0em0xMiAwaDF2MWgtMXpNNiAxMGgxdjFINnptMTIgMGgxdjFoLTF6TTggMTBoMXYxSDh6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0yIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptMiAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bTIgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0yIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__underline li[data-decoration-style=wavy]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgMTAgUTYgOCw4IDEwIFQxMiAxMCBUMTYgMTAgVDIwIDEwIFQyNCAxMCBUMjggMTAgVDMyIDEwIFQzNiAxMCBUNDAgMTAgVDQ0IDEwIFQ0OCAxMCBUNTIgMTAgVDU2IDEwIFQ2MCAxMCBUNjQgMTAgVDY4IDEwIFQ3MiAxMCBUNzYgMTAgVDgwIDEwIFQ4NCAxMCBUODggMTAgVDkyIDEwIFQ5NiAxMCBUMTAwIDEwIFQxMDQgMTAgVDEwOCAxMCBUMTEyIDEwIFQxMTYgMTAgVDEyMCAxMCBUMTI0IDEwIi8+PC9zdmc+)}.menu-item__strikeout i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMC40MiA3LjkwM0g2LjY5MmE5LjE4MiA5LjE4MiAwIDAxLS40MS0uMTcyIDUuNTQgNS41NCAwIDAxLS44MTQtLjQ0NyAyLjk1NSAyLjk1NSAwIDAxLS42NTUtLjU5NSAyLjcyOCAyLjcyOCAwIDAxLS40NC0uNzc3IDIuODc3IDIuODc3IDAgMDEtLjE2Mi0xLjAwNmMwLS40NzIuMDk0LS44ODguMjgyLTEuMjUuMTg4LS4zNi40NTMtLjY2My43OTMtLjkwN3MuNzQ3LS40MyAxLjIyLS41NThBNS45NyA1Ljk3IDAgMDE4LjA2MyAyYy41MDQgMCAuOTUuMDQ5IDEuMzM3LjE0Ny4zODcuMDk3LjcyNS4yMyAxLjAxMy4zOTguMjg3LjE2OS41My4zNjUuNzMuNTlhMy4zMzcgMy4zMzcgMCAwMS43NzIgMS40ODZjLjAzLjEzLjA1NC4yNTUuMDczLjM3OWgtMS4yNzZhMi4zOTMgMi4zOTMgMCAwMC0uMjItLjYxNSAyLjMxNSAyLjMxNSAwIDAwLS41OS0uNzI0IDIuNDY3IDIuNDY3IDAgMDAtLjgzNC0uNDQgMy4zNzYgMy4zNzYgMCAwMC0xLjAwNS0uMTQ2IDQuNjkgNC42OSAwIDAwLS45NTguMDk3IDIuNzcgMi43NyAwIDAwLS44MzkuMzE0IDEuNzY1IDEuNzY1IDAgMDAtLjU5Ny41NjZjLS4xNTIuMjMzLS4yMjkuNTE4LS4yMjkuODU0IDAgLjM0OC4wODYuNjQyLjI1OC44ODQuMTcxLjI0MS40MDEuNDQ5LjY4OS42MjIuMjg3LjE3NC42MTUuMzIzLjk4My40NDhzLjc0OS4yNDcgMS4xNDIuMzY3Yy4zMS4wOTcuNjIuMTk2LjkzNC4yOTdhOC40MzkgOC40MzkgMCAwMS45NzMuMzh6bTEuMzc2IDFjLjE3NS4yMTcuMzE1LjQ2Ni40MTguNzQ2LjEwNS4yODUuMTU4LjYxMi4xNTguOTggMCAuNTU0LS4xMDQgMS4wNDEtLjMxMiAxLjQ2Mi0uMjA3LjQyLS40OTYuNzcyLS44NjcgMS4wNTQtLjM3LjI4Mi0uODEuNDk1LTEuMzIuNjRBNi4xMiA2LjEyIDAgMDE4LjIwNSAxNGMtLjU0MyAwLTEuMDcxLS4wOS0xLjU4Ni0uMjczYTQuNDQgNC40NCAwIDAxLTEuMzc0LS43NzMgMy44NzMgMy44NzMgMCAwMS0uOTctMS4yMTcgMy42OTUgMy42OTUgMCAwMS0uMzk1LTEuNjEyaDEuMjdjLjAyOC40MDcuMTIyLjc4LjI4MiAxLjEyYTIuODM1IDIuODM1IDAgMDAxLjU4MSAxLjQ2NWMuMzYzLjEzOC43Ni4yMDcgMS4xOTIuMjA3LjM4NyAwIC43NTgtLjA0MiAxLjExMi0uMTI2YTIuODUgMi44NSAwIDAwLjkzOC0uMzk5IDIuMDEgMi4wMSAwIDAwLjY0Ny0uNzA4Yy4xNi0uMjkuMjQxLS42NDIuMjQxLTEuMDU0IDAtLjMzNy0uMDg3LS42MjMtLjI2MS0uODZhMi4zMzMgMi4zMzMgMCAwMC0uNjktLjYxIDQuNjUxIDQuNjUxIDAgMDAtLjQ5NS0uMjU3aDIuMDk5eiIvPjxwYXRoIGQ9Ik0zIDdoMTB2MUgzeiIvPjwvZz48L3N2Zz4=)}.menu-item__superscript i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZfc3VwZXJzY3JpcHQiPjxwYXRoIGlkPSJfeDMyXyIgY2xhc3M9InN0MCIgZD0iTTE1IDYuM1Y3aC0zYzAtLjMuMS0uNS4zLS44LjItLjIuNS0uNiAxLTEgLjMtLjIuNi0uNS43LS42LjEtLjIuMi0uMy4yLS41cy0uMS0uMy0uMi0uNGMtLjEtLjEtLjItLjEtLjQtLjFzLS4zIDAtLjQuMS0uMi4zLS4yLjZsLS45LS4xYy4xLS40LjItLjcuNS0uOXMuNi0uMyAxLS4zLjguMSAxIC4zYy4zLjIuNC41LjQuOCAwIC4yIDAgLjQtLjEuNXMtLjIuNC0uNC41Yy0uMS4xLS4zLjMtLjYuNXMtLjQuNC0uNC41Yy0uMS4xLS4xLjItLjIuM2wxLjctLjF6Ii8+PHBhdGggaWQ9IuWQiOW5tuW9oueKtiIgY2xhc3M9InN0MCIgZD0iTTcuNCA4LjVsNCA1LjVIMTBMNi43IDkuNCAzLjQgMTRIMmw0LTUuNUwyIDNoMS40bDMuMyA0LjZMMTAgM2gxLjNMNy40IDguNXoiLz48L2c+PC9zdmc+)}.menu-item__subscript i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZfc3Vic2NyaXB0Ij48cGF0aCBpZD0iX3gzMl8iIGNsYXNzPSJzdDAiIGQ9Ik0xNSAxMy4zdi43aC0zYzAtLjMuMS0uNS4zLS44LjItLjIuNS0uNiAxLTEgLjQtLjMuNi0uNS43LS43LjEtLjIuMi0uMy4yLS41cy0uMS0uMy0uMi0uNGMtLjEtLjEtLjItLjEtLjQtLjFzLS4zIDAtLjQuMS0uMi40LS4yLjdsLS45LS4xYy4xLS40LjItLjcuNS0uOS4zLS4yLjYtLjMgMS0uM3MuOC4xIDEgLjNjLjMuMi40LjUuNC44IDAgLjIgMCAuNC0uMS41LS4xLjItLjIuMy0uMy41LS4xLjEtLjMuMy0uNi41cy0uNC40LS41LjRjLS4xLjEtLjEuMi0uMi4zSDE1eiIvPjxwYXRoIGlkPSLlkIjlubblvaLnirYiIGNsYXNzPSJzdDAiIGQ9Ik03LjIgOC41bDQgNS41SDkuOEw2LjUgOS40IDMuMiAxNEgxLjhsNC01LjUtNC01LjVoMS40bDMuMyA0LjZMOS44IDNoMS4zTDcuMiA4LjV6Ii8+PC9nPjwvc3ZnPg==)}.menu-item__color,.menu-item__highlight{display:flex;flex-direction:column}.menu-item__color #color,.menu-item__highlight #highlight{width:1px;height:1px;visibility:hidden;outline:none;appearance:none}.menu-item__color i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy45OTcgMy40MjlMNi4zOTggOGgzLjJMNy45OTcgMy40Mjl6TTguNDk3IDJMMTIgMTJoLTFMOS45NDkgOWgtMy45TDUgMTJINEw3LjQ5NiAyaDF6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.menu-item__color span{background-color:#000}.menu-item__highlight i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMy4zMSA1aC0xLjkyYTIuMjAzIDIuMjAzIDAgMDAtLjM5LS4wMzRjLS4xMzUgMC0uMjcuMDEyLS40MDIuMDM0SDEwdi4xOGMtLjU3OC4yNTYtMSAuNzE0LTEgMS4yMTR2MS45MjhjMCAuMTk2LjExNy40My4zLjY1OHYxLjIzYTMuNTQzIDMuNTQzIDAgMDEtLjMtLjRWMTFIOFYxaDF2NC4yNjVDOSA0Ljc2MyAxMCA0IDEwLjk0MiA0YzEuMTkgMCAxLjkyLjQyMiAyLjM2NyAxek0yIDZjLS4wMy0uNDk4LS4xNzUtMiAyLjUtMkM3LjExIDQgNyA1IDcgNi45MDJWMTFINS45ODR2LS45OTNjLjM4LjY2Mi0uMTE1Ljk5My0xLjQ4NC45OTNDMi43MDggMTEgMiA5LjkzMSAyIDljMC0xLjQyOC40NDctMiAyLjUtMmgxLjQ4NGMwLTEgLjAzMS0yLTEuNDg0LTItMS41MzMgMC0xLjU3Ny40ODUtMS41NzcgMUgyem0yLjUgMkMzLjYwMSA4IDMgNy43NjggMyA5YzAgMS4zMS40MzggMSAxLjUgMSAuNjE3IDAgMS40ODQtLjY2NSAxLjQ4NC0xLjg0N1Y4SDQuNXoiLz48cGF0aCBkPSJNMTMuMDg1IDYuMzE2bC0yLjgxNCAzYTEgMSAwIDEwMS40NTggMS4zNjhsMi44MTUtM2ExIDEgMCAwMC0xLjQ1OS0xLjM2OHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.menu-item__highlight span{background-color:#ff0}.menu-item .menu-item__title{width:60px;position:relative}.menu-item__title .select{width:calc(100% - 20px);height:100%}.menu-item__title i{transform:translate(-5px);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMWExIDEgMCAwMTEgMXYxMmExIDEgMCAwMS0xIDFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWgxMnptMCAxSDJ2MTJoMTJWMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQgMTFoOHYxSDR6bTAtM2g0djFINHptMC0zaDJ2MUg0eiIvPjxwYXRoIGQ9Ik05IDVoMXY0SDl6Ii8+PHBhdGggZD0iTTcgNWg1djFIN3oiLz48L2c+PC9zdmc+)}.menu-item__title .options{width:80px}.menu-item__left i{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ6bTAtM2g4djFIMnptMC0zaDEydjFIMnptMC02aDEydjFIMnptMCAzaDh2MUgyeiIgZmlsbD0iIzNkNDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__center i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ2LTF6bTItM2g4djFINHYtMXpNMiA3aDEydjFIMlY3em0wLTZoMTJ2MUgyVjF6bTIgM2g4djFINFY0eiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__right i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ2LTF6bTQtM2g4djFINnYtMXpNMiA3aDEydjFIMlY3em0wLTZoMTJ2MUgyVjF6bTQgM2g4djFINlY0eiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__alignment i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ2LTF6bTAtM2gxMnYxSDJ2LTF6bTAtM2gxMnYxSDJWN3ptMC02aDEydjFIMlYxem0wIDNoMTJ2MUgyVjR6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.menu-item__justify i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggc3Ryb2tlPSIjM0Q0NzU3IiBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMC41SDE0TTIgMTMuNUgxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj4NCiAgPC9wYXRoPg0KICA8cGF0aCBzdHJva2U9IiMzRDQ3NTciIGZpbGw9IiMzRDQ3NTciIGQ9Ik0xNCAzLjVMMTIgMS41TTE0IDMuNUwxMiA1LjVNMTQgMy41TDIgMy41TTQgMS41TDIgMy41TTIgMy41TDQgNS41Ig0KICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+DQogIDwvcGF0aD4NCjwvc3ZnPg==)}.menu-item__row-margin{position:relative}.menu-item__row-margin i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxNGgxMnYxSDJ2LTF6bTctNWg1djFIOVY5em0wLTNoNXYxSDlWNnpNMiAxaDEydjFIMlYxem0yLjUgM0w3IDdIMnptMCA4TDcgOUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__list{position:relative}.menu-item__list i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik03IDEyaDd2MUg3em0wLTVoN3YxSDd6bTAtNWg3djFIN3pNMyA0VjJIMlYxaDJ2M2gxdjFIMlY0aDF6Ii8+PHBhdGggZD0iTTIgNmgzdjFIMlY2em0wIDNoM3YxSDJWOXoiIGZpbGw9IiM0RjRGNEYiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00LjUgNkw1IDdsLTIuNSAzTDIgOXoiLz48cGF0aCBkPSJNNCAxNGwtMS0ySDJ2LTFoM3YxSDRsMSAydjFIMnYtMWgyeiIgZmlsbD0iIzNENDc1NyIvPjwvZz48L3N2Zz4=)}.menu-item__list .options{width:110px}.menu-item__list .options>ul>li *{pointer-events:none}.menu-item__list .options>ul>li li{margin-left:18px}.menu-item__list .options>ul>li[data-list-style=checkbox] li::marker{font-size:11px}.menu-item__image i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.menu-item__image input{display:none}.menu-item__table{position:relative}.menu-item__table i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIgOWgxMnYxSDJ6bTAtNGgxMnYxSDJ6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNSAxaDF2MTNINXptNCAwaDF2MTNIOXoiLz48L2c+PC9zdmc+)}.menu-item .menu-item__table__collapse{width:270px;height:310px;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;box-sizing:border-box;border-radius:2px;position:absolute;display:none;z-index:99;top:25px;left:0;padding:14px 27px;cursor:auto}.menu-item .menu-item__table__collapse .table-close{position:absolute;right:10px;top:5px;cursor:pointer}.menu-item .menu-item__table__collapse .table-close:hover{color:#7d7e80}.menu-item .menu-item__table__collapse:hover{background:#fff}.menu-item .menu-item__table__collapse .table-title{display:flex;justify-content:flex-start;padding-bottom:5px;border-bottom:1px solid #e2e6ed}.table-title span{font-size:12px;color:#3d4757;display:inline;margin:0}.table-panel{cursor:pointer}.table-panel .table-row{display:flex;flex-wrap:nowrap;margin-top:10px;pointer-events:none}.table-panel .table-cel{width:16px;height:16px;box-sizing:border-box;border:1px solid #e2e6ed;background:#fff;position:relative;margin-right:6px;pointer-events:none}.table-panel .table-cel.active{border:1px solid rgba(73,145,242,.2);background:rgba(73,145,242,.15)}.table-panel .table-row .table-cel:last-child{margin-right:0}.menu-item__hyperlink i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNS41IDEzLjMyOCkiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTcgNkg2VjMuNTE1YTIuNSAyLjUgMCAxMC01IDBWNkgwVjMuNTE1YTMuNSAzLjUgMCAxMTcgMFY2em0wIDR2Mi41YTMuNSAzLjUgMCAwMS03IDBWMTBoMXYyLjVhMi41IDIuNSAwIDEwNSAwVjEwaDF6IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cmVjdCB4PSIzLjA2MiIgeT0iNS4yMDkiIHdpZHRoPSIxIiBoZWlnaHQ9IjUuNSIgcng9Ii41Ii8+PC9nPjwvc3ZnPg==)}.menu-item__separator{position:relative}.menu-item__separator>i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuOSAyLjhsMi4wMSAyLjUwNmMuMi4yNS41OC4yNS43OCAwTDguNyAyLjc5OWwyLjAxIDIuNTA3Yy4yLjI1LjU4LjI1Ljc4IDBsMi40LTIuOTkzLS43OC0uNjI2LTIuMDEgMi41MDctMi4wMS0yLjUwN2EuNS41IDAgMDAtLjc4IDBMNi4zIDQuMTk0IDQuMjkgMS42ODdhLjUuNSAwIDAwLS43OCAwbC0yLjQgMyAuNzguNjI1TDMuOSAyLjh6TTEgOGgxM3YxSDF6bTAgNGgzdjFIMXptNSAwaDN2MUg2em01IDBoM3YxaC0zeiIgZmlsbD0iIzNENDc1NyIvPjwvc3ZnPg==)}.menu-item .menu-item__separator .options{width:128px}.menu-item .menu-item__separator li{padding:1px 5px}.menu-item__separator li i{pointer-events:none}.menu-item__separator li[data-separator="0,0"]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDExOHYxSDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.menu-item__separator li[data-separator="1,1"]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDF2MUg0em0xMiAwaDF2MWgtMXpNNiAxMGgxdjFINnptMTIgMGgxdjFoLTF6TTggMTBoMXYxSDh6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0yIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptMiAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bS0xMCAwaDF2MWgtMXptMTIgMGgxdjFoLTF6bTIgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0tMTAgMGgxdjFoLTF6bTEyIDBoMXYxaC0xem0yIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xem0xMiAwaDF2MWgtMXptLTEwIDBoMXYxaC0xeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__separator li[data-separator="3,1"]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDR2MUg0em01IDBoNHYxSDl6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGg0djFoLTR6bTUgMGgzdjFoLTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.menu-item__separator li[data-separator="4,4"]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01IDEwaDR2MUg1em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00em04IDBoNHYxaC00eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__separator li[data-separator="7,3,3,3"]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDZ2MUg0em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zem02IDBoNnYxaC02em05IDBoM3YxaC0zeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__separator li[data-separator="6,2,2,2,2,2"]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDEwaDV2MUg0em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yem00IDBoNXYxaC01em03IDBoMnYxaC0yem00IDBoMnYxaC0yeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.menu-item__watermark>i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHg9IjIuNSIgeT0iMS41IiB3aWR0aD0iMTEiIGhlaWdodD0iMTMiIHJ4PSIxIi8+PHBhdGggZD0iTTQgN2g4djFINFY3em0wLTJoOHYxSDRWNXptMCA2aDh2MUg0di0xem0wLTJoOHYxSDRWOXoiIGZpbGw9IiM5MDlBQTkiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik02IDUuNjIzYy4zNi0uMzU0LjkzNi0uNjM4IDItLjYwNCAxLjc4NS4wNTcgMi0uMDA4IDIgMS44OTR2NC4wOThIOC45ODR2LS45OTNjMS4wNDYuNjYyLjg4NS45OTMtLjQ4NC45OTMtMS43OTIgMC0yLjUtMS4wNjgtMi41LTIgMC0xLjQyNy40NDctMiAyLjUtMmguNDg0YzAtMS0uMDA2LTEuMDA3LS45ODQtMS0uOTc4LjAwOC0xLjQxOS40MzctMiAuNDM3di0uODI1em0yLjUgMi4zODljLS44OTkgMC0xLjUtLjIzMi0xLjUgMSAwIDEuMzEuNDM4IDEgMS41IDEgLjYxNyAwIC40ODQtLjY2NS40ODQtMS44NDh2LS4xNTJIOC41eiIgZmlsbD0iIzNENDc1NyIvPjwvZz48L3N2Zz4=)}.menu-item__watermark{position:relative}.menu-item__codeblock i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM1MjVDNkYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik00IDQuNUwxLjUgNyA0IDkuNU0xMCA0LjVMMTIuNSA3IDEwIDkuNSI+PC9wYXRoPjxyZWN0IGZpbGw9IiM1MjVDNkYiIHRyYW5zZm9ybT0ic2NhbGUoMSAtMSkgcm90YXRlKDcwIDE2LjcxMSAwKSIgeD0iMi42NzEiIHk9IjYuNTMiIHdpZHRoPSI4IiBoZWlnaHQ9IjEiIHJ4PSIuMiI+PC9yZWN0PjwvZz48L3N2Zz4=)}.menu-item__page-break i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzNkNDc1N30uc3Qxe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzEt5paH5a2XX3gyRl8wMuaPkuWFpV94MkZf5YiG6aG1LTE2cHgiPjxwYXRoIGlkPSLnn6nlvaIiIGNsYXNzPSJzdDAiIGQ9Ik01LjUgMi41aDdjLjYgMCAxIC40IDEgMXYzYzAgLjYtLjQgMS0xIDFoLTdjLS42IDAtMS0uNC0xLTF2LTNjMC0uNi40LTEgMS0xeiIvPjxwYXRoIGlkPSLkuInop5LlvaIiIGNsYXNzPSJzdDEiIGQ9Ik00IDguNUwxIDZ2NXoiLz48cGF0aCBpZD0i5ZCI5bm25b2i54q2IiBjbGFzcz0ic3QwIiBkPSJNMTAuOCA5LjVINWMtLjMgMC0uNS4yLS41LjV2NGMwIC4zLjIuNS41LjVoOGMuMyAwIC41LS4yLjUtLjV2LTEuOGwtMi43LTIuN3oiLz48cGF0aCBpZD0i55+p5b2iXzFfIiBjbGFzcz0ic3QxIiBkPSJNMTAgMTBoMXYzaC0xeiIvPjxwYXRoIGlkPSLnn6nlvaItY29weS0yIiBjbGFzcz0ic3QxIiBkPSJNMTAgMTJoM3YxaC0zeiIvPjwvZz48L3N2Zz4=)}.menu-item__control{position:relative}.menu-item__control i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOS43OTMgMS41SDNhLjUuNSAwIDAwLS41LjV2MTJhLjUuNSAwIDAwLjUuNWg5YS41LjUgMCAwMC41LS41VjQuMjA3TDkuNzkzIDEuNXoiIHN0cm9rZT0iIzNENDc1NyIvPjxnIGZpbGw9IiMzRDQ3NTciPjxwYXRoIGQ9Ik03IDdoMXY1SDd6Ii8+PHBhdGggZD0iTTUgN2g1djFINXoiLz48L2c+PHBhdGggZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAyaDF2M0g5eiIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTkgNGgzdjFIOXoiLz48L2c+PC9zdmc+)}.menu-item__image-config i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.menu-item__signature i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxM2gxMnYxSDJ6Ii8+PHBhdGggZmlsbD0iIzRCNTQ2MyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNS4yNiA4LjQ1OGwyLjIzIDEuMjhMNiAxMkgzeiIvPjxwYXRoIGQ9Ik01LjY2NiA2LjE0OUw0LjMxIDguMTY4bDQuMDQ1IDIuNDggMS41MDMtMi4xNTktNC4xOTItMi4zNHptMS4xMDYtNC4xNTZsLTEuOTg2IDMuNDQgNi4zIDMuNjQ4IDIuMDM3LTIuOTQzLTYuMzUxLTQuMTQ1eiIgc3Ryb2tlPSIjNEI1NDYzIi8+PC9nPjwvc3ZnPg==)}.menu-item__seal i{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzc2MTQ2NTUyNTI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIzOTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik01MTIgODk2LjU4OGMyMTIuNDAyIDAgMzg0LjU4OC0xNzIuMTg2IDM4NC41ODgtMzg0LjU4OFM3MjQuNDAyIDEyNy40MTIgNTEyIDEyNy40MTIgMTI3LjQxMiAyOTkuNTk4IDEyNy40MTIgNTEyIDI5OS41OTggODk2LjU4OCA1MTIgODk2LjU4OHogbTAgNjIuMTMyQzI2NS4yODMgOTU4LjcyIDY1LjI3OSA3NTguNzE3IDY1LjI3OSA1MTJTMjY1LjI4MyA2NS4yOCA1MTIgNjUuMjggOTU4LjcyMSAyNjUuMjgzIDk1OC43MjEgNTEyIDc1OC43MTcgOTU4LjcyIDUxMiA5NTguNzJ6IiBmaWxsPSIjMzMzMzMzIiBwLWlkPSIyMzkyIj48L3BhdGg+PHBhdGggZD0iTTUxMiA1ODguMTc3bC05MS4wOTUgNDcuODkxIDE3LjM5Ny0xMDEuNDM2LTczLjY5Ny03MS44MzcgMTAxLjg0Ny0xNC43OTlMNTEyIDM1NS43MDZsNDUuNTQ4IDkyLjI5IDEwMS44NDcgMTQuNzk5LTczLjY5OCA3MS44MzcgMTcuMzk4IDEwMS40MzZ6IiBmaWxsPSIjMzMzMzMzIiBwLWlkPSIyMzkzIj48L3BhdGg+PHBhdGggZD0iTTM5OS41MDQgNzkzLjQ2NmgtMjAuMjUxTDM2My4zIDc3MS4xNDJsLTE2LjEwNCAyMi4zMjRoLTIwLjIyNWwyNi41MjEtMzUuNDQ1LTIzLjk5Mi0zMS44NTVoMjAuMTI0bDEzLjY3NyAxOC43NTkgMTMuNTUxLTE4Ljc1OWgyMC4xMjRsLTIzLjk5MiAzMS44NTUgMjYuNTIgMzUuNDQ1ek00NzMuODgzIDc5My40NjZoLTIwLjI1MWwtMTUuOTUzLTIyLjMyNC0xNi4xMDQgMjIuMzI0SDQwMS4zNWwyNi41MjEtMzUuNDQ1LTIzLjk5Mi0zMS44NTVoMjAuMTI0bDEzLjY3NyAxOC43NTkgMTMuNTUxLTE4Ljc1OWgyMC4xMjRsLTIzLjk5MiAzMS44NTUgMjYuNTIgMzUuNDQ1ek02OTcuMDQ1IDc5My40NjZoLTIwLjI1MWwtMTUuOTc4LTIyLjMyNC0xNi4xMDQgMjIuMzI0aC0yMC4yMjVsMjYuNTIxLTM1LjQ0NS0yMy45OTItMzEuODU1aDIwLjEyNGwxMy42NzcgMTguNzU5IDEzLjU1MS0xOC43NTloMjAuMTVsLTIzLjk5MiAzMS44NTUgMjYuNTE5IDM1LjQ0NXpNNjIyLjY2NiA3OTMuNDY2aC0yMC4yNTFsLTE1Ljk3OC0yMi4zMjQtMTYuMTA0IDIyLjMyNGgtMjAuMjI1bDI2LjUyMS0zNS40NDUtMjMuOTkyLTMxLjg1NWgyMC4xMjRsMTMuNjc3IDE4Ljc1OSAxMy41NTEtMTguNzU5aDIwLjE1bC0yMy45OTIgMzEuODU1IDI2LjUxOSAzNS40NDV6TTU0OC4yNjIgNzkzLjQ2NmgtMjAuMjI1bC0xNS45NzgtMjIuMzI0LTE2LjEwNCAyMi4zMjRINDc1LjczbDI2LjUyMS0zNS40NDUtMjMuOTkyLTMxLjg1NWgyMC4xMjRsMTMuNjc3IDE4Ljc1OSAxMy41NTEtMTguNzU5aDIwLjEyNGwtMjMuOTkyIDMxLjg1NSAyNi41MTkgMzUuNDQ1eiIgZmlsbD0iIzMzMzMzMyIgcC1pZD0iMjM5NCI+PC9wYXRoPjxwYXRoIGQ9Ik03NTEuMzczIDQ4Ny45MjNoMjEuNTAzbDE5Ljc2OSAyOC40NCAxOS41OTYtMjguNDRoMjEuNTAzbC0zMS4wNDEgNDEuOTY2IDM0Ljg1NiA0Ny42ODloLTIxLjUwM2wtMjMuNDEtMzQuMTYyLTIzLjU4NCAzNC4xNjJoLTIxLjY3NmwzNS4wMjktNDcuNjg5LTMxLjA0Mi00MS45NjZ6IG0tNTYyLjYxOCAwaDIxLjUwM2wxOS43NjkgMjguNDQgMTkuNTk2LTI4LjQ0aDIxLjUwM2wtMzEuMDQxIDQxLjk2NiAzNC44NTYgNDcuNjg5aC0yMS41MDNsLTIzLjQxMS0zNC4xNjItMjMuNTg0IDM0LjE2MmgtMjEuNjc3bDM1LjAyOS00Ny42ODktMzEuMDQtNDEuOTY2eiBtNTM1LjI4NS0xNDAuNzJoMjEuNTAzbDE5Ljc2OSAyOC40NCAxOS41OTYtMjguNDRoMjEuNTAzTDc3NS4zNyAzODkuMTdsMzQuODU2IDQ3LjY4OGgtMjEuNTA0bC0yMy40MTEtMzQuMTYyLTIzLjU4NCAzNC4xNjJoLTIxLjY3NmwzNS4wMjktNDcuNjg4LTMxLjA0LTQxLjk2N3ogbS01MDguMTk4IDBoMjEuNTAzbDE5Ljc2OSAyOC40NCAxOS41OTYtMjguNDRoMjEuNTAzbC0zMS4wNDEgNDEuOTY2IDM0Ljg1NiA0Ny42ODhoLTIxLjUwM2wtMjMuNDExLTM0LjE2Mi0yMy41ODQgMzQuMTYyaC0yMS42NzdsMzUuMDI5LTQ3LjY4OC0zMS4wNC00MS45NjZ6IG00MDcuMDc3LTExMi44NzFoMjEuNTAzbDE5Ljc2OSAyOC40NCAxOS41OTYtMjguNDRoMjEuNTA0bC0zMS4wNDEgNDEuOTY2IDM0Ljg1NiA0Ny42ODloLTIxLjUwM2wtMjMuNDExLTM0LjE2Mi0yMy41ODQgMzQuMTYyaC0yMS42NzdsMzUuMDMtNDcuNjg5LTMxLjA0Mi00MS45NjZ6IG0tMjk4LjI5OCAwaDIxLjUwM2wxOS43NjkgMjguNDQgMTkuNTk2LTI4LjQ0aDIxLjUwM2wtMzEuMDQxIDQxLjk2NiAzNC44NTYgNDcuNjg5aC0yMS41MDNsLTIzLjQxMS0zNC4xNjItMjMuNTg0IDM0LjE2MmgtMjEuNjc3bDM1LjAyOS00Ny42ODktMzEuMDQtNDEuOTY2eiBtMTQ0LjgxMi00NC44MjdoMjEuNTAzbDE5Ljc2OSAyOC40NCAxOS41OTYtMjguNDRoMjEuNTAzbC0zMS4wNDEgNDEuOTY2IDM0Ljg1NiA0Ny42ODloLTIxLjUwM2wtMjMuNDExLTM0LjE2Mi0yMy41ODQgMzQuMTYyaC0yMS42NzdsMzUuMDI5LTQ3LjY4OS0zMS4wNC00MS45NjZ6IiBmaWxsPSIjMzMzMzMzIiBwLWlkPSIyMzk1Ij48L3BhdGg+PC9zdmc+)}.menu-item__risk-copy i{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzc2MTQ2NTUyNTI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIzOTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik0yNTYgMTI4aDM4NGwyNTYgMjU2djUxMmE2NCA2NCAwIDAgMS02NCA2NEgyNTZhNjQgNjQgMCAwIDEtNjQtNjRWMTkyYTY0IDY0IDAgMCAxIDY0LTY0eiIgZmlsbD0iI2YzOWMxMiIgcC1pZD0iMjM5MiI+PC9wYXRoPjxwYXRoIGQ9Ik02NDAgMTI4djI1NmgyNTZ6IiBmaWxsPSIjZTY3ZTIyIiBwLWlkPSIyMzkzIj48L3BhdGg+PHBhdGggZD0iTTMyMCAzODRoMzg0djY0SDMyMHpNMzIwIDUxMmgzODR2NjRIMzIwek0zMjAgNjQwaDI1NnY2NEgzMjB6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyMzk0Ij48L3BhdGg+PHBhdGggZD0iTTc2OCAzMjBsNjQgMTI4aC0xMjh6IiBmaWxsPSIjZTc0YzNjIiBwLWlkPSIyMzk1Ij48L3BhdGg+PHBhdGggZD0iTTgwMCA1MTJhMzIgMzIgMCAxIDEgMCA2NCAzMiAzMiAwIDAgMSAwLTY0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMjM5NiI+PC9wYXRoPjwvc3ZnPgo=)}.menu-item__checkbox i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzEt5paH5a2XX3gyRl8wMeW8gOWni194MkZf5Lu75Yqh5YiX6KGoLTE2cHgiPjxwYXRoIGlkPSLlkIjlubblvaLnirYiIGNsYXNzPSJzdDAiIGQ9Ik0xMC4xIDJIMnYxMWgxMVY4LjdsMS0xVjEzYzAgLjYtLjQgMS0xIDFIMmMtLjYgMC0xLS40LTEtMVYyYzAtLjYuNC0xIDEtMWg5LjFsLTEgMXoiLz48cGF0aCBpZD0i6Lev5b6EIiBjbGFzcz0ic3QwIiBkPSJNNy43IDguNWw1LjctNS44LjkuOC02LjEgNS45LS41LjUtMy45LTMuNC44LS43eiIvPjwvZz48L3N2Zz4=)}.menu-item__radio i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgc3Ryb2tlPSIjM2Q0NzU3IiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgLz4NCiAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMy41IiBmaWxsPSIjM2Q0NzU3IiAvPg0KPC9zdmc+)}.menu-item__latex i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOSAxMy41SDIuOTgyYS41LjUgMCAwMS0uNDA0LS43OTRsMy4yMDgtNC40MTJhLjUuNSAwIDAwMC0uNTg4TDIuNTc4IDMuMjk0YS41LjUgMCAwMS40MDQtLjc5NEg5IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTQuNDQ3IDdsLjgwOS41ODgtMi4xMzkgMi45NDIgMi4xMzkgMi45NDItLjgxLjU4OC0xLjk0Ni0yLjY4LTEuOTQ3IDIuNjgtLjgwOS0uNTg4IDIuMTM4LTIuOTQyLTIuMTM4LTIuOTQyLjgxLS41ODhMMTIuNSA5LjY3OSAxNC40NDcgN3oiIGZpbGw9IiMzRDQ3NTciLz48L2c+PC9zdmc+)}.menu-item__date{position:relative}.menu-item__date i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNy41IDE0LjE1NGE1LjY1NCA1LjY1NCAwIDEwMC0xMS4zMDggNS42NTQgNS42NTQgMCAwMDAgMTEuMzA4em0wIC44NDZhNi41IDYuNSAwIDExMC0xMyA2LjUgNi41IDAgMDEwIDEzeiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTggOGg0djFIN1Y0aDF2NHoiLz48L2c+PC9zdmc+)}.menu-item__date .options{width:160px}.menu-item__block i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyI+PHBhdGggZD0iTTguOTIzIDExdjFoLTJBMiAyIDAgMDE1IDEwLjU1Yy4zMjgtLjE1LjYzOC0uMzM1LjkyMy0uNTVhMSAxIDAgMDAxIDFoMnptMC02aC0yYTEgMSAwIDAwLTEgMUE0Ljk5NyA0Ljk5NyAwIDAwNSA1LjQ1IDIgMiAwIDAxNi45MjMgNGgydjF6Ii8+PHBhdGggZD0iTTQgMTBhMiAyIDAgMTAwLTQgMiAyIDAgMDAwIDR6bTAgMWEzIDMgMCAxMTAtNiAzIDMgMCAwMTAgNnptNi05YTEgMSAwIDAwLTEgMXYzYTEgMSAwIDAwMSAxaDNhMSAxIDAgMDAxLTFWM2ExIDEgMCAwMC0xLTFoLTN6bTAtMWgzYTIgMiAwIDAxMiAydjNhMiAyIDAgMDEtMiAyaC0zYTIgMiAwIDAxLTItMlYzYTIgMiAwIDAxMi0yem0wIDEwYTEgMSAwIDAwLTEgMXYxYTEgMSAwIDAwMSAxaDNhMSAxIDAgMDAxLTF2LTFhMSAxIDAgMDAtMS0xaC0zem0wLTFoM2EyIDIgMCAwMTIgMnYxYTIgMiAwIDAxLTIgMmgtM2EyIDIgMCAwMS0yLTJ2LTFhMiAyIDAgMDEyLTJ6Ii8+PC9nPjwvc3ZnPg==)}.menu-item .menu-item__control .options{width:55px}.menu-item__search{position:relative}.menu-item__search i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgc3Ryb2tlPSIjM0Q0NzU3IiBjeD0iNiIgY3k9IjYiIHI9IjQuNSIvPjxwYXRoIGQ9Ik0xMC4wNjEgMTAuOTY4TDguNzA3IDkuNDE0bC43MDctLjcwNyAxLjUxNCAxLjQ1Ny40MzUtLjQwNCAyLjYzMiAyLjQ2MmExLjE1NCAxLjE1NCAwIDAxLjA1IDEuNjM1IDEuMTg0IDEuMTg0IDAgMDEtMS42NTUuMDY0bC0yLjc4OC0yLjUyNy40Ni0uNDI2eiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)}.menu-item .menu-item__search__collapse{width:260px;height:108px;box-sizing:border-box;position:absolute;display:none;z-index:99;top:25px;left:0;background:#ffffff;box-shadow:0 5px 5px #e3dfdf}.menu-item .menu-item__search__collapse:hover{background:#ffffff}.menu-item .menu-item__search__collapse>div{width:250px;height:36px;padding:0 5px;line-height:36px;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.menu-item .menu-item__search__collapse>div input[type=text]{width:205px;height:27px;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #ebebeb;box-sizing:border-box;color:#606266;display:inline-block;line-height:27px;outline:none;padding:0 5px}.menu-item .menu-item__search__collapse>div span{height:100%;color:#dcdfe6;font-size:25px;display:inline-block;border:0;padding:0 10px}.menu-item .menu-item__search__collapse__replace button{display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#fff;line-height:22px;padding:0 6px;white-space:nowrap;margin-left:4px;cursor:pointer;font-size:12px}.menu-item .menu-item__search__collapse__replace button:hover{background:rgba(25,55,88,.04)}.menu-item .menu-item__search__collapse__search{position:relative}.menu-item .menu-item__search__collapse__search label{right:110px;font-size:12px;color:#3d4757;position:absolute}.menu-item .menu-item__search__collapse__search>input{padding:5px 90px 5px 5px!important}.menu-item .menu-item__search__collapse__search>div{width:28px;height:27px;display:flex;justify-content:center;align-items:center;position:absolute;border-left:1px solid #e2e6ed;transition:all .5s}.menu-item .menu-item__search__collapse__search>div:hover{background-color:#1937580a}.menu-item .menu-item__search__collapse__search i{width:6px;height:8px;transform:translateY(1px)}.menu-item .menu-item__search__collapse__search .arrow-left{right:76px}.menu-item .menu-item__search__collapse__search .arrow-left i{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM2RjZGNkYiIGQ9Ik0wIDMuNUw0IDB2N3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat}.menu-item .menu-item__search__collapse__search .arrow-right{right:48px}.menu-item .menu-item__search__collapse__search .arrow-right i{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM2RjZGNkYiIGQ9Ik00IDMuNUwwIDB2N3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat}.menu-item__search__collapse__option{justify-content:flex-start!important}.menu-item .menu-item__search__collapse__option .search-option-item{display:flex;align-items:center;margin-right:10px}.menu-item .menu-item__search__collapse__option label{font-size:12px;margin-left:4px;cursor:pointer}.menu-item__print i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.catalog{width:250px;position:fixed;left:0;bottom:0;top:100px;padding:0 20px 40px}.catalog .catalog__header{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e6ed}.catalog .catalog__header span{color:#3d4757;font-size:14px;font-weight:700}.catalog .catalog__header i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45IDguMTkybDQuMjQyIDQuMjQzLS43MDcuNzA3TDguMTkyIDguOSAzLjk1IDEzLjE0MmwtLjcwNy0uNzA3IDQuMjQyLTQuMjQzTDMuMjQzIDMuOTVsLjcwNy0uNzA3IDQuMjQyIDQuMjQyIDQuMjQzLTQuMjQyLjcwNy43MDdMOC45IDguMTkyeiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;transition:all .2s}.catalog .catalog__header>div:hover{background:rgba(235,238,241)}.catalog__main{height:calc(100% - 60px);padding:10px 0;overflow-y:auto;overflow-x:hidden}.catalog__main .catalog-item{width:100%;padding-left:10px;box-sizing:border-box}.catalog__main>.catalog-item{padding-left:0}.catalog__main .catalog-item .catalog-item__content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.catalog__main .catalog-item .catalog-item__content:hover>span{color:#4991f2}.catalog__main .catalog-item .catalog-item__content span{color:#3d4757;line-height:30px;font-size:12px;white-space:nowrap;cursor:pointer;user-select:none}.editor>div{margin:80px auto}.ce-page-container canvas{box-shadow:#9ea1a566 0 2px 12px}.comment{width:250px;height:650px;position:fixed;transform:translate(420px);top:200px;left:50%;overflow-y:auto}.comment-item{background:#ffffff;border:1px solid #e2e6ed;position:relative;border-radius:8px;padding:15px;font-size:14px;margin-bottom:20px;cursor:pointer;transition:all .5s}.comment-item:hover{border-color:#c0c6cf;box-shadow:0 2px 12px #0000001a}.comment-item.active{border-color:#e99d00;box-shadow:0 2px 12px #0000001a}.comment-item__title{height:22px;position:relative;display:flex;align-items:center;color:#c1c6ce}.comment-item__title span:first-child{background-color:#dbdbdb;width:4px;height:16px;margin-right:5px;display:inline-block;border-radius:999px}.comment-item__title span:nth-child(2){width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.comment-item__title i{width:16px;height:16px;cursor:pointer;position:absolute;right:-8px;top:-8px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45IDguMTkybDQuMjQyIDQuMjQzLS43MDcuNzA3TDguMTkyIDguOSAzLjk1IDEzLjE0MmwtLjcwNy0uNzA3IDQuMjQyLTQuMjQzTDMuMjQzIDMuOTVsLjcwNy0uNzA3IDQuMjQyIDQuMjQyIDQuMjQzLTQuMjQyLjcwNy43MDdMOC45IDguMTkyeiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat}.comment-item__title i:hover{opacity:.6}.comment-item__info{height:28px;display:flex;align-items:center;justify-content:space-between}.comment-item__info>span:first-child{font-weight:600}.comment-item__info>span:last-child{color:#c1c6ce}.comment-item__content{line-height:22px}.footer{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;background:#f2f4f7;z-index:9;position:fixed;bottom:0;left:0;font-size:12px;padding:0 4px 0 20px;box-sizing:border-box}.footer>div:first-child{display:flex;align-items:center}.footer .catalog-mode{padding:1px;position:relative}.footer .catalog-mode i{width:16px;height:16px;margin-right:5px;cursor:pointer;display:inline-block;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3Ij48cGF0aCBkPSJNMTMgMGMuNTUyIDAgMSAuNDggMSAxLjA3MVYxMy45M2MwIC41OS0uNDQ4IDEuMDctMSAxLjA3SDNjLS41NTIgMC0xLS40OC0xLTEuMDcxVjEuMDdDMiAuNDggMi40NDggMCAzIDBoMTB6bTAgMUgzdjEzaDEwVjF6Ii8+PHBhdGggZD0iTTUgMTB2MUg0di0xaDF6bTYgMHYxSDZ2LTFoNXpNNSA3djFINFY3aDF6bTYgMHYxSDZWN2g1ek01IDR2MUg0VjRoMXptNiAwdjFINlY0aDV6Ii8+PC9nPjwvc3ZnPg==)}.footer .page-mode{padding:1px;position:relative}.footer .page-mode i{width:16px;height:16px;margin-right:5px;cursor:pointer;display:inline-block;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMSkiPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgeD0iLjUiIHk9Ii41IiB3aWR0aD0iMTEiIGhlaWdodD0iOCIgcng9IjEiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yIDNoNHYxSDJ6bTAgMmg4djFIMnoiLz48L2c+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTQgMTVoLTF2LTVIM3Y1SDJWOWgxMnY2eiIvPjxwYXRoIGQ9Ik00IDEyaDR2MUg0em0wIDJoOHYxSDR6Ii8+PC9nPjwvZz48L3N2Zz4=)}.footer .options{width:70px;position:absolute;left:0;bottom:25px;padding:10px;background:#fff;font-size:14px;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px;display:none}.footer .options.visible{display:block}.footer .options li{padding:5px;margin:5px 0;user-select:none;transition:all .3s;text-align:center;cursor:pointer}.footer .options li:hover{background-color:#ebecef}.footer .options li.active{background-color:#e2e6ed}.footer>div:first-child>span{display:inline-block;margin-right:5px;letter-spacing:1px}.footer>div:last-child{display:flex;align-items:center;justify-content:space-between}.footer>div:last-child>div{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.footer>div:last-child>div:hover{background:rgba(25,55,88,.04)}.footer>div:last-child i{width:16px;height:16px;display:inline-block;cursor:pointer}.footer .editor-option i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTA4NCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTA3Mi4xNDc4NTEgNDA2LjIyNjM2N2MtNi4zMzEyODUtMzMuNDU2NzgyLTI2Ljc2MjAzNy01NS4wNzMzOTktNTIuMDQ3MTM1LTU1LjA3MzM5OS0wLjMyMzQxNyAwLTAuNjUxNDU1IDAuMDAzMDgxLTAuODMwMTA1IDAuMDA5MjQxbC00LjY1NTY3NCAwYy03My4xMjQ3MjIgMC0xMzIuNjE4MTYyLTU5LjQ5MTg5OS0xMzIuNjE4MTYyLTEzMi42MTgxNjIgMC0yMy43MzExNTIgMTEuNDQ3NDQzLTUwLjMzNjEwMSAxMS41NDYwMDktNTAuNTY1NTc0IDEzLjEwNDU3My0yOS40OTg3NjcgMy4wMjMxODUtNjUuNjcyMjU3LTIzLjQyNzc1NS04NC4xMjcwODFsLTEuNjAxNjg3LTEuMTI3MzQyLTEzNC40MDAwMzktNzQuNjYxNzI2LTEuNzAwMjUyLTAuNzQ1NDAxYy04Ljc1MzgzNi0zLjgwNTU0Ny0xOC4zMzQ2OTgtNS43MzUyNzItMjguNDc5MjMxLTUuNzM1MjcyLTIwLjc4OTU5MyAwLTQxLjIzNTc0NiA4LjM0NDE3NC01NC42ODM3NTggMjIuMzA2NTc1LTE0Ljc0MTY4MyAxNS4yMTYwMjgtNjUuNjIyOTczIDU4LjY0OTQ3NC0xMDQuNzIxMDgzIDU4LjY0OTQ3NC0zOS40NTA3ODkgMC05MC42MzM5MzUtNDQuMjg2NjUyLTEwNS40Mzg3NjItNTkuNzg0NTE2LTEzLjUxODg1Ny0xNC4yNDczMTYtMzQuMTI4MjU4LTIyLjc1MzE5OS01NS4xMjczMDItMjIuNzUzMTk5LTkuOTQ1ODYyIDAtMTkuMzU0MjM0IDEuODYxOTYxLTI3Ljk1ODY4MiA1LjUzMTk4MmwtMS43NDY0NTUgMC43NDA3OC0xMzkuMTQxOTU3IDc2LjQzMTI4My0xLjY0MzI2OSAxLjEzOTY2MmMtMjYuNTM3MTg2IDE4LjQzNzg4NC0zNi42NzU1NTcgNTQuNTc5MDMyLTIzLjU4NDg0NSA4NC4wNjIzOTggMC4xMTU1MDYgMC4yNjQ4OTUgMTEuNTc5ODkxIDI2LjcyNTA3NSAxMS41Nzk4OTEgNTAuNjM0ODc3IDAgNzMuMTI2MjYyLTU5LjQ5MTg5OSAxMzIuNjE4MTYyLTEzMi42MTgxNjIgMTMyLjYxODE2MmwtNC41ODE3NDkgMGMtMC4zMTg3OTctMC4wMDYxNi0wLjYzNjA1NS0wLjAxMDc4LTAuOTUxNzcyLTAuMDEwNzgtMjUuMjYwNDU2IDAtNDUuNjcyNzI4IDIxLjYxODE1Ny01Mi4wMDI0NzIgNTUuMDgxMS0wLjQ2MjAyNSAyLjQ1MzM1NC0xMS4zMTM0NTYgNjAuNjIyMzIyLTExLjMxMzQ1NiAxMDYuMTE3OTM5IDAgNDUuNDk0MDc4IDEwLjg1MTQzIDEwMy42NTk5NjUgMTEuMzE0OTk2IDEwNi4xMTk0NzkgNi4zMzQzNjUgMzMuNDU4MzIyIDI2Ljc1ODk1NyA1NS4wNzY0NzkgNTIuMDM2MzUzIDU1LjA3NjQ3OSAwLjMyMDMzNyAwIDAuNjUxNDU1LTAuMDA2MTYgMC44NDI0MjYtMC4wMTIzMjFsNC42NTU2NzQgMGM3My4xMjYyNjIgMCAxMzIuNjE4MTYyIDU5LjQ5MTg5OSAxMzIuNjE4MTYyIDEzMi42MTY2MjIgMCAyMy43NjA0MTMtMTEuNDQ0MzYzIDUwLjMzMzAyMS0xMS41NDYwMDkgNTAuNTY1NTc0LTEzLjA5Mzc5MyAyOS40NzQxMjUtMy4wNDE2NjYgNjUuNjQ2MDc1IDIzLjM5NTQxNCA4NC4xNTE3MjJsMS41NjkzNDYgMS4wOTM0NTkgMTMxLjgzODg3OSA3My43MjY4OTUgMS42NzU2MTEgMC43Mzc3YzguNzUwNzU3IDMuODQyNTEgMTguMzA1NDM3IDUuNzkwNzE1IDI4LjM5NzYwNyA1Ljc5MDcxNSAyMS4wODIyMDggMCA0MS42NzYyMDktOC43MDYwOTQgNTUuMDg4OC0yMy4yOTA2ODkgMTguNzI0MzM5LTIwLjM0NzU4OCA2OS41MjcwODYtNjIuMzYyNjE2IDEwNy4wNDgxNS02Mi4zNjI2MTYgNDAuNjI1ODcyIDAgOTIuNzI1MzcgNDcuMTAwMzg1IDEwNy43NTk2NjkgNjMuNTgzOTAzIDEzLjQ0MTg1MiAxNC44MzEwMDggMzQuMTc2MDAxIDIzLjY4OTU3MSA1NS40NzA3NDEgMjMuNjk1NzMxbDAuMDA2MTYgMGM5Ljg5NTAzOSAwIDE5LjI3ODc3LTEuODgzNTIzIDI3Ljg5Mzk5OS01LjU5ODIwNWwxLjcxMTAzNC0wLjczOTI0IDEzNi42NTkzNDItNzUuNTMxODczIDEuNjE3MDg4LTEuMTI4ODgyYzI2LjQ5MjUyMy0xOC40NTYzNjUgMzYuNjAxNjMzLTU0LjYwMDU5NCAyMy41Mzg2NDItODQuMDE2MTk1LTAuMTE1NTA2LTAuMjY3OTc0LTExLjU5NTI5MS0yNy4wODIzNzQtMTEuNTk1MjkxLTUwLjY3NjQ2IDAtNzMuMTI0NzIyIDU5LjQ5MzQ0LTEzMi42MTY2MjIgMTMyLjYxODE2Mi0xMzIuNjE2NjIybDQuNTE3MDY2LTAuMDAxNTRjMC4zMDAzMTYgMC4wMDYxNiAwLjU5OTA5MiAwLjAwOTI0MSAwLjg5OTQwOSAwLjAwOTI0MSAyNS4zMzEyOTktMC4wMDE1NCA0NS43ODUxNTMtMjEuNjE5Njk3IDUyLjEwNzE5Ny01NS4wNTQ5MTggMC4xMTI0MjYtMC41ODk4NTIgMTEuMzI1Nzc2LTU5LjUwNzMwMSAxMS4zMjU3NzYtMTA2LjE0MTA0QzEwODMuNDY0Mzg4IDQ2Ni42NDA3NzYgMTA3Mi42MDk4NzcgNDA4LjY3MzU2IDEwNzIuMTQ3ODUxIDQwNi4yMjYzNjd6TTM3Ny40ODY4NjIgOTQ1LjY1NjE0MmwtMTE1LjMyNzY0LTY0LjQ4NzkzMmM1LjA4MjI3Ny0xMy4wNTIyMTEgMTUuNDM3ODAxLTQzLjUxODE1IDE1LjQzNzgwMS03NS4wMTc0ODYgMC0xMDkuMzgyOTE3LTg0LjE3NjM2NC0xOTkuODE2NjQyLTE5Mi41ODc0ODgtMjA4LjEzNDYzNS0yLjY0NzQwNC0xNS40MjcwMjEtOC44NzM5NjMtNTQuOTY3MTMzLTguODczOTYzLTg1LjY2NzE2NiAwLTMwLjY1NjkxIDYuMjIzNDc5LTcwLjIzMjQ0NSA4Ljg2OTM0My04NS42NzE3ODYgMTA4LjQxNTc0NC04LjMxMTgzMiAxOTIuNTkyMTA4LTk4Ljc0NTU1NyAxOTIuNTkyMTA4LTIwOC4xMzQ2MzUgMC0zMS40MTYxNzEtMTAuMzAwMDgxLTYxLjc5NzQwNS0xNS4zNzE1NzctNzQuODU0MjM2bDEyMi43MjE1ODMtNjcuNDAzMzFjMC4wMDMwODEgMCAwLjAwNDYyIDAuMDAxNTQgMC4wMDc3MDEgMC4wMDE1NCA0LjQyMzEyMSA0LjUxODYwNiAyMi4xMjE3NjQgMjIuMDgwMTgyIDQ2LjU1ODI3NSAzOS40OTM5MTEgMzkuOTI5NzU0IDI4LjQ2MjI5IDc3Ljk1Mjg4NSA0Mi44OTQ0MTYgMTEzLjAxNDQzNCA0Mi44OTQ0MTYgMzQuNzE2NTcxIDAgNzIuNDM3ODQ1LTE0LjE1MTgzMSAxMTIuMTE1MDI1LTQyLjA2NDMxIDI0LjI4MjUwMy0xNy4wNzk1MyA0MS44OTY0NDItMzQuMzAyMjg4IDQ2LjMwODc4Mi0zOC43NDU0MyAwLjAwOTI0MS0wLjAwMTU0IDAuMDE4NDgxLTAuMDA0NjIgMC4wMjYxODItMC4wMDYxNmwxMTguMzAxNTQyIDY1LjcyNjE1OWMtNS4wNzc2NTcgMTMuMDU1MjkxLTE1LjQxNjIzOSA0My40OTk2NjktMTUuNDE2MjM5IDc0Ljk1ODk2MiAwIDEwOS4zODkwNzcgODQuMTc0ODI0IDE5OS44MjI4MDIgMTkyLjU5MDU2OCAyMDguMTM0NjM1IDIuNjQ1ODY1IDE1LjQ2MjQ0MiA4Ljg3MjQyMyA1NS4xMDcyODEgOC44NzI0MjMgODUuNjcxNzg2IDAgMzAuNjg3NzExLTYuMjIzNDc5IDcwLjI0MTY4NS04Ljg2OTM0MyA4NS42NzMzMjZDODkwLjA0MjE3NCA2MDYuMzM0MDg0IDgwNS44NjQyNyA2OTYuNzY3ODA5IDgwNS44NjQyNyA4MDYuMTU4NDI2YzAgMzEuNDUwMDUzIDEwLjMxNzAyMiA2MS44NTEzMDkgMTUuMzkzMTM4IDc0LjkwMzUxOWwtMTE5Ljc4MzEwMyA2Ni4xOTg5NjVjLTUuMTY4NTIxLTUuNDkwMzk5LTIyLjYwMzgxMS0yMy4zNjMwNzMtNDYuNzQwMDA1LTQxLjI4ODEwOS00MC43MDEzMzYtMzAuMjI0MTQ1LTc5LjY2MjM3OC00NS41NDk1MjEtMTE1LjgwMDQ0Ni00NS41NDk1MjEtMzUuNzkxNTUgMC03NC40NTg0MzUgMTUuMDM4OTE5LTExNC45MjcyMTkgNDQuNjk0Nzc0QzQwMC4yMjAwNCA5MjIuNTU0ODg1IDM4Mi42NjYxNjMgOTQwLjI1NTA2OCAzNzcuNDg2ODYyIDk0NS42NTYxNDJ6TTczMS4yNzE4NDggNTExLjY0NjY0N2MwLTEwNS44MDM3NjItODYuMDgxNDQ4LTE5MS44ODA1OS0xOTEuODg4Mjg5LTE5MS44ODA1OS0xMDUuODAzNzYyIDAtMTkxLjg4MDU5IDg2LjA3NjgyNy0xOTEuODgwNTkgMTkxLjg4MDU5IDAgMTA1LjgwMzc2MiA4Ni4wNzY4MjcgMTkxLjg4MjEyOSAxOTEuODgwNTkgMTkxLjg4MjEyOUM2NDUuMTkxOTQgNzAzLjUyODc3NyA3MzEuMjcxODQ4IDYxNy40NTA0MDkgNzMxLjI3MTg0OCA1MTEuNjQ2NjQ3ek01MzkuMzgzNTU4IDM5NS45MDMxODRjNjMuODI1Njk2IDAgMTE1Ljc1MTE2NCA1MS45MjIzODcgMTE1Ljc1MTE2NCAxMTUuNzQzNDYzIDAgNjMuODI1Njk2LTUxLjkyNTQ2OCAxMTUuNzUxMTY0LTExNS43NTExNjQgMTE1Ljc1MTE2NC02My44MjEwNzYgMC0xMTUuNzQzNDYzLTUxLjkyNTQ2OC0xMTUuNzQzNDYzLTExNS43NTExNjRDNDIzLjY0MDA5NSA0NDcuODI0MDMxIDQ3NS41NjI0ODIgMzk1LjkwMzE4NCA1MzkuMzgzNTU4IDM5NS45MDMxODR6IiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+PC9zdmc+)}.footer .page-scale-minus i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA3aDEwdjJIM3oiIGZpbGw9IiM2MzYzNjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)}.footer .page-scale-add i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyA3VjNoMnY0aDR2Mkg5djRIN1Y5SDNWN2g0eiIgZmlsbD0iIzYzNjM2MyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.footer .page-scale-percentage{cursor:pointer;user-select:none}.footer .fullscreen i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zIDNoMXY0SDN6Ii8+PHBhdGggZD0iTTMgM2g0djFIM3ptMTAgMTBoLTFWOWgxeiIvPjxwYXRoIGQ9Ik0xMyAxM0g5di0xaDR6Ii8+PC9nPjwvc3ZnPg==)}.footer .fullscreen.exist i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOSA5aDF2NEg5eiIvPjxwYXRoIGQ9Ik05IDloNHYxSDl6TTcgN0g2VjNoMXoiLz48cGF0aCBkPSJNNyA3SDNWNmg0eiIvPjwvZz48L3N2Zz4=)}.footer .paper-margin i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHg9IjIuNSIgeT0iMS41IiB3aWR0aD0iMTEiIGhlaWdodD0iMTMiIHJ4PSIxIi8+PHBhdGggZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMyA0aDEwdjFIM3ptMCA3aDEwdjFIM3oiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01IDE0VjJoMXYxMnptNSAwVjJoMXYxMnoiLz48L2c+PC9zdmc+)}.footer .editor-mode{cursor:pointer;user-select:none;position:absolute;left:50%;transform:translate(-50%)}.footer .paper-size{position:relative}.footer .paper-size i{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xMC43OTMgMS41TDEzLjUgNC4yMDdWMTRMMyAxNC41IDIuNSAybDguMjkzLS41eiIgc3Ryb2tlPSIjM0Q0NzU3Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTEwIDJoMXYzaC0xeiIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0xMCA0aDN2MWgtM3oiLz48L2c+PHBhdGggZD0iTTcgM3YxSDV2Mkg0VjNoM3oiIGZpbGw9IiMzRDQ3NTciLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNS4xNjkgMy40M2w2LjYyIDguNzg0LS43OTkuNjAyLTYuNjItOC43ODV6Ii8+PHBhdGggZD0iTTkgMTN2LTFoMnYtMmgxdjNIOXoiIGZpbGw9IiMzRDQ3NTciLz48L2c+PC9zdmc+)}.footer .paper-size .options{right:0;left:unset}.footer .paper-direction{position:relative}.footer .paper-direction i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzEt5paH5a2XX3gyRl8wNOmhtemdol94MkZf57q45byg5pa55ZCRLTE2cHgiPjxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSLlkIjlubblvaLnirYiIGNsYXNzPSJzdDAiIGQ9Ik0xNCA2djdjMCAuNi0uNCAxLTEgMUg0Yy0uNiAwLTEtLjQtMS0xVjZjMC0uNi40LTEgMS0xaDljLjYgMCAxIC40IDEgMXptLTEgMEg0djdoOVY2eiIvPjxwYXRoIGlkPSLot6/lvoQiIGNsYXNzPSJzdDAiIGQ9Ik05IDRIOFYxSDF2OWgxdjFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMWg3Yy42IDAgMSAuNCAxIDF2M3oiLz48cGF0aCBpZD0i55+p5b2iIiBjbGFzcz0ic3QwIiBkPSJNMTEgN2gxdjVoLTF6Ii8+PHBhdGggaWQ9IuefqeW9oi1jb3B5LTIiIGNsYXNzPSJzdDAiIGQ9Ik0yIDJoNXYxSDJ6Ii8+PC9nPjwvZz48L3N2Zz4=)}.footer .paper-direction .options{right:0;left:unset}.ce-contextmenu-signature{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxM2gxMnYxSDJ6Ii8+PHBhdGggZmlsbD0iIzRCNTQ2MyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNS4yNiA4LjQ1OGwyLjIzIDEuMjhMNiAxMkgzeiIvPjxwYXRoIGQ9Ik01LjY2NiA2LjE0OUw0LjMxIDguMTY4bDQuMDQ1IDIuNDggMS41MDMtMi4xNTktNC4xOTItMi4zNHptMS4xMDYtNC4xNTZsLTEuOTg2IDMuNDQgNi4zIDMuNjQ4IDIuMDM3LTIuOTQzLTYuMzUxLTQuMTQ1eiIgc3Ryb2tlPSIjNEI1NDYzIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-form-input{background-image:url(./assets/images/form-input.png)}.ce-contextmenu-word-tool{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAwaDF2MTVIMXptNSA0aDd2MUg2em0tMyA2aDd2MUgzeiIvPjxwYXRoIGQ9Ik0xIDBoNHYxSDF6bTEwIDE0aDR2MWgtNHpNMyA3aDEwdjFIM3oiLz48cGF0aCBkPSJNMTQgMGgxdjE1aC0xek04IDBsMyAzVjB6bTYgMGgtM3YxaDN6TTggMTVsLTMtM3Yzem0tNi0xaDN2MUgyeiIvPjwvZz48L3N2Zz4=)}.dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000000;z-index:99}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999;margin:0;display:flex;justify-content:center;align-items:center}.dialog{position:absolute;padding:0 30px 30px;background:#ffffff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.dialog-title{position:relative;border-bottom:1px solid #e2e6ed;margin-bottom:30px;height:60px;display:flex;align-items:center;justify-content:space-between}.dialog-title i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45IDguMTkybDQuMjQyIDQuMjQzLS43MDcuNzA3TDguMTkyIDguOSAzLjk1IDEzLjE0MmwtLjcwNy0uNzA3IDQuMjQyLTQuMjQzTDMuMjQzIDMuOTVsLjcwNy0uNzA3IDQuMjQyIDQuMjQyIDQuMjQzLTQuMjQyLjcwNy43MDdMOC45IDguMTkyeiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.dialog-option__item{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dialog-option__item span{margin-right:12px;font-size:14px;color:#3d4757;position:relative}.dialog-option__item input,.dialog-option__item select{width:276px;height:28px;border-radius:2px;border:1px solid #d3d3d3;min-height:28px;padding:5px;box-sizing:border-box;outline:none;appearance:none;user-select:none;font-family:inherit}.dialog-option__item textarea{width:276px;height:58px;border-radius:2px;border:1px solid #d3d3d3;min-height:58px;padding:5px;box-sizing:border-box;outline:none;appearance:none;user-select:none;font-family:inherit}.dialog-option__item input:focus,.dialog-option__item textarea:focus{border-color:#4991f2}.dialog-option__item--require:before{content:"*";color:#f56c6c;margin-right:4px;position:absolute;left:-8px}.dialog-menu{display:flex;align-items:center;justify-content:flex-end}.dialog-menu button{position:relative;display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#ffffff;line-height:22px;padding:0 16px;white-space:nowrap;cursor:pointer}.dialog-menu button:hover{background:rgba(25,55,88,.04)}.dialog-menu__cancel{margin-right:16px}.dialog-menu button[type=submit]{color:#fff;background:#4991f2;border-color:#4991f2}.dialog-menu button[type=submit]:hover{background:#5b9cf3;border-color:#5b9cf3}.searchable-select{position:relative;width:276px;height:30px;box-sizing:border-box}.searchable-select__input-wrapper{position:relative;display:flex;align-items:center;width:100%;height:100%;border:1px solid #d3d3d3}.searchable-select__input-wrapper .searchable-select__input{border:none}.searchable-select__input-wrapper .searchable-select__arrow{margin-right:0;margin-top:-12px}.searchable-select__input{width:100%;height:30px;border-radius:2px;border:1px solid #d3d3d3;padding:5px 30px 5px 5px;box-sizing:border-box;outline:none;font-family:inherit;font-size:14px;cursor:pointer;background-color:#fff}.searchable-select__input:focus{border-color:#4991f2}.searchable-select__arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:#666;cursor:pointer;user-select:none;line-height:1;z-index:1}.searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#ffffff;border:1px solid #d3d3d3;border-radius:2px;box-shadow:0 2px 8px #00000026;max-height:200px;overflow-y:auto;z-index:1000}.searchable-select__option{padding:8px 12px;cursor:pointer;font-size:14px;color:#3d4757;transition:background-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select__option:hover{background-color:#f5f7fa}.searchable-select__option--selected{background-color:#ecf5ff;color:#4991f2;font-weight:500}.searchable-select__option--empty{color:#999;cursor:not-allowed;text-align:center;padding:12px}.searchable-select__option--empty:hover{background-color:transparent}.searchable-select__dropdown::-webkit-scrollbar{width:6px}.searchable-select__dropdown::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px}.searchable-select__dropdown::-webkit-scrollbar-thumb:hover{background-color:#909399}.searchable-select__dropdown::-webkit-scrollbar-track{background-color:#f5f7fa}')),document.head.appendChild(i)}}catch(M){console.error("vite-plugin-css-injected-by-js",M)}})();
2
2
  var index = "";
3
- const version = "0.0.1-beta.1";
3
+ var style = "";
4
+ const version = "0.0.1-beta.10";
4
5
  var MaxHeightRatio;
5
6
  (function(MaxHeightRatio2) {
6
7
  MaxHeightRatio2["HALF"] = "half";
@@ -349,8 +350,8 @@ function convertStringToBase64(input2) {
349
350
  function findScrollContainer(element) {
350
351
  let parent = element.parentElement;
351
352
  while (parent) {
352
- const style = window.getComputedStyle(parent);
353
- const overflowY = style.getPropertyValue("overflow-y");
353
+ const style2 = window.getComputedStyle(parent);
354
+ const overflowY = style2.getPropertyValue("overflow-y");
354
355
  if (parent.scrollHeight > parent.clientHeight && (overflowY === "auto" || overflowY === "scroll")) {
355
356
  return parent;
356
357
  }
@@ -4419,7 +4420,7 @@ function mergeOption(options = {}) {
4419
4420
  resizerSize: 5,
4420
4421
  marginIndicatorSize: 35,
4421
4422
  marginIndicatorColor: "#BABABA",
4422
- margins: [100, 120, 100, 120],
4423
+ margins: [0, 0, 0, 0],
4423
4424
  pageMode: PageMode.PAGING,
4424
4425
  renderMode: RenderMode.SPEED,
4425
4426
  defaultHyperlinkColor: "#0000FF",
@@ -4865,6 +4866,7 @@ function formatElementList(elementList, options) {
4865
4866
  }
4866
4867
  if (el.type === ElementType.IMAGE || el.type === ElementType.BLOCK) {
4867
4868
  el.id = el.id || getUUID();
4869
+ el.verticalAlign = "text-top";
4868
4870
  }
4869
4871
  if (el.type === ElementType.LATEX) {
4870
4872
  const { svg, width, height } = LaTexParticle.convertLaTextToSVG(el.value);
@@ -5454,6 +5456,7 @@ function createDomFromElementList(elementList, options) {
5454
5456
  img.height = element.height;
5455
5457
  img.id = getUUID();
5456
5458
  img.setAttribute("data-form-input", JSON.stringify(element.formInput));
5459
+ img.setAttribute("style", "vertical-align: text-top;");
5457
5460
  }
5458
5461
  clipboardDom2.append(img);
5459
5462
  } else if (element.type === ElementType.BLOCK) {
@@ -5574,33 +5577,41 @@ function convertTextNodeToElement(textNode) {
5574
5577
  const anchorNode = parentNode.nodeName === "FONT" ? parentNode.parentNode : parentNode;
5575
5578
  const rowFlex = convertTextAlignToRowFlex(anchorNode);
5576
5579
  const value = textNode.textContent;
5577
- const style = window.getComputedStyle(anchorNode);
5580
+ const style2 = window.getComputedStyle(anchorNode);
5578
5581
  if (!value || anchorNode.nodeName === "STYLE")
5579
5582
  return null;
5580
5583
  const element = {
5581
5584
  value,
5582
- color: style.color,
5583
- bold: Number(style.fontWeight) > 500,
5584
- italic: style.fontStyle.includes("italic"),
5585
- size: Math.floor(parseFloat(style.fontSize))
5585
+ color: style2.color,
5586
+ bold: Number(style2.fontWeight) > 500,
5587
+ italic: style2.fontStyle.includes("italic"),
5588
+ size: Math.floor(parseFloat(style2.fontSize))
5586
5589
  };
5587
- if (anchorNode.nodeName === "SUB" || style.verticalAlign === "sub") {
5590
+ if (anchorNode.nodeName === "SUB" || style2.verticalAlign === "sub") {
5588
5591
  element.type = ElementType.SUBSCRIPT;
5589
- } else if (anchorNode.nodeName === "SUP" || style.verticalAlign === "super") {
5592
+ } else if (anchorNode.nodeName === "SUP" || style2.verticalAlign === "super") {
5590
5593
  element.type = ElementType.SUPERSCRIPT;
5591
5594
  }
5592
5595
  if (rowFlex !== RowFlex.LEFT) {
5593
5596
  element.rowFlex = rowFlex;
5594
5597
  }
5595
- if (style.backgroundColor !== "rgba(0, 0, 0, 0)") {
5596
- element.highlight = style.backgroundColor;
5598
+ if (style2.backgroundColor !== "rgba(0, 0, 0, 0)") {
5599
+ element.highlight = style2.backgroundColor;
5597
5600
  }
5598
- if (style.textDecorationLine.includes("underline")) {
5601
+ if (style2.textDecorationLine.includes("underline")) {
5599
5602
  element.underline = true;
5600
5603
  }
5601
- if (style.textDecorationLine.includes("line-through")) {
5604
+ if (style2.textDecorationLine.includes("line-through")) {
5602
5605
  element.strikeout = true;
5603
5606
  }
5607
+ const letterSpacing = parseFloat(style2.letterSpacing);
5608
+ if (letterSpacing && !isNaN(letterSpacing)) {
5609
+ element.letterSpacing = letterSpacing;
5610
+ }
5611
+ const wordSpacing = parseFloat(style2.wordSpacing);
5612
+ if (wordSpacing && !isNaN(wordSpacing)) {
5613
+ element.wordSpacing = wordSpacing;
5614
+ }
5604
5615
  return element;
5605
5616
  }
5606
5617
  function getElementListByHTML(htmlText, options) {
@@ -5681,15 +5692,27 @@ function getElementListByHTML(htmlText, options) {
5681
5692
  type: ElementType.SEPARATOR
5682
5693
  });
5683
5694
  } else if (node.nodeName === "IMG") {
5684
- const { src, width, height } = node;
5695
+ const imgElement = node;
5696
+ const { src, width, height } = imgElement;
5685
5697
  if (src && width && height) {
5686
- elementList.push({
5698
+ const element = {
5687
5699
  width,
5688
5700
  height,
5689
5701
  value: src,
5690
5702
  type: ElementType.IMAGE,
5691
- rowFlex: convertTextAlignToRowFlex(node.parentElement)
5692
- });
5703
+ rowFlex: convertTextAlignToRowFlex(node.parentElement),
5704
+ verticalAlign: "text-top"
5705
+ };
5706
+ const formInputAttr = imgElement.getAttribute("data-form-input");
5707
+ console.log("data-form-input", formInputAttr);
5708
+ if (formInputAttr) {
5709
+ try {
5710
+ element.formInput = JSON.parse(formInputAttr);
5711
+ } catch (error) {
5712
+ console.warn("Failed to parse data-form-input:", error);
5713
+ }
5714
+ }
5715
+ elementList.push(element);
5693
5716
  }
5694
5717
  } else if (node.nodeName === "VIDEO") {
5695
5718
  const { src, width, height } = node;
@@ -5799,6 +5822,11 @@ function getElementListByHTML(htmlText, options) {
5799
5822
  }
5800
5823
  }
5801
5824
  }
5825
+ if (options.container) {
5826
+ findTextNode(options.container);
5827
+ options.container.innerHTML = "";
5828
+ return elementList;
5829
+ }
5802
5830
  const clipboardHost = document.createElement("div");
5803
5831
  document.body.appendChild(clipboardHost);
5804
5832
  const shadowRoot = clipboardHost.attachShadow({ mode: "open" });
@@ -5940,6 +5968,14 @@ function getNonHideElementIndex(elementList, index2, position = LocationPosition
5940
5968
  }
5941
5969
  return i;
5942
5970
  }
5971
+ function convertToXHTML(dom) {
5972
+ if (!dom)
5973
+ return "";
5974
+ const serializer = new XMLSerializer();
5975
+ const xhtml = serializer.serializeToString(dom);
5976
+ const match = xhtml.match(/<[^>]+>([\s\S]*)<\/[^>]+>$/i);
5977
+ return match ? match[1] : xhtml;
5978
+ }
5943
5979
  function setClipboardData(data2) {
5944
5980
  localStorage.setItem(EDITOR_CLIPBOARD, JSON.stringify({
5945
5981
  text: data2.text,
@@ -8441,6 +8477,22 @@ function dblclick(host, evt) {
8441
8477
  editor.showFormRadioConfig(curElement);
8442
8478
  return;
8443
8479
  }
8480
+ if (curElement.formInput && curElement.formInput.type === "image") {
8481
+ editor.showFormImageConfig(curElement);
8482
+ return;
8483
+ }
8484
+ if (curElement.formInput && curElement.formInput.type === "signature") {
8485
+ editor.showFormSignatureConfig(curElement);
8486
+ return;
8487
+ }
8488
+ if (curElement.formInput && curElement.formInput.type === "seal") {
8489
+ editor.showFormSealConfig(curElement);
8490
+ return;
8491
+ }
8492
+ if (curElement.formInput && curElement.formInput.type === "riskCopy") {
8493
+ editor.showFormRiskCopyConfig(curElement);
8494
+ return;
8495
+ }
8444
8496
  editor.showFormInputConfig(curElement);
8445
8497
  return;
8446
8498
  }
@@ -8991,7 +9043,6 @@ class Position {
8991
9043
  for (let j = 0; j < curRow.elementList.length; j++) {
8992
9044
  const element = curRow.elementList[j];
8993
9045
  const metrics = element.metrics;
8994
- const offsetY = !element.hide && (element.imgDisplay !== ImageDisplay.INLINE && element.type === ElementType.IMAGE || element.type === ElementType.LATEX) ? curRow.ascent - metrics.height : curRow.ascent;
8995
9046
  if (element.left) {
8996
9047
  x += element.left;
8997
9048
  }
@@ -9006,7 +9057,7 @@ class Position {
9006
9057
  rowNo: i,
9007
9058
  metrics,
9008
9059
  left: element.left || 0,
9009
- ascent: offsetY,
9060
+ ascent: element.type === ElementType.IMAGE ? 4 : 17,
9010
9061
  lineHeight: curRow.height,
9011
9062
  isFirstLetter: j === 0,
9012
9063
  isLastLetter: j === curRow.elementList.length - 1,
@@ -9549,13 +9600,13 @@ class RangeManager {
9549
9600
  clearRange() {
9550
9601
  this.setRange(-1, -1);
9551
9602
  }
9552
- setDefaultStyle(style) {
9553
- if (!style) {
9603
+ setDefaultStyle(style2) {
9604
+ if (!style2) {
9554
9605
  this.defaultStyle = null;
9555
9606
  } else {
9556
9607
  this.defaultStyle = {
9557
9608
  ...this.defaultStyle,
9558
- ...style
9609
+ ...style2
9559
9610
  };
9560
9611
  }
9561
9612
  }
@@ -15566,6 +15617,7 @@ class Dialog {
15566
15617
  this.mask = null;
15567
15618
  this.container = null;
15568
15619
  this.inputList = [];
15620
+ this.searchDropdowns = /* @__PURE__ */ new Map();
15569
15621
  this._render();
15570
15622
  }
15571
15623
  _render() {
@@ -15609,45 +15661,65 @@ class Dialog {
15609
15661
  optionName.classList.add("dialog-option__item--require");
15610
15662
  }
15611
15663
  }
15612
- let optionInput;
15613
15664
  if (option.type === "select") {
15614
- optionInput = document.createElement("select");
15615
- (_a = option.options) == null ? void 0 : _a.forEach((item) => {
15616
- const optionItem = document.createElement("option");
15617
- optionItem.value = item.value;
15618
- optionItem.label = item.label;
15619
- optionInput.append(optionItem);
15620
- });
15621
- } else if (option.type === "textarea") {
15622
- optionInput = document.createElement("textarea");
15623
- } else if (option.type === "color") {
15624
- optionInput = document.createElement("input");
15625
- optionInput.type = "text";
15626
- optionInput.onclick = function() {
15627
- colorControlDom.click();
15628
- };
15629
- const colorControlDom = document.querySelector("#color");
15630
- colorControlDom.oninput = function() {
15631
- optionInput.value = colorControlDom.value;
15632
- };
15665
+ if (option.searchable === false) {
15666
+ const optionInput = document.createElement("select");
15667
+ if (option.width) {
15668
+ optionInput.style.width = `${option.width}px`;
15669
+ }
15670
+ if (option.height) {
15671
+ optionInput.style.height = `${option.height}px`;
15672
+ }
15673
+ optionInput.name = option.name;
15674
+ optionInput.value = option.value || "";
15675
+ (_a = option.options) == null ? void 0 : _a.forEach((item) => {
15676
+ const optionItem = document.createElement("option");
15677
+ optionItem.value = item.value;
15678
+ optionItem.label = item.label;
15679
+ optionInput.append(optionItem);
15680
+ });
15681
+ optionItemContainer.append(optionInput);
15682
+ optionContainer.append(optionItemContainer);
15683
+ this.inputList.push(optionInput);
15684
+ } else {
15685
+ const searchableSelect = this._createSearchableSelect(option);
15686
+ optionItemContainer.append(searchableSelect);
15687
+ optionContainer.append(optionItemContainer);
15688
+ this.inputList.push(searchableSelect);
15689
+ }
15633
15690
  } else {
15634
- optionInput = document.createElement("input");
15635
- optionInput.type = option.type;
15636
- }
15637
- if (option.width) {
15638
- optionInput.style.width = `${option.width}px`;
15639
- }
15640
- if (option.height) {
15641
- optionInput.style.height = `${option.height}px`;
15642
- }
15643
- optionInput.name = option.name;
15644
- optionInput.value = option.value || "";
15645
- if (!(optionInput instanceof HTMLSelectElement)) {
15646
- optionInput.placeholder = option.placeholder || "";
15691
+ let optionInput;
15692
+ if (option.type === "textarea") {
15693
+ optionInput = document.createElement("textarea");
15694
+ } else if (option.type === "color") {
15695
+ optionInput = document.createElement("input");
15696
+ optionInput.type = "text";
15697
+ optionInput.onclick = function() {
15698
+ colorControlDom.click();
15699
+ };
15700
+ const colorControlDom = document.querySelector("#color");
15701
+ colorControlDom.oninput = function() {
15702
+ optionInput.value = colorControlDom.value;
15703
+ };
15704
+ } else {
15705
+ optionInput = document.createElement("input");
15706
+ optionInput.type = option.type;
15707
+ }
15708
+ if (option.width) {
15709
+ optionInput.style.width = `${option.width}px`;
15710
+ }
15711
+ if (option.height) {
15712
+ optionInput.style.height = `${option.height}px`;
15713
+ }
15714
+ optionInput.name = option.name;
15715
+ optionInput.value = option.value || "";
15716
+ if (!(optionInput instanceof HTMLSelectElement)) {
15717
+ optionInput.placeholder = option.placeholder || "";
15718
+ }
15719
+ optionItemContainer.append(optionInput);
15720
+ optionContainer.append(optionItemContainer);
15721
+ this.inputList.push(optionInput);
15647
15722
  }
15648
- optionItemContainer.append(optionInput);
15649
- optionContainer.append(optionItemContainer);
15650
- this.inputList.push(optionInput);
15651
15723
  }
15652
15724
  dialogContainer.append(optionContainer);
15653
15725
  const menuContainer = document.createElement("div");
@@ -15668,10 +15740,21 @@ class Dialog {
15668
15740
  confirmBtn.type = "submit";
15669
15741
  confirmBtn.onclick = () => {
15670
15742
  if (onConfirm) {
15671
- const payload = this.inputList.map((input2) => ({
15672
- name: input2.name,
15673
- value: input2.value
15674
- }));
15743
+ const payload = this.inputList.map((input2) => {
15744
+ if (input2 instanceof HTMLDivElement && input2.classList.contains("searchable-select")) {
15745
+ const name = input2.getAttribute("data-name") || "";
15746
+ const dropdownInfo = this.searchDropdowns.get(name);
15747
+ return {
15748
+ name,
15749
+ value: (dropdownInfo == null ? void 0 : dropdownInfo.selectedValue) || ""
15750
+ };
15751
+ }
15752
+ const element = input2;
15753
+ return {
15754
+ name: element.name,
15755
+ value: element.value
15756
+ };
15757
+ });
15675
15758
  onConfirm(payload);
15676
15759
  }
15677
15760
  this._dispose();
@@ -15682,6 +15765,129 @@ class Dialog {
15682
15765
  this.container = container;
15683
15766
  this.mask = mask;
15684
15767
  }
15768
+ _createSearchableSelect(option) {
15769
+ var _a;
15770
+ const container = document.createElement("div");
15771
+ container.classList.add("searchable-select");
15772
+ container.setAttribute("data-name", option.name);
15773
+ if (option.width) {
15774
+ container.style.width = `${option.width}px`;
15775
+ }
15776
+ const input2 = document.createElement("input");
15777
+ input2.type = "text";
15778
+ input2.classList.add("searchable-select__input");
15779
+ input2.placeholder = option.placeholder || "\u8BF7\u9009\u62E9\u6216\u641C\u7D22";
15780
+ const dropdownInfo = this.searchDropdowns.get(option.name);
15781
+ const currentValue = (dropdownInfo == null ? void 0 : dropdownInfo.selectedValue) || option.value || "";
15782
+ if (currentValue && option.options) {
15783
+ const selectedOption = option.options.find((opt) => opt.value === currentValue);
15784
+ if (selectedOption) {
15785
+ input2.value = selectedOption.label;
15786
+ }
15787
+ }
15788
+ const arrow = document.createElement("span");
15789
+ arrow.classList.add("searchable-select__arrow");
15790
+ arrow.innerHTML = "\u25BC";
15791
+ const inputWrapper = document.createElement("div");
15792
+ inputWrapper.classList.add("searchable-select__input-wrapper");
15793
+ inputWrapper.append(input2);
15794
+ inputWrapper.append(arrow);
15795
+ const dropdown = document.createElement("div");
15796
+ dropdown.classList.add("searchable-select__dropdown");
15797
+ dropdown.style.display = "none";
15798
+ const renderOptions = (filterText = "") => {
15799
+ var _a2;
15800
+ dropdown.innerHTML = "";
15801
+ const filteredOptions = ((_a2 = option.options) == null ? void 0 : _a2.filter(
15802
+ (opt) => !filterText || opt.label.toLowerCase().includes(filterText.toLowerCase())
15803
+ )) || [];
15804
+ const dropdownInfo2 = this.searchDropdowns.get(option.name);
15805
+ const currentValue2 = (dropdownInfo2 == null ? void 0 : dropdownInfo2.selectedValue) || option.value || "";
15806
+ if (filteredOptions.length === 0) {
15807
+ const emptyItem = document.createElement("div");
15808
+ emptyItem.classList.add("searchable-select__option", "searchable-select__option--empty");
15809
+ emptyItem.textContent = "\u65E0\u5339\u914D\u9009\u9879";
15810
+ dropdown.append(emptyItem);
15811
+ } else {
15812
+ filteredOptions.forEach((item) => {
15813
+ const optionItem = document.createElement("div");
15814
+ optionItem.classList.add("searchable-select__option");
15815
+ optionItem.textContent = item.label;
15816
+ optionItem.setAttribute("data-value", item.value);
15817
+ if (item.value === currentValue2) {
15818
+ optionItem.classList.add("searchable-select__option--selected");
15819
+ }
15820
+ optionItem.onclick = (e) => {
15821
+ e.stopPropagation();
15822
+ const selectedValue = optionItem.getAttribute("data-value") || "";
15823
+ input2.value = item.label;
15824
+ const allOptions = dropdown.querySelectorAll(".searchable-select__option");
15825
+ allOptions.forEach((opt) => {
15826
+ opt.classList.remove("searchable-select__option--selected");
15827
+ });
15828
+ optionItem.classList.add("searchable-select__option--selected");
15829
+ const dropdownInfo3 = this.searchDropdowns.get(option.name);
15830
+ if (dropdownInfo3) {
15831
+ dropdownInfo3.selectedValue = selectedValue;
15832
+ }
15833
+ dropdown.style.display = "none";
15834
+ };
15835
+ dropdown.append(optionItem);
15836
+ });
15837
+ }
15838
+ };
15839
+ renderOptions();
15840
+ input2.oninput = () => {
15841
+ renderOptions(input2.value);
15842
+ dropdown.style.display = "block";
15843
+ };
15844
+ input2.onclick = (e) => {
15845
+ e.stopPropagation();
15846
+ const allDropdowns = document.querySelectorAll(".searchable-select__dropdown");
15847
+ allDropdowns.forEach((d) => {
15848
+ if (d !== dropdown) {
15849
+ d.style.display = "none";
15850
+ }
15851
+ });
15852
+ dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
15853
+ };
15854
+ arrow.onclick = (e) => {
15855
+ e.stopPropagation();
15856
+ const allDropdowns = document.querySelectorAll(".searchable-select__dropdown");
15857
+ allDropdowns.forEach((d) => {
15858
+ if (d !== dropdown) {
15859
+ d.style.display = "none";
15860
+ }
15861
+ });
15862
+ dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
15863
+ input2.focus();
15864
+ };
15865
+ const closeDropdown = (e) => {
15866
+ const target = e.target;
15867
+ if (!container.contains(target)) {
15868
+ dropdown.style.display = "none";
15869
+ }
15870
+ };
15871
+ document.addEventListener("click", closeDropdown);
15872
+ const hiddenSelect = document.createElement("select");
15873
+ hiddenSelect.style.display = "none";
15874
+ hiddenSelect.name = option.name;
15875
+ hiddenSelect.value = option.value || "";
15876
+ (_a = option.options) == null ? void 0 : _a.forEach((item) => {
15877
+ const optionItem = document.createElement("option");
15878
+ optionItem.value = item.value;
15879
+ optionItem.label = item.label;
15880
+ hiddenSelect.append(optionItem);
15881
+ });
15882
+ this.searchDropdowns.set(option.name, {
15883
+ selectedValue: option.value || "",
15884
+ selectElement: hiddenSelect
15885
+ });
15886
+ container.append(inputWrapper);
15887
+ container.append(dropdown);
15888
+ container.append(hiddenSelect);
15889
+ return container;
15890
+ }
15685
15891
  _dispose() {
15686
15892
  var _a, _b;
15687
15893
  (_a = this.mask) == null ? void 0 : _a.remove();
@@ -15976,7 +16182,8 @@ function formCheckboxPropertiesConfigDialog(el, editor) {
15976
16182
  const fontFamily = (_h2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _h2.value;
15977
16183
  const type = "checkbox";
15978
16184
  const formInputKeys = editor.getExtensionParam("formInputKeys");
15979
- formInputKeys.find((kel2) => kel2.value === key) ? JSON.parse(kel) : "";
16185
+ const item = formInputKeys.find((item2) => item2.value === key);
16186
+ const elemProp = item ? JSON.stringify(item) : "";
15980
16187
  const formInput = {
15981
16188
  key,
15982
16189
  width,
@@ -15986,7 +16193,8 @@ function formCheckboxPropertiesConfigDialog(el, editor) {
15986
16193
  fontSize,
15987
16194
  fontFamily,
15988
16195
  color,
15989
- type
16196
+ type,
16197
+ elemProp
15990
16198
  };
15991
16199
  const imageDataUrl = generateCheckboxImage({
15992
16200
  checked,
@@ -16116,7 +16324,8 @@ function formRadioPropertiesConfigDialog(el, editor) {
16116
16324
  const fontFamily = (_h2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _h2.value;
16117
16325
  const type = "radio";
16118
16326
  const formInputKeys = editor.getExtensionParam("formInputKeys");
16119
- formInputKeys.find((kel2) => kel2.value === key) ? JSON.parse(kel) : "";
16327
+ const item = formInputKeys.find((item2) => item2.value === key);
16328
+ const elemProp = item ? JSON.stringify(item) : "";
16120
16329
  const formInput = {
16121
16330
  key,
16122
16331
  width,
@@ -16126,7 +16335,8 @@ function formRadioPropertiesConfigDialog(el, editor) {
16126
16335
  fontSize,
16127
16336
  fontFamily,
16128
16337
  color,
16129
- type
16338
+ type,
16339
+ elemProp
16130
16340
  };
16131
16341
  const imageDataUrl = generateRadioImage({
16132
16342
  checked,
@@ -16315,7 +16525,8 @@ function formInputPropertiesConfigDialog(el, editor) {
16315
16525
  const fontFamily = (_h2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _h2.value;
16316
16526
  const type = "input";
16317
16527
  const formInputKeys = editor.getExtensionParam("formInputKeys");
16318
- const elemProp = formInputKeys.find((kel2) => kel2.value === key) ? JSON.parse(kel) : "";
16528
+ const item = formInputKeys.find((item2) => item2.value === key);
16529
+ const elemProp = item ? JSON.stringify(item) : "";
16319
16530
  const txtFillType = (_i2 = payload.find((p) => p.name === "txtFillType")) == null ? void 0 : _i2.value;
16320
16531
  const txtRowAutoFlag = (_j2 = payload.find((p) => p.name === "txtRowAutoFlag")) == null ? void 0 : _j2.value;
16321
16532
  const txtEditFlag = (_k2 = payload.find((p) => p.name === "txtEditFlag")) == null ? void 0 : _k2.value;
@@ -16344,7 +16555,8 @@ function formInputPropertiesConfigDialog(el, editor) {
16344
16555
  "type": ElementType.IMAGE,
16345
16556
  "formInput": formInput,
16346
16557
  "width": Number(width),
16347
- "height": Number(height)
16558
+ "height": Number(height),
16559
+ "verticalAlign": "text-top"
16348
16560
  };
16349
16561
  if (el == null ? void 0 : el.id) {
16350
16562
  const deleteOpt = {
@@ -16361,156 +16573,882 @@ function formInputPropertiesConfigDialog(el, editor) {
16361
16573
  }
16362
16574
  });
16363
16575
  }
16364
- class Previewer {
16365
- constructor(draw) {
16366
- this._keydown = () => {
16367
- if (this.resizerSelection.style.display === "block") {
16368
- this.clearResizer();
16369
- document.removeEventListener("keydown", this._keydown);
16370
- }
16371
- };
16372
- this.container = draw.getContainer();
16373
- this.canvas = draw.getPage();
16374
- this.draw = draw;
16375
- this.options = draw.getOptions();
16376
- this.curElement = null;
16377
- this.curElementSrc = "";
16378
- this.previewerDrawOption = {};
16379
- this.curPosition = null;
16380
- this.eventBus = draw.getEventBus();
16381
- this.imageList = [];
16382
- this.curShowElement = null;
16383
- this.imageCount = null;
16384
- this.imagePre = null;
16385
- this.imageNext = null;
16386
- const { resizerSelection, resizerHandleList, resizerImageContainer, resizerImage, resizerSize } = this._createResizerDom();
16387
- this.resizerSelection = resizerSelection;
16388
- this.resizerHandleList = resizerHandleList;
16389
- this.resizerImageContainer = resizerImageContainer;
16390
- this.resizerImage = resizerImage;
16391
- this.resizerSize = resizerSize;
16392
- this.width = 0;
16393
- this.height = 0;
16394
- this.mousedownX = 0;
16395
- this.mousedownY = 0;
16396
- this.curHandleIndex = 0;
16397
- this.previewerContainer = null;
16398
- this.previewerImage = null;
16576
+ function generateImagePropertiesImage(options) {
16577
+ const config = {
16578
+ key: "",
16579
+ width: 200,
16580
+ height: 150,
16581
+ picAutoFlag: false,
16582
+ picFillType: "default",
16583
+ borderColor: "#000000",
16584
+ borderWidth: 1,
16585
+ ...options
16586
+ };
16587
+ const canvas = document.createElement("canvas");
16588
+ const ctx = canvas.getContext("2d");
16589
+ canvas.width = config.width;
16590
+ canvas.height = config.height;
16591
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
16592
+ ctx.fillStyle = "#ffffff";
16593
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
16594
+ ctx.strokeStyle = config.borderColor;
16595
+ ctx.lineWidth = config.borderWidth;
16596
+ ctx.strokeRect(
16597
+ config.borderWidth / 2,
16598
+ config.borderWidth / 2,
16599
+ config.width - config.borderWidth,
16600
+ config.height - config.borderWidth
16601
+ );
16602
+ const iconSize = 60;
16603
+ const iconX = (config.width - iconSize) / 2;
16604
+ const iconY = config.height / 2 - iconSize / 2 - 10;
16605
+ ctx.strokeStyle = "#999999";
16606
+ ctx.lineWidth = 2;
16607
+ ctx.strokeRect(iconX, iconY, iconSize, iconSize);
16608
+ ctx.fillStyle = "#cccccc";
16609
+ ctx.beginPath();
16610
+ ctx.moveTo(iconX + 10, iconY + iconSize - 10);
16611
+ ctx.lineTo(iconX + iconSize / 2, iconY + 15);
16612
+ ctx.lineTo(iconX + iconSize - 10, iconY + iconSize - 10);
16613
+ ctx.closePath();
16614
+ ctx.fill();
16615
+ ctx.fillStyle = "#ffcc00";
16616
+ ctx.beginPath();
16617
+ ctx.arc(iconX + iconSize - 20, iconY + 15, 8, 0, Math.PI * 2);
16618
+ ctx.fill();
16619
+ if (config.key) {
16620
+ ctx.font = "14px SimSun";
16621
+ ctx.fillStyle = "#000000";
16622
+ ctx.textAlign = "center";
16623
+ ctx.textBaseline = "middle";
16624
+ ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
16399
16625
  }
16400
- _getElementPosition(element, position = null) {
16401
- var _a;
16402
- const { scale } = this.options;
16403
- let x = 0;
16404
- let y = 0;
16405
- const height = this.draw.getHeight();
16406
- const pageGap = this.draw.getPageGap();
16407
- const pageNo = (_a = position == null ? void 0 : position.pageNo) != null ? _a : this.draw.getPageNo();
16408
- const preY = pageNo * (height + pageGap);
16409
- if (element.imgFloatPosition) {
16410
- x = element.imgFloatPosition.x * scale;
16411
- y = element.imgFloatPosition.y * scale + preY;
16412
- } else if (position) {
16413
- const { coordinate: { leftTop: [left2, top] }, ascent } = position;
16414
- x = left2;
16415
- y = top + preY + ascent;
16416
- }
16417
- return { x, y };
16626
+ if (config.picAutoFlag) {
16627
+ ctx.font = "12px SimSun";
16628
+ ctx.fillStyle = "#5175f4";
16629
+ ctx.textAlign = "left";
16630
+ ctx.fillText("\u2713 \u81EA\u9002\u5E94", 10, config.height - 15);
16418
16631
  }
16419
- _createResizerDom() {
16420
- const { scale } = this.options;
16421
- const resizerSelection = document.createElement("div");
16422
- resizerSelection.classList.add(`${EDITOR_PREFIX}-resizer-selection`);
16423
- resizerSelection.style.display = "none";
16424
- resizerSelection.style.borderColor = this.options.resizerColor;
16425
- resizerSelection.style.borderWidth = `${scale}px`;
16426
- const resizerHandleList = [];
16427
- for (let i = 0; i < 8; i++) {
16428
- const handleDom = document.createElement("div");
16429
- handleDom.style.background = this.options.resizerColor;
16430
- handleDom.classList.add(`resizer-handle`);
16431
- handleDom.classList.add(`handle-${i}`);
16432
- handleDom.setAttribute("data-index", String(i));
16433
- handleDom.onmousedown = this._mousedown.bind(this);
16434
- resizerSelection.append(handleDom);
16435
- resizerHandleList.push(handleDom);
16436
- }
16437
- this.container.append(resizerSelection);
16438
- const resizerSizeView = document.createElement("div");
16439
- resizerSizeView.classList.add(`${EDITOR_PREFIX}-resizer-size-view`);
16440
- const resizerSize = document.createElement("span");
16441
- resizerSizeView.append(resizerSize);
16442
- resizerSelection.append(resizerSizeView);
16443
- const resizerImageContainer = document.createElement("div");
16444
- resizerImageContainer.classList.add(`${EDITOR_PREFIX}-resizer-image`);
16445
- resizerImageContainer.style.display = "none";
16446
- const resizerImage = document.createElement("img");
16447
- resizerImageContainer.append(resizerImage);
16448
- this.container.append(resizerImageContainer);
16449
- return {
16450
- resizerSelection,
16451
- resizerHandleList,
16452
- resizerImageContainer,
16453
- resizerImage,
16454
- resizerSize
16455
- };
16632
+ const picFillTypeText = config.picFillType === "default" ? "\u9ED8\u8BA4\u5927\u5C0F" : config.picFillType === "split" ? "\u5206\u5272" : "\u987A\u5E8F";
16633
+ ctx.font = "12px SimSun";
16634
+ ctx.fillStyle = "#666666";
16635
+ ctx.textAlign = "right";
16636
+ ctx.fillText(`\u586B\u5145: ${picFillTypeText}`, config.width - 10, config.height - 15);
16637
+ return canvas.toDataURL("image/png");
16638
+ }
16639
+ function generateSignatureImage(options) {
16640
+ const config = {
16641
+ key: "",
16642
+ width: 200,
16643
+ height: 100,
16644
+ picAutoFlag: false,
16645
+ borderColor: "#000000",
16646
+ borderWidth: 1,
16647
+ ...options
16648
+ };
16649
+ const canvas = document.createElement("canvas");
16650
+ const ctx = canvas.getContext("2d");
16651
+ canvas.width = config.width;
16652
+ canvas.height = config.height;
16653
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
16654
+ ctx.fillStyle = "#ffffff";
16655
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
16656
+ ctx.strokeStyle = config.borderColor;
16657
+ ctx.lineWidth = config.borderWidth;
16658
+ ctx.strokeRect(
16659
+ config.borderWidth / 2,
16660
+ config.borderWidth / 2,
16661
+ config.width - config.borderWidth,
16662
+ config.height - config.borderWidth
16663
+ );
16664
+ const iconSize = 50;
16665
+ const iconX = (config.width - iconSize) / 2;
16666
+ const iconY = config.height / 2 - iconSize / 2 - 5;
16667
+ ctx.fillStyle = "#4a90e2";
16668
+ ctx.beginPath();
16669
+ ctx.moveTo(iconX + 10, iconY + iconSize);
16670
+ ctx.lineTo(iconX + iconSize - 10, iconY + 10);
16671
+ ctx.lineTo(iconX + iconSize, iconY + 15);
16672
+ ctx.lineTo(iconX + 15, iconY + iconSize + 5);
16673
+ ctx.closePath();
16674
+ ctx.fill();
16675
+ ctx.fillStyle = "#333333";
16676
+ ctx.beginPath();
16677
+ ctx.moveTo(iconX + 10, iconY + iconSize);
16678
+ ctx.lineTo(iconX + 15, iconY + iconSize + 5);
16679
+ ctx.lineTo(iconX + 5, iconY + iconSize + 8);
16680
+ ctx.closePath();
16681
+ ctx.fill();
16682
+ if (config.key) {
16683
+ ctx.font = "14px SimSun";
16684
+ ctx.fillStyle = "#000000";
16685
+ ctx.textAlign = "center";
16686
+ ctx.textBaseline = "middle";
16687
+ ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
16456
16688
  }
16457
- _mousedown(evt) {
16458
- this.canvas = this.draw.getPage();
16459
- if (!this.curElement)
16460
- return;
16461
- const { scale } = this.options;
16462
- this.mousedownX = evt.x;
16463
- this.mousedownY = evt.y;
16464
- const target = evt.target;
16465
- this.curHandleIndex = Number(target.dataset.index);
16466
- const cursor = window.getComputedStyle(target).cursor;
16467
- document.body.style.cursor = cursor;
16468
- this.canvas.style.cursor = cursor;
16469
- if (this.curElement.formInput) {
16470
- console.log("this.curElement.formInput", this.curElement.formInput);
16471
- console.log("this.curElement.formInput.type", this.curElement.formInput.type);
16472
- this.curElement.formInput.width = `${this.curElement.width * scale}`;
16473
- this.curElement.formInput.height = `${this.curElement.height * scale}`;
16474
- if (this.curElement.formInput.type == "checkbox") {
16475
- this.curElementSrc = generateCheckboxImage(this.curElement.formInput);
16476
- } else if (this.curElement.formInput.type == "radio") {
16477
- this.curElementSrc = generateRadioImage(this.curElement.formInput);
16478
- } else {
16479
- this.curElementSrc = generateTextImage({
16480
- text: this.curElement.formInput.key,
16481
- width: this.curElement.formInput.width,
16482
- height: this.curElement.formInput.height
16483
- });
16484
- }
16485
- }
16486
- console.log(this.curElement);
16487
- this.resizerImage.src = this.curElementSrc;
16488
- this.resizerImageContainer.style.display = "block";
16489
- const { x: resizerLeft, y: resizerTop } = this._getElementPosition(this.curElement, this.curPosition);
16490
- this.resizerImageContainer.style.left = `${resizerLeft}px`;
16491
- this.resizerImageContainer.style.top = `${resizerTop}px`;
16492
- this.resizerImage.style.width = `${this.curElement.width * scale}px`;
16493
- this.resizerImage.style.height = `${this.curElement.height * scale}px`;
16494
- const mousemoveFn = this._mousemove.bind(this);
16495
- document.addEventListener("mousemove", mousemoveFn);
16496
- document.addEventListener("mouseup", () => {
16497
- var _a;
16498
- if (this.curElement && !this.previewerDrawOption.dragDisable) {
16499
- this.curElement.width = this.width;
16500
- this.curElement.height = this.height;
16501
- if (this.curElement.formInput) {
16502
- this.curElement.formInput.width = `${this.width}`;
16503
- this.curElement.formInput.height = `${this.height}`;
16504
- if (this.curElement.formInput.type == "checkbox") {
16505
- this.curElementSrc = generateCheckboxImage(this.curElement.formInput);
16506
- } else if (this.curElement.formInput.type == "radio") {
16507
- this.curElementSrc = generateRadioImage(this.curElement.formInput);
16508
- } else {
16509
- this.curElementSrc = generateTextImage({
16510
- text: this.curElement.formInput.key,
16511
- width: this.curElement.formInput.width,
16512
- height: this.curElement.formInput.height
16513
- });
16689
+ if (config.picAutoFlag) {
16690
+ ctx.font = "12px SimSun";
16691
+ ctx.fillStyle = "#5175f4";
16692
+ ctx.textAlign = "left";
16693
+ ctx.fillText("\u2713 \u81EA\u9002\u5E94", 10, config.height - 15);
16694
+ }
16695
+ ctx.font = "12px SimSun";
16696
+ ctx.fillStyle = "#666666";
16697
+ ctx.textAlign = "right";
16698
+ ctx.fillText("\u7B7E\u5B57\u6846", config.width - 10, config.height - 15);
16699
+ return canvas.toDataURL("image/png");
16700
+ }
16701
+ function generateSealImage(options) {
16702
+ const config = {
16703
+ key: "",
16704
+ width: 200,
16705
+ height: 100,
16706
+ picAutoFlag: false,
16707
+ borderColor: "#000000",
16708
+ borderWidth: 1,
16709
+ ...options
16710
+ };
16711
+ const canvas = document.createElement("canvas");
16712
+ const ctx = canvas.getContext("2d");
16713
+ canvas.width = config.width;
16714
+ canvas.height = config.height;
16715
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
16716
+ ctx.fillStyle = "#ffffff";
16717
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
16718
+ ctx.strokeStyle = config.borderColor;
16719
+ ctx.lineWidth = config.borderWidth;
16720
+ ctx.strokeRect(
16721
+ config.borderWidth / 2,
16722
+ config.borderWidth / 2,
16723
+ config.width - config.borderWidth,
16724
+ config.height - config.borderWidth
16725
+ );
16726
+ const iconSize = 50;
16727
+ const iconX = (config.width - iconSize) / 2;
16728
+ const iconY = config.height / 2 - iconSize / 2 - 5;
16729
+ const centerX = iconX + iconSize / 2;
16730
+ const centerY = iconY + iconSize / 2;
16731
+ ctx.strokeStyle = "#e74c3c";
16732
+ ctx.lineWidth = 2.5;
16733
+ ctx.beginPath();
16734
+ ctx.arc(centerX, centerY, iconSize / 2 - 5, 0, Math.PI * 2);
16735
+ ctx.stroke();
16736
+ ctx.strokeStyle = "#e74c3c";
16737
+ ctx.lineWidth = 1.5;
16738
+ ctx.beginPath();
16739
+ ctx.arc(centerX, centerY, iconSize / 2 - 10, 0, Math.PI * 2);
16740
+ ctx.stroke();
16741
+ ctx.fillStyle = "#e74c3c";
16742
+ ctx.font = "bold 16px SimSun";
16743
+ ctx.textAlign = "center";
16744
+ ctx.textBaseline = "middle";
16745
+ ctx.fillText("\u7AE0", centerX, centerY);
16746
+ if (config.key) {
16747
+ ctx.font = "14px SimSun";
16748
+ ctx.fillStyle = "#000000";
16749
+ ctx.textAlign = "center";
16750
+ ctx.textBaseline = "middle";
16751
+ ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
16752
+ }
16753
+ if (config.picAutoFlag) {
16754
+ ctx.font = "12px SimSun";
16755
+ ctx.fillStyle = "#5175f4";
16756
+ ctx.textAlign = "left";
16757
+ ctx.fillText("\u2713 \u81EA\u9002\u5E94", 10, config.height - 15);
16758
+ }
16759
+ ctx.font = "12px SimSun";
16760
+ ctx.fillStyle = "#666666";
16761
+ ctx.textAlign = "right";
16762
+ ctx.fillText("\u7B7E\u7AE0\u6846", config.width - 10, config.height - 15);
16763
+ return canvas.toDataURL("image/png");
16764
+ }
16765
+ function generateRiskCopyImage(options) {
16766
+ const config = {
16767
+ key: "",
16768
+ width: 200,
16769
+ height: 100,
16770
+ riskCopyContent: "",
16771
+ borderColor: "#000000",
16772
+ borderWidth: 1,
16773
+ ...options
16774
+ };
16775
+ const canvas = document.createElement("canvas");
16776
+ const ctx = canvas.getContext("2d");
16777
+ canvas.width = config.width;
16778
+ canvas.height = config.height;
16779
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
16780
+ ctx.fillStyle = "#ffffff";
16781
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
16782
+ ctx.strokeStyle = config.borderColor;
16783
+ ctx.lineWidth = config.borderWidth;
16784
+ ctx.strokeRect(
16785
+ config.borderWidth / 2,
16786
+ config.borderWidth / 2,
16787
+ config.width - config.borderWidth,
16788
+ config.height - config.borderWidth
16789
+ );
16790
+ const iconSize = 50;
16791
+ const iconX = (config.width - iconSize) / 2;
16792
+ const iconY = config.height / 2 - iconSize / 2 - 5;
16793
+ ctx.strokeStyle = "#f39c12";
16794
+ ctx.lineWidth = 2;
16795
+ ctx.strokeRect(iconX + 5, iconY + 5, iconSize - 10, iconSize - 10);
16796
+ ctx.beginPath();
16797
+ ctx.moveTo(iconX + 10, iconY + 15);
16798
+ ctx.lineTo(iconX + iconSize - 10, iconY + 15);
16799
+ ctx.moveTo(iconX + 10, iconY + 25);
16800
+ ctx.lineTo(iconX + iconSize - 10, iconY + 25);
16801
+ ctx.moveTo(iconX + 10, iconY + 35);
16802
+ ctx.lineTo(iconX + iconSize - 20, iconY + 35);
16803
+ ctx.stroke();
16804
+ ctx.fillStyle = "#e74c3c";
16805
+ ctx.beginPath();
16806
+ ctx.moveTo(iconX + iconSize - 15, iconY + 5);
16807
+ ctx.lineTo(iconX + iconSize - 5, iconY + 20);
16808
+ ctx.lineTo(iconX + iconSize - 25, iconY + 20);
16809
+ ctx.closePath();
16810
+ ctx.fill();
16811
+ ctx.fillStyle = "#ffffff";
16812
+ ctx.font = "bold 12px Arial";
16813
+ ctx.textAlign = "center";
16814
+ ctx.textBaseline = "middle";
16815
+ ctx.fillText("!", iconX + iconSize - 15, iconY + 14);
16816
+ if (config.key) {
16817
+ ctx.font = "14px SimSun";
16818
+ ctx.fillStyle = "#000000";
16819
+ ctx.textAlign = "center";
16820
+ ctx.textBaseline = "middle";
16821
+ ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
16822
+ }
16823
+ if (config.riskCopyContent) {
16824
+ ctx.font = "11px SimSun";
16825
+ ctx.fillStyle = "#666666";
16826
+ ctx.textAlign = "left";
16827
+ const previewText = config.riskCopyContent.length > 20 ? config.riskCopyContent.substring(0, 20) + "..." : config.riskCopyContent;
16828
+ ctx.fillText(previewText, 10, config.height - 30);
16829
+ }
16830
+ ctx.font = "12px SimSun";
16831
+ ctx.fillStyle = "#666666";
16832
+ ctx.textAlign = "right";
16833
+ ctx.fillText("\u98CE\u9669\u6284\u5F55", config.width - 10, config.height - 15);
16834
+ return canvas.toDataURL("image/png");
16835
+ }
16836
+ function formImagePropertiesConfigDialog(el, editor) {
16837
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
16838
+ console.log("el", el);
16839
+ new Dialog({
16840
+ title: "\u56FE\u7247\u5C5E\u6027\u914D\u7F6E",
16841
+ data: [
16842
+ {
16843
+ type: "select",
16844
+ label: "\u5143\u7D20\u540D\u79F0",
16845
+ name: "key",
16846
+ required: true,
16847
+ value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
16848
+ placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
16849
+ options: editor.getExtensionParam("picKeys") == void 0 || editor.getExtensionParam("picKeys") == null ? [] : editor.getExtensionParam("picKeys")
16850
+ },
16851
+ {
16852
+ type: "number",
16853
+ label: "\u5BBD\u5EA6 (px)",
16854
+ name: "width",
16855
+ required: true,
16856
+ placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
16857
+ value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
16858
+ },
16859
+ {
16860
+ type: "number",
16861
+ label: "\u9AD8\u5EA6 (px)",
16862
+ name: "height",
16863
+ required: true,
16864
+ placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
16865
+ value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "150"
16866
+ },
16867
+ {
16868
+ type: "select",
16869
+ label: "\u662F\u5426\u81EA\u9002\u5E94",
16870
+ name: "picAutoFlag",
16871
+ required: false,
16872
+ value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.picAutoFlag) ? "0" : "1",
16873
+ options: [
16874
+ {
16875
+ label: "\u5426",
16876
+ value: "1"
16877
+ },
16878
+ {
16879
+ label: "\u662F",
16880
+ value: "0"
16881
+ }
16882
+ ]
16883
+ },
16884
+ {
16885
+ type: "select",
16886
+ label: "\u662F\u5426\u7F29\u653E\u56FE\u7247",
16887
+ name: "reduceSizeFlag",
16888
+ required: false,
16889
+ value: ((_h = el == null ? void 0 : el.formInput) == null ? void 0 : _h.reduceSizeFlag) ? "0" : "1",
16890
+ options: [
16891
+ {
16892
+ label: "\u5426",
16893
+ value: "1"
16894
+ },
16895
+ {
16896
+ label: "\u662F",
16897
+ value: "0"
16898
+ }
16899
+ ]
16900
+ },
16901
+ {
16902
+ type: "select",
16903
+ label: "\u56FE\u7247\u586B\u5145\u914D\u7F6E",
16904
+ name: "picFillType",
16905
+ required: true,
16906
+ value: (_j = (_i = el == null ? void 0 : el.formInput) == null ? void 0 : _i.picFillType) != null ? _j : "0",
16907
+ options: [
16908
+ {
16909
+ label: "\u9ED8\u8BA4\u5927\u5C0F",
16910
+ value: "0"
16911
+ },
16912
+ {
16913
+ label: "\u5206\u5272",
16914
+ value: "1"
16915
+ },
16916
+ {
16917
+ label: "\u987A\u5E8F",
16918
+ value: "2"
16919
+ }
16920
+ ]
16921
+ },
16922
+ {
16923
+ type: "number",
16924
+ label: "\u884C\u6570",
16925
+ name: "rowNum",
16926
+ required: false,
16927
+ placeholder: "\u8BF7\u8F93\u5165\u884C\u6570",
16928
+ value: (_l = (_k = el == null ? void 0 : el.formInput) == null ? void 0 : _k.rowNum) != null ? _l : "1"
16929
+ },
16930
+ {
16931
+ type: "number",
16932
+ label: "\u5217\u6570",
16933
+ name: "colNum",
16934
+ required: false,
16935
+ placeholder: "\u8BF7\u8F93\u5165\u5217\u6570",
16936
+ value: (_n = (_m = el == null ? void 0 : el.formInput) == null ? void 0 : _m.colNum) != null ? _n : "1"
16937
+ }
16938
+ ],
16939
+ onConfirm: (payload) => {
16940
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
16941
+ console.log("payload: ", payload);
16942
+ const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
16943
+ if (!key)
16944
+ return;
16945
+ const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
16946
+ if (!width)
16947
+ return;
16948
+ const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
16949
+ if (!height)
16950
+ return;
16951
+ const picAutoFlag = ((_d2 = payload.find((p) => p.name === "picAutoFlag")) == null ? void 0 : _d2.value) === "true";
16952
+ const picFillType = ((_e2 = payload.find((p) => p.name === "picFillType")) == null ? void 0 : _e2.value) || "default";
16953
+ const type = "image";
16954
+ const picKeys = editor.getExtensionParam("picKeys");
16955
+ if (!picKeys)
16956
+ return;
16957
+ const item = picKeys.find((item2) => item2.value === key);
16958
+ const elemProp = item ? JSON.stringify(item) : "";
16959
+ const reduceSizeFlag = ((_f2 = payload.find((p) => p.name === "reduceSizeFlag")) == null ? void 0 : _f2.value) || "1";
16960
+ const rowNum = ((_g2 = payload.find((p) => p.name === "rowNum")) == null ? void 0 : _g2.value) || "1";
16961
+ const colNum = ((_h2 = payload.find((p) => p.name === "colNum")) == null ? void 0 : _h2.value) || "1";
16962
+ const formInput = {
16963
+ key,
16964
+ width,
16965
+ height,
16966
+ type,
16967
+ picAutoFlag,
16968
+ picFillType,
16969
+ elemProp,
16970
+ reduceSizeFlag,
16971
+ rowNum,
16972
+ colNum
16973
+ };
16974
+ const imageDataUrl = generateImagePropertiesImage({
16975
+ key,
16976
+ width: Number(width),
16977
+ height: Number(height),
16978
+ picAutoFlag,
16979
+ picFillType
16980
+ });
16981
+ const param = {
16982
+ value: imageDataUrl,
16983
+ type: ElementType.IMAGE,
16984
+ formInput,
16985
+ width: Number(width),
16986
+ height: Number(height)
16987
+ };
16988
+ if (el == null ? void 0 : el.id) {
16989
+ const updateOpt = {
16990
+ id: el.id,
16991
+ properties: param
16992
+ };
16993
+ console.log("updateOpt", updateOpt);
16994
+ editor.command.executeUpdateElementById(updateOpt);
16995
+ return;
16996
+ }
16997
+ editor.command.executeInsertElementList([param]);
16998
+ }
16999
+ });
17000
+ }
17001
+ function formSignatureConfigDialog(el, editor) {
17002
+ var _a, _b, _c, _d, _e, _f, _g, _h;
17003
+ console.log("el", el);
17004
+ new Dialog({
17005
+ title: "\u7B7E\u5B57\u6846\u914D\u7F6E",
17006
+ data: [
17007
+ {
17008
+ type: "select",
17009
+ label: "\u5143\u7D20\u540D\u79F0",
17010
+ name: "key",
17011
+ required: true,
17012
+ value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
17013
+ placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
17014
+ options: editor.getExtensionParam("signPicKeys") == void 0 || editor.getExtensionParam("signPicKeys") == null ? [] : editor.getExtensionParam("signPicKeys")
17015
+ },
17016
+ {
17017
+ type: "number",
17018
+ label: "\u5BBD\u5EA6 (px)",
17019
+ name: "width",
17020
+ required: true,
17021
+ placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
17022
+ value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
17023
+ },
17024
+ {
17025
+ type: "number",
17026
+ label: "\u9AD8\u5EA6 (px)",
17027
+ name: "height",
17028
+ required: true,
17029
+ placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
17030
+ value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "100"
17031
+ },
17032
+ {
17033
+ type: "select",
17034
+ label: "\u662F\u5426\u81EA\u9002\u5E94",
17035
+ name: "picAutoFlag",
17036
+ required: false,
17037
+ value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.picAutoFlag) ? "0" : "1",
17038
+ options: [
17039
+ {
17040
+ label: "\u5426",
17041
+ value: "1"
17042
+ },
17043
+ {
17044
+ label: "\u662F",
17045
+ value: "0"
17046
+ }
17047
+ ]
17048
+ },
17049
+ {
17050
+ type: "select",
17051
+ label: "\u662F\u5426\u7F29\u653E",
17052
+ name: "reduceSizeFlag",
17053
+ required: false,
17054
+ value: ((_h = el == null ? void 0 : el.formInput) == null ? void 0 : _h.reduceSizeFlag) ? "0" : "1",
17055
+ options: [
17056
+ {
17057
+ label: "\u5426",
17058
+ value: "1"
17059
+ },
17060
+ {
17061
+ label: "\u662F",
17062
+ value: "0"
17063
+ }
17064
+ ]
17065
+ }
17066
+ ],
17067
+ onConfirm: (payload) => {
17068
+ var _a2, _b2, _c2, _d2, _e2;
17069
+ console.log("payload: ", payload);
17070
+ const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
17071
+ if (!key)
17072
+ return;
17073
+ const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
17074
+ if (!width)
17075
+ return;
17076
+ const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
17077
+ if (!height)
17078
+ return;
17079
+ const picAutoFlag = ((_d2 = payload.find((p) => p.name === "picAutoFlag")) == null ? void 0 : _d2.value) === "0";
17080
+ const type = "signature";
17081
+ const signPicKeys = editor.getExtensionParam("signPicKeys");
17082
+ const item = signPicKeys.find((item2) => item2.value === key);
17083
+ const elemProp = item ? JSON.stringify(item) : "";
17084
+ const reduceSizeFlag = ((_e2 = payload.find((p) => p.name === "reduceSizeFlag")) == null ? void 0 : _e2.value) || "1";
17085
+ const formInput = {
17086
+ key,
17087
+ width,
17088
+ height,
17089
+ type,
17090
+ picAutoFlag,
17091
+ elemProp,
17092
+ reduceSizeFlag
17093
+ };
17094
+ const imageDataUrl = generateSignatureImage({
17095
+ key,
17096
+ width: Number(width),
17097
+ height: Number(height),
17098
+ picAutoFlag
17099
+ });
17100
+ const param = {
17101
+ value: imageDataUrl,
17102
+ type: ElementType.IMAGE,
17103
+ formInput,
17104
+ width: Number(width),
17105
+ height: Number(height)
17106
+ };
17107
+ if (el == null ? void 0 : el.id) {
17108
+ const updateOpt = {
17109
+ id: el.id,
17110
+ properties: param
17111
+ };
17112
+ console.log("updateOpt", updateOpt);
17113
+ editor.command.executeUpdateElementById(updateOpt);
17114
+ return;
17115
+ }
17116
+ editor.command.executeInsertElementList([param]);
17117
+ }
17118
+ });
17119
+ }
17120
+ function formSealConfigDialog(el, editor) {
17121
+ var _a, _b, _c, _d, _e, _f, _g;
17122
+ console.log("el", el);
17123
+ new Dialog({
17124
+ title: "\u7B7E\u7AE0\u6846\u914D\u7F6E",
17125
+ data: [
17126
+ {
17127
+ type: "select",
17128
+ label: "\u5143\u7D20\u540D\u79F0",
17129
+ name: "key",
17130
+ required: true,
17131
+ value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
17132
+ placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
17133
+ options: editor.getExtensionParam("sealPicKeys") == void 0 || editor.getExtensionParam("sealPicKeys") == null ? [] : editor.getExtensionParam("sealPicKeys")
17134
+ },
17135
+ {
17136
+ type: "number",
17137
+ label: "\u5BBD\u5EA6 (px)",
17138
+ name: "width",
17139
+ required: true,
17140
+ placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
17141
+ value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
17142
+ },
17143
+ {
17144
+ type: "number",
17145
+ label: "\u9AD8\u5EA6 (px)",
17146
+ name: "height",
17147
+ required: true,
17148
+ placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
17149
+ value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "100"
17150
+ },
17151
+ {
17152
+ type: "select",
17153
+ label: "\u662F\u5426\u81EA\u9002\u5E94",
17154
+ name: "picAutoFlag",
17155
+ required: false,
17156
+ value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.picAutoFlag) ? "0" : "1",
17157
+ options: [
17158
+ {
17159
+ label: "\u5426",
17160
+ value: "1"
17161
+ },
17162
+ {
17163
+ label: "\u662F",
17164
+ value: "0"
17165
+ }
17166
+ ]
17167
+ }
17168
+ ],
17169
+ onConfirm: (payload) => {
17170
+ var _a2, _b2, _c2, _d2;
17171
+ console.log("payload: ", payload);
17172
+ const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
17173
+ if (!key)
17174
+ return;
17175
+ const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
17176
+ if (!width)
17177
+ return;
17178
+ const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
17179
+ if (!height)
17180
+ return;
17181
+ const picAutoFlag = ((_d2 = payload.find((p) => p.name === "picAutoFlag")) == null ? void 0 : _d2.value) === "0";
17182
+ const type = "seal";
17183
+ const sealPicKeys = editor.getExtensionParam("sealPicKeys");
17184
+ const item = sealPicKeys.find((item2) => item2.value === key);
17185
+ const elemProp = item ? JSON.stringify(item) : "";
17186
+ const formInput = {
17187
+ key,
17188
+ width,
17189
+ height,
17190
+ type,
17191
+ picAutoFlag,
17192
+ elemProp
17193
+ };
17194
+ const imageDataUrl = generateSealImage({
17195
+ key,
17196
+ width: Number(width),
17197
+ height: Number(height),
17198
+ picAutoFlag
17199
+ });
17200
+ const param = {
17201
+ value: imageDataUrl,
17202
+ type: ElementType.IMAGE,
17203
+ formInput,
17204
+ width: Number(width),
17205
+ height: Number(height)
17206
+ };
17207
+ if (el == null ? void 0 : el.id) {
17208
+ const updateOpt = {
17209
+ id: el.id,
17210
+ properties: param
17211
+ };
17212
+ console.log("updateOpt", updateOpt);
17213
+ editor.command.executeUpdateElementById(updateOpt);
17214
+ return;
17215
+ }
17216
+ editor.command.executeInsertElementList([param]);
17217
+ }
17218
+ });
17219
+ }
17220
+ function formRiskCopyConfigDialog(el, editor) {
17221
+ var _a, _b, _c, _d, _e, _f, _g, _h;
17222
+ console.log("el", el);
17223
+ new Dialog({
17224
+ title: "\u98CE\u9669\u6284\u5F55\u6846\u914D\u7F6E",
17225
+ data: [
17226
+ {
17227
+ type: "select",
17228
+ label: "\u5143\u7D20\u540D\u79F0",
17229
+ name: "key",
17230
+ required: true,
17231
+ value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
17232
+ placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
17233
+ options: editor.getExtensionParam("riskCopyKeys") == void 0 || editor.getExtensionParam("riskCopyKeys") == null ? [] : editor.getExtensionParam("riskCopyKeys")
17234
+ },
17235
+ {
17236
+ type: "number",
17237
+ label: "\u5BBD\u5EA6 (px)",
17238
+ name: "width",
17239
+ required: true,
17240
+ placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
17241
+ value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
17242
+ },
17243
+ {
17244
+ type: "number",
17245
+ label: "\u9AD8\u5EA6 (px)",
17246
+ name: "height",
17247
+ required: true,
17248
+ placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
17249
+ value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "100"
17250
+ },
17251
+ {
17252
+ type: "textarea",
17253
+ label: "\u98CE\u9669\u6284\u5F55\u5185\u5BB9",
17254
+ name: "riskCopyContent",
17255
+ required: false,
17256
+ placeholder: "\u8BF7\u8F93\u5165\u98CE\u9669\u6284\u5F55\u5185\u5BB9",
17257
+ value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.riskCopyContent) != null ? _h : ""
17258
+ }
17259
+ ],
17260
+ onConfirm: (payload) => {
17261
+ var _a2, _b2, _c2, _d2;
17262
+ console.log("payload: ", payload);
17263
+ const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
17264
+ if (!key)
17265
+ return;
17266
+ const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
17267
+ if (!width)
17268
+ return;
17269
+ const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
17270
+ if (!height)
17271
+ return;
17272
+ const riskCopyContent = ((_d2 = payload.find((p) => p.name === "riskCopyContent")) == null ? void 0 : _d2.value) || "";
17273
+ const type = "riskCopy";
17274
+ const riskCopyKeys = editor.getExtensionParam("riskCopyKeys");
17275
+ const item = riskCopyKeys.find((item2) => item2.value === key);
17276
+ const elemProp = item ? JSON.stringify(item) : "";
17277
+ const formInput = {
17278
+ key,
17279
+ width,
17280
+ height,
17281
+ type,
17282
+ riskCopyContent,
17283
+ elemProp
17284
+ };
17285
+ const imageDataUrl = generateRiskCopyImage({
17286
+ key,
17287
+ width: Number(width),
17288
+ height: Number(height),
17289
+ riskCopyContent
17290
+ });
17291
+ const param = {
17292
+ value: imageDataUrl,
17293
+ type: ElementType.IMAGE,
17294
+ formInput,
17295
+ width: Number(width),
17296
+ height: Number(height)
17297
+ };
17298
+ if (el == null ? void 0 : el.id) {
17299
+ const updateOpt = {
17300
+ id: el.id,
17301
+ properties: param
17302
+ };
17303
+ console.log("updateOpt", updateOpt);
17304
+ editor.command.executeUpdateElementById(updateOpt);
17305
+ return;
17306
+ }
17307
+ editor.command.executeInsertElementList([param]);
17308
+ }
17309
+ });
17310
+ }
17311
+ class Previewer {
17312
+ constructor(draw) {
17313
+ this._keydown = () => {
17314
+ if (this.resizerSelection.style.display === "block") {
17315
+ this.clearResizer();
17316
+ document.removeEventListener("keydown", this._keydown);
17317
+ }
17318
+ };
17319
+ this.container = draw.getContainer();
17320
+ this.canvas = draw.getPage();
17321
+ this.draw = draw;
17322
+ this.options = draw.getOptions();
17323
+ this.curElement = null;
17324
+ this.curElementSrc = "";
17325
+ this.previewerDrawOption = {};
17326
+ this.curPosition = null;
17327
+ this.eventBus = draw.getEventBus();
17328
+ this.imageList = [];
17329
+ this.curShowElement = null;
17330
+ this.imageCount = null;
17331
+ this.imagePre = null;
17332
+ this.imageNext = null;
17333
+ const { resizerSelection, resizerHandleList, resizerImageContainer, resizerImage, resizerSize } = this._createResizerDom();
17334
+ this.resizerSelection = resizerSelection;
17335
+ this.resizerHandleList = resizerHandleList;
17336
+ this.resizerImageContainer = resizerImageContainer;
17337
+ this.resizerImage = resizerImage;
17338
+ this.resizerSize = resizerSize;
17339
+ this.width = 0;
17340
+ this.height = 0;
17341
+ this.mousedownX = 0;
17342
+ this.mousedownY = 0;
17343
+ this.curHandleIndex = 0;
17344
+ this.previewerContainer = null;
17345
+ this.previewerImage = null;
17346
+ }
17347
+ _getElementPosition(element, position = null) {
17348
+ var _a;
17349
+ const { scale } = this.options;
17350
+ let x = 0;
17351
+ let y = 0;
17352
+ const height = this.draw.getHeight();
17353
+ const pageGap = this.draw.getPageGap();
17354
+ const pageNo = (_a = position == null ? void 0 : position.pageNo) != null ? _a : this.draw.getPageNo();
17355
+ const preY = pageNo * (height + pageGap);
17356
+ if (element.imgFloatPosition) {
17357
+ x = element.imgFloatPosition.x * scale;
17358
+ y = element.imgFloatPosition.y * scale + preY;
17359
+ } else if (position) {
17360
+ const { coordinate: { leftTop: [left2, top] }, ascent } = position;
17361
+ x = left2;
17362
+ y = top + preY + ascent;
17363
+ }
17364
+ return { x, y };
17365
+ }
17366
+ _createResizerDom() {
17367
+ const { scale } = this.options;
17368
+ const resizerSelection = document.createElement("div");
17369
+ resizerSelection.classList.add(`${EDITOR_PREFIX}-resizer-selection`);
17370
+ resizerSelection.style.display = "none";
17371
+ resizerSelection.style.borderColor = this.options.resizerColor;
17372
+ resizerSelection.style.borderWidth = `${scale}px`;
17373
+ const resizerHandleList = [];
17374
+ for (let i = 0; i < 8; i++) {
17375
+ const handleDom = document.createElement("div");
17376
+ handleDom.style.background = this.options.resizerColor;
17377
+ handleDom.classList.add(`resizer-handle`);
17378
+ handleDom.classList.add(`handle-${i}`);
17379
+ handleDom.setAttribute("data-index", String(i));
17380
+ handleDom.onmousedown = this._mousedown.bind(this);
17381
+ resizerSelection.append(handleDom);
17382
+ resizerHandleList.push(handleDom);
17383
+ }
17384
+ this.container.append(resizerSelection);
17385
+ const resizerSizeView = document.createElement("div");
17386
+ resizerSizeView.classList.add(`${EDITOR_PREFIX}-resizer-size-view`);
17387
+ const resizerSize = document.createElement("span");
17388
+ resizerSizeView.append(resizerSize);
17389
+ resizerSelection.append(resizerSizeView);
17390
+ const resizerImageContainer = document.createElement("div");
17391
+ resizerImageContainer.classList.add(`${EDITOR_PREFIX}-resizer-image`);
17392
+ resizerImageContainer.style.display = "none";
17393
+ const resizerImage = document.createElement("img");
17394
+ resizerImageContainer.append(resizerImage);
17395
+ this.container.append(resizerImageContainer);
17396
+ return {
17397
+ resizerSelection,
17398
+ resizerHandleList,
17399
+ resizerImageContainer,
17400
+ resizerImage,
17401
+ resizerSize
17402
+ };
17403
+ }
17404
+ _mousedown(evt) {
17405
+ this.canvas = this.draw.getPage();
17406
+ if (!this.curElement)
17407
+ return;
17408
+ const { scale } = this.options;
17409
+ this.mousedownX = evt.x;
17410
+ this.mousedownY = evt.y;
17411
+ const target = evt.target;
17412
+ this.curHandleIndex = Number(target.dataset.index);
17413
+ const cursor = window.getComputedStyle(target).cursor;
17414
+ document.body.style.cursor = cursor;
17415
+ this.canvas.style.cursor = cursor;
17416
+ console.log(this.curElement);
17417
+ this.resizerImage.src = this.curElementSrc;
17418
+ this.resizerImageContainer.style.display = "block";
17419
+ const { x: resizerLeft, y: resizerTop } = this._getElementPosition(this.curElement, this.curPosition);
17420
+ this.resizerImageContainer.style.left = `${resizerLeft}px`;
17421
+ this.resizerImageContainer.style.top = `${resizerTop}px`;
17422
+ this.resizerImage.style.width = `${this.curElement.width * scale}px`;
17423
+ this.resizerImage.style.height = `${this.curElement.height * scale}px`;
17424
+ const mousemoveFn = this._mousemove.bind(this);
17425
+ document.addEventListener("mousemove", mousemoveFn);
17426
+ document.addEventListener("mouseup", () => {
17427
+ var _a;
17428
+ if (this.curElement && !this.previewerDrawOption.dragDisable) {
17429
+ this.curElement.width = this.width;
17430
+ this.curElement.height = this.height;
17431
+ if (this.curElement.formInput) {
17432
+ this.curElement.formInput.width = `${this.width}`;
17433
+ this.curElement.formInput.height = `${this.height}`;
17434
+ if (this.curElement.formInput.type == "checkbox") {
17435
+ this.curElementSrc = generateCheckboxImage(this.curElement.formInput);
17436
+ } else if (this.curElement.formInput.type == "radio") {
17437
+ this.curElementSrc = generateRadioImage(this.curElement.formInput);
17438
+ } else if (this.curElement.formInput.type == "image") {
17439
+ this.curElementSrc = generateImagePropertiesImage(this.curElement.formInput);
17440
+ } else if (this.curElement.formInput.type == "signature") {
17441
+ this.curElementSrc = generateSignatureImage(this.curElement.formInput);
17442
+ } else if (this.curElement.formInput.type == "seal") {
17443
+ this.curElementSrc = generateSealImage(this.curElement.formInput);
17444
+ } else if (this.curElement.formInput.type == "riskCopy") {
17445
+ this.curElementSrc = generateRiskCopyImage(this.curElement.formInput);
17446
+ } else {
17447
+ this.curElementSrc = generateTextImage({
17448
+ text: this.curElement.formInput.key,
17449
+ width: this.curElement.formInput.width,
17450
+ height: this.curElement.formInput.height
17451
+ });
16514
17452
  }
16515
17453
  this.curElement.value = this.curElementSrc;
16516
17454
  }
@@ -21150,14 +22088,15 @@ class Draw {
21150
22088
  for (let j = 0; j < curRow.elementList.length; j++) {
21151
22089
  const element = curRow.elementList[j];
21152
22090
  const metrics = element.metrics;
21153
- const { ascent: offsetY, coordinate: { leftTop: [x, y] } } = positionList[curRow.startIndex + j];
22091
+ const { coordinate: { leftTop: [x, y] } } = positionList[curRow.startIndex + j];
22092
+ const offsetY = 17;
21154
22093
  const preElement = curRow.elementList[j - 1];
21155
22094
  if ((element.hide || ((_a = element.control) == null ? void 0 : _a.hide) || ((_b = element.area) == null ? void 0 : _b.hide)) && !this.isDesignMode()) {
21156
22095
  this.textParticle.complete();
21157
22096
  } else if (element.type === ElementType.IMAGE) {
21158
22097
  this.textParticle.complete();
21159
22098
  if (element.imgDisplay !== ImageDisplay.SURROUND && element.imgDisplay !== ImageDisplay.FLOAT_TOP && element.imgDisplay !== ImageDisplay.FLOAT_BOTTOM) {
21160
- this.imageParticle.render(ctx, element, x, y + offsetY);
22099
+ this.imageParticle.render(ctx, element, x, y + 4);
21161
22100
  }
21162
22101
  } else if (element.type === ElementType.LATEX) {
21163
22102
  this.textParticle.complete();
@@ -21857,7 +22796,7 @@ function printImageBase64(base64List, options) {
21857
22796
  image.src = base64;
21858
22797
  container.append(image);
21859
22798
  });
21860
- const style = document.createElement("style");
22799
+ const style2 = document.createElement("style");
21861
22800
  const stylesheet = `
21862
22801
  * {
21863
22802
  margin: 0;
@@ -21867,9 +22806,9 @@ function printImageBase64(base64List, options) {
21867
22806
  margin: 0;
21868
22807
  size: ${paperSize.size} ${direction === PaperDirection.HORIZONTAL ? `landscape` : `portrait`};
21869
22808
  }`;
21870
- style.append(document.createTextNode(stylesheet));
22809
+ style2.append(document.createTextNode(stylesheet));
21871
22810
  setTimeout(() => {
21872
- doc.write(`${style.outerHTML}${container.innerHTML}`);
22811
+ doc.write(`${style2.outerHTML}${container.innerHTML}`);
21873
22812
  contentWindow.print();
21874
22813
  doc.close();
21875
22814
  window.addEventListener("mouseover", () => {
@@ -22149,8 +23088,8 @@ class CommandAdapt {
22149
23088
  const { endIndex } = this.range.getRange();
22150
23089
  const elementList = this.draw.getElementList();
22151
23090
  const enterElement = elementList[endIndex];
22152
- const style = this.range.getDefaultStyle();
22153
- const anchorSize = (style == null ? void 0 : style.size) || enterElement.size || defaultSize;
23091
+ const style2 = this.range.getDefaultStyle();
23092
+ const anchorSize = (style2 == null ? void 0 : style2.size) || enterElement.size || defaultSize;
22154
23093
  this.range.setDefaultStyle({
22155
23094
  size: anchorSize + 2 > maxSize ? maxSize : anchorSize + 2
22156
23095
  });
@@ -22201,8 +23140,8 @@ class CommandAdapt {
22201
23140
  const { endIndex } = this.range.getRange();
22202
23141
  const elementList = this.draw.getElementList();
22203
23142
  const enterElement = elementList[endIndex];
22204
- const style = this.range.getDefaultStyle();
22205
- const anchorSize = (style == null ? void 0 : style.size) || enterElement.size || defaultSize;
23143
+ const style2 = this.range.getDefaultStyle();
23144
+ const anchorSize = (style2 == null ? void 0 : style2.size) || enterElement.size || defaultSize;
22206
23145
  this.range.setDefaultStyle({
22207
23146
  size: anchorSize - 2 < minSize ? minSize : anchorSize - 2
22208
23147
  });
@@ -23075,9 +24014,9 @@ class CommandAdapt {
23075
24014
  const mainElementList = this.draw.getOriginalMainElementList();
23076
24015
  const footerElementList = this.draw.getFooterElementList();
23077
24016
  return {
23078
- header: createDomFromElementList(headerElementList, options).innerHTML,
23079
- main: createDomFromElementList(mainElementList, options).innerHTML,
23080
- footer: createDomFromElementList(footerElementList, options).innerHTML
24017
+ header: convertToXHTML(createDomFromElementList(headerElementList, options)),
24018
+ main: convertToXHTML(createDomFromElementList(mainElementList, options)),
24019
+ footer: convertToXHTML(createDomFromElementList(footerElementList, options))
23081
24020
  };
23082
24021
  }
23083
24022
  getText() {
@@ -23681,10 +24620,11 @@ class CommandAdapt {
23681
24620
  }
23682
24621
  }
23683
24622
  setHTML(payload) {
23684
- const { header, main, footer } = payload;
24623
+ const { header, main, footer, container } = payload;
23685
24624
  const innerWidth = this.draw.getOriginalInnerWidth();
23686
24625
  const getElementList = (htmlText) => htmlText !== void 0 ? getElementListByHTML(htmlText, {
23687
- innerWidth
24626
+ innerWidth,
24627
+ container
23688
24628
  }) : void 0;
23689
24629
  this.setValue({
23690
24630
  header: getElementList(header),
@@ -25184,6 +26124,18 @@ class Editor {
25184
26124
  showFormRadioConfig(el) {
25185
26125
  formRadioPropertiesConfigDialog(el, this);
25186
26126
  }
26127
+ showFormImageConfig(el) {
26128
+ formImagePropertiesConfigDialog(el, this);
26129
+ }
26130
+ showFormSignatureConfig(el) {
26131
+ formSignatureConfigDialog(el, this);
26132
+ }
26133
+ showFormSealConfig(el) {
26134
+ formSealConfigDialog(el, this);
26135
+ }
26136
+ showFormRiskCopyConfig(el) {
26137
+ formRiskCopyConfigDialog(el, this);
26138
+ }
25187
26139
  setExtensionParam(key, value) {
25188
26140
  this.extensionParams.set(key, value);
25189
26141
  }
@@ -25267,5 +26219,5 @@ class Editor {
25267
26219
  Reflect.set(window, "editor", this);
25268
26220
  }
25269
26221
  }
25270
- export { AreaMode, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlComponent, ControlIndentation, ControlState, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, FlexDirection, INTERNAL_CONTEXT_MENU_KEY, INTERNAL_SHORTCUT_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WatermarkType, WordBreak, createDomFromElementList, Editor as default, formCheckboxPropertiesConfigDialog, formInputPropertiesConfigDialog, formRadioPropertiesConfigDialog, getElementListByHTML, getTextFromElementList, splitText };
26222
+ export { AreaMode, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlComponent, ControlIndentation, ControlState, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, FlexDirection, INTERNAL_CONTEXT_MENU_KEY, INTERNAL_SHORTCUT_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WatermarkType, WordBreak, createDomFromElementList, Editor as default, formCheckboxPropertiesConfigDialog, formImagePropertiesConfigDialog, formInputPropertiesConfigDialog, formRadioPropertiesConfigDialog, formRiskCopyConfigDialog, formSealConfigDialog, formSignatureConfigDialog, getElementListByHTML, getTextFromElementList, splitText };
25271
26223
  //# sourceMappingURL=canvas-editor.es.js.map