Greasy Fork镜像 支持简体中文。

JSON Viewer

格式化显示 JSON 使数据看起来更加漂亮。支持 JSON 主题色切换。支持 JSON 脑图,清晰明了的查看 JSON 层级。支持通过 JSON Crack 查看 JSON。支持手动输入 JSON,HTTP 请求获取 JSON

安裝腳本?
作者推薦腳本

您可能也會喜歡 滚动条美化

安裝腳本
  1. // ==UserScript==
  2. // @name JSON Viewer
  3. // @namespace http://tampermonkey.net/
  4. // @version 1.1.0
  5. // @author Feny
  6. // @description 格式化显示 JSON 使数据看起来更加漂亮。支持 JSON 主题色切换。支持 JSON 脑图,清晰明了的查看 JSON 层级。支持通过 JSON Crack 查看 JSON。支持手动输入 JSON,HTTP 请求获取 JSON
  7. // @license GPL-3.0-only
  8. // @icon data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4AAD/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAEAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAgACADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9wvjF8bLX4ZrHZx+XNqlwnmKjH5YUyRvb6kEAd8H058d1b47XV5Ir3eoN++bagaXYrN6KOBn2FfPPx5/aEutX8a+KNWhIubhruZLSNj8u1WMcIOP4QoXOOwNS/wDBM79lDTfjh8YNe+IXj63TxRdeHfKjsE1KMTxtdSbmMmxvlAiVV2IBsUybgAyKR9ZTy6lhsM69Xovm2+iPmKmOqYjEKjT6v5WXU9e8beKrjxZpp/s/xFrfhjWIwWs9X0q42z2kmPlZo2zDcxjqYZ0eNv7obDDf/YL/AG8L745eJNc+G3xCttP0n4qeEWZZ2sVZNP8AENsu0rd2ysS0ZKPG7RMSQsisCcukWd+3x4RtfhpqGk+JNPjS0g1mV7a8iT5UM4XesgHYsofdjglQepJPxwPE1x4V/au8LePtNkeK40ma0lmdDgyorvHMhPo9uxjP+y1bUcHRxmGbS1adn1TXT0/4fcipiqmExCi3pfVdGn19f+GLni/w7ceGf2wPFXga+Vo5rW/vDbI3WWI/v4HA/wBqBg3tk+lfWX7AXia1+F/iDV9B1CRbWHXjFLayyHannpuUxk+rqy4zxlMdWAPQft7fsL33x91nQfiD4DutP0r4oeDXVrT7cWWx1y3UsTZ3LKCyAh5FEigkLLIpHzBk5vwj4JuvE2kLJfeHdY8N6lGAl5pepwBZrOT+JRIuYp0ByBNCzxPg4bIICqYyljMKot62Sa6prr6P/gBDC1MLiHJLS90+jT6ev/Dnmn/BVP8Aaw0nxv4/8P8Aw18KXK69qmk3MlxqEdiRMwuivlpbrtPLopkMnZNy5IIYLyPwa/Z8vvEmv+HtHu4/Ovr+5iS6KDcqAtukwe6om7nuEJxX0XoH7PK/bJG0vRoY5rr/AFslvbLGZf8AfcAf+PGvafgv8CbX4byNqFyI5tWmXYCoytsh6qvqx7t+A4yWiWYUsLhlRpbr72318kVHA1MTiHVqbP7kl0P/2Q==
  9. // @homepage https://github.com/xFeny/monkey-jsonviewer
  10. // @match *://*/*
  11. // @require https://unpkg.com/jsmind@0.8.5/es6/jsmind.js
  12. // @require data:application/javascript,%3Bwindow.jsmind%3DjsMind%3B
  13. // @require https://unpkg.com/dom-to-image@2.6.0/src/dom-to-image.js
  14. // @require data:application/javascript,%3Bwindow.domtoimage%3Ddomtoimage%3B
  15. // @require https://unpkg.com/beautifier@0.1.7
  16. // @require data:application/javascript,%3Bwindow.beautifier%3Djs_beautify%3Bwindow.js_beautify%3Djs_beautify%3Bwindow.css_beautify%3Dcss_beautify%3B
  17. // @require https://unpkg.com/@highlightjs/cdn-assets@11.10.0/highlight.min.js
  18. // @require data:application/javascript,%3Bwindow.hljs%3Dhljs%3B
  19. // @grant GM_addStyle
  20. // @grant GM_getValue
  21. // @grant GM_openInTab
  22. // @grant GM_registerMenuCommand
  23. // @grant GM_setClipboard
  24. // @grant GM_setValue
  25. // @grant unsafeWindow
  26. // ==/UserScript==
  27.  
  28. (o=>{window.addEventListener("message",r=>{const{data:t}=r;if(!t?.addStyle)return;if(typeof GM_addStyle=="function")return GM_addStyle(o);const e=document.createElement("style");e.textContent=o,document.head.append(e)})})(` @charset "UTF-8";body,iframe,ul{margin:0;padding:0}iframe{border:0}input:focus,select:focus,textarea:focus{outline:0}.jsonp{color:#657b83}#jsoncrackEmbed{border:0;width:100%;height:100%}.tippy-box[data-theme~=layer]{color:#fff;padding:5px;font-size:12px;line-height:20px;background-color:#2e59a7}.tippy-box[data-theme~=layer] .tippy-arrow{color:#2e59a7}.tippy-box[data-theme~=imagebox]{background-color:#d9d9d9}.tippy-box[data-theme~=imagebox] .tippy-arrow{color:#d9d9d9}@media screen and (max-width: 640px){.rightbox{right:0!important}.rightbox .tools{display:none!important}}@media screen and (max-width: 400px){.searchbox{display:none!important}}.json-viewer-layout{top:0;left:0;z-index:10;width:100vw;height:100vh;display:flex;position:fixed;flex-direction:column}.json-viewer-layout .panel{display:flex;line-height:28px;user-select:none;flex-direction:column;background-color:#ececec}.json-viewer-layout .tabs,.json-viewer-layout .toolbar{display:flex;border-bottom:1px solid #ccc}.json-viewer-layout .tabs>div,.json-viewer-layout .toolbar>div{cursor:pointer;padding:0 10px;font-size:12px;transition:background-color .2s ease}.json-viewer-layout .tabs>div:hover,.json-viewer-layout .toolbar>div:hover{background-color:#d4d4d4}.json-viewer-layout .tabs-item{border-top:3px solid #ececec}.json-viewer-layout .tabs-item:hover{border-top-color:#c3c3c6}.json-viewer-layout .tabs-item.active{color:#0060df;border-top-color:#0060df;background-color:#f1f1f1}.json-viewer-layout .toolbar{line-height:23px}.json-viewer-layout .toolbar .searchbox{padding:0;display:flex;flex-grow:1}.json-viewer-layout .toolbar .searchbox:hover{background-color:transparent}.json-viewer-layout .toolbar .searchbox input{flex-grow:1;border:none;outline:none;font-size:12px;padding-left:23px;border-left:1.5px solid #ccc;background-size:14px;background-repeat:no-repeat;background-position:7px center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAipJREFUWEftljuIE1EUhv8zpJB0FqugItiIdmKnnQ+wjPhq3EILRYt1JTDnDvhgUJG55zY+ELO7hRZupYWCCIK6nXYiNoqlrIUKaxes5siFBGKYSSbJTnaLTDMwl/Ofj8Pc/z+ENX5ojftjfQFYay8AuEFEU2VMRlV/A7hujGm09f+bgIj8APCtjOYdmjuZeWsewCMAZwBcYub7qwkiIjMA7gF4zMxnMwHiOK5Wq9UXAA6r6kljzLPVgLDWniCipwDeNJvNWhzHzUwA/zFJku1BEHiIPUS0PwzDD6NAOOf2qep7AJ/SNK1FUfS9Uy/zFojIXgAeYhsRbQ7D8NcwEM65Tar6E8AygBozf+zWyb2GSZIcCYLgORH9DcNw45AAf1R1Q5qmR6Moep2l0dMHrLWniegJgK/MvHsQCBH5AmCXqk4bYxbzavsakYjMArgD4B0zHyoCISJvARwEcJmZ7/aq6Qvgi0XkJoCrqrpgjDnfS9BaO09E5wDcYuZr/YALAbQgHgLwTpnrER13vcHMF/s19+eFAVoQS/7NzAeyxJ1zS6qaez7wT9hdICITgMkEJhOYTMCq6jEimmXmV90+UboRtdzQ7wZ+aW1UKpUr9Xp9pQ0yFoCuXFhW1agdt2MD8BDOOb83zgPYAWAxCILbqvqg1CzIChMRmQPgI3qFiD773Z+ZTxVJwoHTME9URI4TUV1VtwCYYeaXYwUo2mzkOB6l0dA7YRlNOzX/ATTlNjBwsoHnAAAAAElFTkSuQmCC)}.json-viewer-layout .toolbar .searchbox .clear{flex:0 0 auto;align-self:center;margin:0 4px;padding:0;border:0;width:16px;height:16px;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANZJREFUOE+t0zFKg0EQhuEndbpgIVZ26eIJFK1SeQcPYKuWmlJIb6lHkJRpFFKnE2zTpBAknaUgA/+Q5SfBwGaaZWfne3dmdraj0job9Ae4wwAn+MUcn3jCotS0Aad4RW9LYj+4xkuel4ArPO9Y0RlmEZuAY3ygi/cGct6Clf4V+vhOwCNuG0EEXuAB941v1OzfkOAxbhIwwWVxYwoCEhZrCQzfFMMELHHUSjkhCchsMuwLh3sDVJfwXxOj/ihpaxOrnzEaUzVI2dmqUU5I1Wfa8Susw/4A1fw8ES1B6icAAAAASUVORK5CYII=)}.json-viewer-layout .rightbox{right:200px;display:flex;font-size:12px;position:absolute}.json-viewer-layout .rightbox>div{padding:0 5px;margin-top:2px}.json-viewer-layout .rightbox>div span{cursor:pointer;display:inline;padding:5px 10px;border-radius:3px;transition:background-color .2s ease}.json-viewer-layout .rightbox>div span:hover{background-color:#ccc}.json-viewer-layout .rightbox>div span:after{content:"";width:0;height:0;right:-5px;position:relative;border-style:solid;display:inline-block;vertical-align:middle;border-width:7px 5px 0 5px;border-color:#999 transparent transparent transparent;transform:rotate(0);transition:transform .3s ease}.json-viewer-layout .rightbox>div span.active:after{transform:rotate(180deg)}.json-viewer-layout .rightbox>div ul{color:#333;cursor:pointer;text-align:center;border-radius:3px}.json-viewer-layout .rightbox>div ul li{font-size:12px;padding:5px 20px;list-style-type:none;background-color:#dfdfdf;transition:background-color .2s ease}.json-viewer-layout .rightbox>div ul li:hover{border-radius:3px;background-color:#ccc}.json-viewer-layout .rightbox>div ul li.active:before{left:15px;content:"\u221A";display:inline;position:absolute}.json-viewer-layout .rightbox>div .tippy-box{background-color:#dfdfdf!important}.json-viewer-layout .rightbox>div .tippy-box .tippy-content{padding:5px}.json-viewer-layout .rightbox>div .tippy-box .tippy-arrow{color:#dfdfdf!important}.json-viewer-layout .container{flex-grow:1;overflow:auto;line-height:1.4;font-size:13.5px;font-family:monospace}.json-viewer-layout .container>div{height:100%;display:none}.json-viewer-layout .container>div.active{display:block}.json-viewer-layout .container #formatBox{padding:5px 8px}.json-viewer-layout .container #rawTextBox{font-size:13px;padding:5px 8px}.json-viewer-layout .container #rawTextBox pre{margin:0;padding:0;white-space:pre-wrap;overflow-wrap:break-word}.json-viewer-layout #mindBox{width:100vw;height:calc(100vh - 57px)}.json-viewer-layout #mindBox jmnode{display:flex;align-items:center;padding:0 7px 0 22px;color:#475872!important;box-shadow:none!important;background-color:transparent!important}.json-viewer-layout #mindBox jmnode.root{padding:0;color:transparent!important}.json-viewer-layout #mindBox jmnode:before{content:"";margin-top:1px;position:absolute;border-radius:50%;top:50%!important;transform:translateY(-50%);background-color:#8149bf80}.json-viewer-layout #mindBox jmnode.root:before{left:50%;width:18px;height:18px;transform:translate(-18px,-50%)}.json-viewer-layout #mindBox jmnode:hover{text-shadow:0px 0px 1px currentColor}.json-viewer-layout #mindBox jmnode:not(.root):before{left:0;width:15px;height:15px}.json-viewer-layout #mindBox jmexpander{margin-top:1px;line-height:9px}.json-viewer-layout #mindBox .datatype{opacity:.6;font-size:12px;margin-top:2px;padding-left:5px}.httpRequest{padding:30px 20px;width:700px}.httpRequest>div{display:flex;height:35px;margin-bottom:20px}.httpRequest input,.httpRequest select{border-radius:0;padding-left:10px;border:1px solid #ccc}.httpRequest input{flex-grow:1}.httpRequest input[name=url],.httpRequest input:first-child,.httpRequest select{border-right:none}.httpRequest button{cursor:pointer;padding:0 15px;border:1px solid #ccc}.httpRequest button:active{background-color:#cfcfcf}.dark-theme .json-viewer-layout li,.dark-theme .json-viewer-layout pre,.dark-theme .json-viewer-layout td:first-child,.dark-plus-theme .json-viewer-layout li,.dark-plus-theme .json-viewer-layout pre,.dark-plus-theme .json-viewer-layout td:first-child{color:#ccc}.dark-theme .json-viewer-layout .panel,.dark-plus-theme .json-viewer-layout .panel{color:#c4c4c4;background-color:#333}.dark-theme .json-viewer-layout .panel>div,.dark-plus-theme .json-viewer-layout .panel>div{border-bottom-color:#464646}.dark-theme .json-viewer-layout .panel .tabs-item:hover,.dark-theme .json-viewer-layout .panel .toolbar-item:hover,.dark-plus-theme .json-viewer-layout .panel .tabs-item:hover,.dark-plus-theme .json-viewer-layout .panel .toolbar-item:hover{background-color:#464646}.dark-theme .json-viewer-layout .panel .tabs-item,.dark-plus-theme .json-viewer-layout .panel .tabs-item{border-top-color:#333}.dark-theme .json-viewer-layout .panel .tabs-item:hover,.dark-plus-theme .json-viewer-layout .panel .tabs-item:hover{border-top-color:#c3c3c6}.dark-theme .json-viewer-layout .panel .tabs-item.active,.dark-plus-theme .json-viewer-layout .panel .tabs-item.active{color:#c4c4c4;border-top-color:#64b7ff;background-color:#464646}.dark-theme .json-viewer-layout .searchbox input,.dark-plus-theme .json-viewer-layout .searchbox input{color:#ccc;background-color:#464646;border-left-color:#333}.dark-theme .json-viewer-layout .searchbox .clear,.dark-plus-theme .json-viewer-layout .searchbox .clear{filter:invert(.8)}.dark-theme .json-viewer-layout .rightbox>div span:hover,.dark-plus-theme .json-viewer-layout .rightbox>div span:hover{background-color:#464646}.dark-theme .json-viewer-layout .rightbox .tippy-box,.dark-plus-theme .json-viewer-layout .rightbox .tippy-box{background-color:#4e4e4e!important}.dark-theme .json-viewer-layout .rightbox .tippy-box .tippy-arrow,.dark-plus-theme .json-viewer-layout .rightbox .tippy-box .tippy-arrow{color:#4e4e4e!important}.dark-theme .json-viewer-layout .rightbox .tippy-box li,.dark-plus-theme .json-viewer-layout .rightbox .tippy-box li{background-color:#4e4e4e!important}.dark-theme .json-viewer-layout .rightbox .tippy-box li:hover,.dark-plus-theme .json-viewer-layout .rightbox .tippy-box li:hover{background-color:#464646!important}.dark-theme .json-viewer-layout jmnode,.dark-plus-theme .json-viewer-layout jmnode{filter:brightness(2)}.dark-theme .json-viewer-layout jmexpander,.dark-plus-theme .json-viewer-layout jmexpander{background-color:#dfdfdf}.js-mind-child-node{width:300px;height:300px;margin:10px;overflow-y:scroll;position:relative;padding:5px 20px;background-color:#f8f9fa}.js-mind-child-node div{color:#475872;line-height:25px}.js-mind-copy{top:5px;right:10px;width:20px;height:20px;cursor:pointer;position:absolute;background-size:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAYRJREFUWEftlzFOw0AQRefbF+EMVJFA1kzcUNGRW8ABkFBASBQgUZAiLSUiHb29W1DTQUFFzxFQvGglO8JW1uuElQIGl8545/n/0eQbtOELG+5PNYA8z28AHIaAMsZMhsPhke+sBYDW+mE+nz9FUaR9D3X5vSgKjuN4m5n32+oXAEopQ0QiIkEAlFJMREpEWm3uP0BD/ndjzAzArFLaq0Appdf2pnWVBdbWLw9vEdEYwJSZL+39VoA8z3cAPHq7Ez3HcTxKkuSlqnXNQJZlp1EU7YnIwAvQobGzxAXQvO+1YF2I/gBYz7qokKZprS6YAhsH6PL2y2qCKfC3AbTWB8aY+y4qABgx88y3iFbeA99dxc1/w5UBurz9/xD2Q4EqEzZX6rozYDfoskzYNoS7RHRORDbLhbhstjwRkVqecAI4fFREdBYqqNoevw7gCsAHMx+H8MSe4YxkDgsGAC6KorgD8BoAogql18w8qWVC1+GlZ+NAw/lWztRt1e9nfZwGkHjlIz4Bw1VmMCtaHCkAAAAASUVORK5CYII=)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.monkey-js-css-beautify body{padding-top:20px;padding-left:5px}.monkey-js-css-beautify body .beautify_checkbox{top:0;left:0;z-index:999;width:100vw;display:flex;position:fixed;padding:5px 10px;user-select:none;align-items:center;background-color:#f3f3f3;border-bottom:1px solid #ccc}.monkey-js-css-beautify body .beautify_checkbox label{font-size:13px}.monkey-js-css-beautify body .beautify_checkbox input[type=checkbox]{top:1.5px;width:14px;height:14px;margin-right:5px;position:relative}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.xml .hljs-meta{color:silver}.hljs-comment,.hljs-quote{color:#007400}.hljs-attribute,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#aa0d91}.hljs-template-variable,.hljs-variable{color:#3f6e74}.hljs-code,.hljs-meta .hljs-string,.hljs-string{color:#c41a16}.hljs-link,.hljs-regexp{color:#0e0eff}.hljs-bullet,.hljs-number,.hljs-symbol,.hljs-title{color:#1c00cf}.hljs-meta,.hljs-section{color:#643820}.hljs-built_in,.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-type{color:#5c2699}.hljs-attr{color:#836c28}.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}ul,li{list-style-type:none}wrapper{display:contents}.hidden{display:none!important}.json-viewer ul{border-left:.5px dotted #ccc}.json-viewer ul li{padding-left:20px}.json-bracket{font-weight:700}.json-copy{width:13px;height:13px;cursor:pointer;margin-left:.15em;display:inline-block;background-size:13px;vertical-align:text-bottom;background-repeat:no-repeat;transition:background-image ease .3s;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAYRJREFUWEftlzFOw0AQRefbF+EMVJFA1kzcUNGRW8ABkFBASBQgUZAiLSUiHb29W1DTQUFFzxFQvGglO8JW1uuElQIGl8545/n/0eQbtOELG+5PNYA8z28AHIaAMsZMhsPhke+sBYDW+mE+nz9FUaR9D3X5vSgKjuN4m5n32+oXAEopQ0QiIkEAlFJMREpEWm3uP0BD/ndjzAzArFLaq0Appdf2pnWVBdbWLw9vEdEYwJSZL+39VoA8z3cAPHq7Ez3HcTxKkuSlqnXNQJZlp1EU7YnIwAvQobGzxAXQvO+1YF2I/gBYz7qokKZprS6YAhsH6PL2y2qCKfC3AbTWB8aY+y4qABgx88y3iFbeA99dxc1/w5UBurz9/xD2Q4EqEzZX6rozYDfoskzYNoS7RHRORDbLhbhstjwRkVqecAI4fFREdBYqqNoevw7gCsAHMx+H8MSe4YxkDgsGAC6KorgD8BoAogql18w8qWVC1+GlZ+NAw/lWztRt1e9nfZwGkHjlIz4Bw1VmMCtaHCkAAAAASUVORK5CYII=)}.json-copy.success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAhZJREFUWEftlU1IFGEYx//Pu2R0kLrYwUMg7M5EHjwklNUOLoInxYMg7W6HTkEIgkLMLF6CsllDokN4Vfy4SnSqk+7sRghBFBT7IWKHQATFSxCLM09sabjjO/thLnuZ9zjPx//3/t9n3pfQ5EVN1ocP4DvgO9AwB/RMsJNYjAF4wEwz01rukeyXbwjAZEbttpmXAKhHokQ8bN4prLghzhwgkVHCzLQE8JUyMeblpFa411AAIxXshxCLAC6fFOKbZriw3jAA3VKHiLgk3uoS+UWMqKnlX9c8AwkreA0i0GM7vFu0i2svI1v7ld4M3VLuEmEBwLnjeQTsMyiaDOfeetVLZ8BIhz4CdP2w6CuxM2JqG99kTYz3oftwaE4S23Zsij3vza1Wgj8BYKSDvYBwF0khdEt9SMSzEoHvJETUvJ39UO219XBA2QHQ5iougzAsZRyEFxKBHAJONHlr41M18VLc6wgmAXoqafAHgoUYAuOZJP6Z2Il5HVfNQ1hK1NPKKAGvZBAAOiXf1wGOJcOFzVp2/u+CqpRsZNQ4/t5oVRalAkWOT/Xlf1TLrPseSKRDAw7TIhEuyS3kd2gJxM0b2d16xT1nwN1IT4U0IWiegY6yGPObg4sXYjNdX36eRrxmgMOZ6CLQE4AHGdgTjOXzdvvE48jawWnF6wI4EkmsKlfNSD77P6LHa8/8NawXzAfwHfAdaLoDvwHyYK0h/tY7mwAAAABJRU5ErkJggg==)}.json-arrow{width:0;opacity:.2;display:inline-block}.json-arrow:hover{opacity:.35}.json-arrow:before{width:0;height:0;left:-13px;content:"";cursor:pointer;position:relative;border-style:solid;display:inline-block;vertical-align:middle;transform:rotate(90deg);border-width:5px 0 5px 8px;transition:transform .3s ease;border-color:transparent transparent transparent currentColor}.collapsed .json-arrow:before{transform:rotate(0)}.json-desc{display:none;cursor:pointer;font-size:12px;font-weight:700;color:#9aa160;user-select:none;margin-left:.3em}.json-desc span{margin:0 .5em;font-weight:400}.json-desc span:hover{text-decoration:underline}.json-color{width:.7em;height:.7em;margin-right:.3em;display:inline-block;vertical-align:middle;border:1px solid #ccc}.json-comma{margin-left:.15em;font-family:Courier New,monospace}.json-colon{margin:0 .3em 0 .15em}.default-theme{background-color:#fefefe}.default-theme .json-bracket[type=object]{color:#6d9331}.default-theme .json-bracket[type=array]{color:#8e9331}.default-theme .json-key{color:#910f93;cursor:pointer}.default-theme .json-string,.default-theme .json-string a{color:#2e7c16}.default-theme .json-bigint,.default-theme .json-number{color:#164ff1}.default-theme .json-boolean{color:#c41a16}.default-theme .json-null{color:#228fec}.light-theme{background-color:#fefefe}.light-theme .json-bracket[type=object]{color:#6d9331}.light-theme .json-bracket[type=array]{color:#8e9331}.light-theme .json-key{color:#0040cf;cursor:pointer}.light-theme .json-string,.light-theme .json-string a{color:#a31515}.light-theme .json-bigint,.light-theme .json-number{color:#0b7500}.light-theme .json-boolean{color:#00f}.light-theme .json-null{color:#05f}.dark-theme{background-color:#252526}.dark-theme .json-bracket[type=object]{color:#9bba43}.dark-theme .json-bracket[type=array]{color:#c4af00}.dark-theme .json-key{color:#9cdcfe;cursor:pointer}.dark-theme .json-string,.dark-theme .json-string a{color:#ce9178}.dark-theme .json-bigint,.dark-theme .json-number{color:#b5cea8}.dark-theme .json-boolean{color:#358cd6}.dark-theme .json-null{color:#569cd6}.dark-plus-theme{background-color:#1e1f22}.dark-plus-theme .json-bracket[type=object]{color:#bb9667}.dark-plus-theme .json-bracket[type=array]{color:#a1a84e}.dark-plus-theme .json-key{color:#c77dbb;cursor:pointer}.dark-plus-theme .json-string,.dark-plus-theme .json-string a{color:#6aab73}.dark-plus-theme .json-bigint,.dark-plus-theme .json-number{color:#28aab4}.dark-plus-theme .json-boolean{color:#ce8951}.dark-plus-theme .json-null{color:#c78d61}.dark-theme .json-viewer ul,.dark-plus-theme .json-viewer ul{border-left:.5px dotted #5e5e5e}.dark-theme .json-colon,.dark-theme .json-comma,.dark-plus-theme .json-colon,.dark-plus-theme .json-comma{color:#ccc}.dark-theme .json-arrow,.dark-plus-theme .json-arrow{color:#fff;opacity:.35}.dark-theme .json-arrow:hover,.dark-plus-theme .json-arrow:hover{opacity:.5}.json-tree-table{border-collapse:collapse;width:-webkit-fill-available}.json-tree-table tr.selected *{color:#fff!important;background-color:#3875d7}.json-tree-table tr:hover{background-color:#f0f9fe}.json-tree-table tr td:first-child{width:120px}.dark-theme .json-tree-table tr:hover,.dark-plus-theme .json-tree-table tr:hover{background-color:#353b48}/**
  29. * @license BSD
  30. * @copyright 2014-2023 hizzgdev@163.com
  31. *
  32. * Project Home:
  33. * https://github.com/hizzgdev/jsmind/
  34. */.jsmind-inner{position:relative;overflow:auto;width:100%;height:100%;outline:none}.jsmind-inner{moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.jsmind-inner canvas{position:absolute}svg.jsmind{position:absolute;z-index:1}canvas.jsmind{position:absolute;z-index:1}jmnodes{position:absolute;z-index:2;background-color:#0000}jmnode{position:absolute;cursor:default;max-width:400px}jmexpander{position:absolute;width:11px;height:11px;display:block;overflow:hidden;line-height:12px;font-size:10px;text-align:center;border-radius:6px;border-width:1px;border-style:solid;cursor:pointer}.jmnode-overflow-wrap jmnodes{min-width:420px}.jmnode-overflow-hidden jmnode{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}jmnode{padding:10px;background-color:#fff;color:#333;border-radius:5px;box-shadow:1px 1px 1px #666;font:16px/1.125 Verdana,Arial,Helvetica,sans-serif}jmnode:hover{box-shadow:2px 2px 8px #000;background-color:#ebebeb;color:#333}jmnode.selected{background-color:#11f;color:#fff;box-shadow:2px 2px 8px #000}jmnode.root{font-size:24px}jmexpander{border-color:gray}jmexpander:hover{border-color:#000}@media screen and (max-device-width: 1024px){jmnode{padding:5px;border-radius:3px;font-size:14px}jmnode.root{font-size:21px}}jmnodes.theme-primary jmnode{background-color:#428bca;color:#fff;border-color:#357ebd}jmnodes.theme-primary jmnode:hover{background-color:#3276b1;border-color:#285e8e}jmnodes.theme-primary jmnode.selected{background-color:#f1c40f;color:#fff}jmnodes.theme-warning jmnode{background-color:#f0ad4e;border-color:#eea236;color:#fff}jmnodes.theme-warning jmnode:hover{background-color:#ed9c28;border-color:#d58512}jmnodes.theme-warning jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-danger jmnode{background-color:#d9534f;border-color:#d43f3a;color:#fff}jmnodes.theme-danger jmnode:hover{background-color:#d2322d;border-color:#ac2925}jmnodes.theme-danger jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-success jmnode{background-color:#5cb85c;border-color:#4cae4c;color:#fff}jmnodes.theme-success jmnode:hover{background-color:#47a447;border-color:#398439}jmnodes.theme-success jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-info jmnode{background-color:#5dc0de;border-color:#46b8da;color:#fff}jmnodes.theme-info jmnode:hover{background-color:#39b3d7;border-color:#269abc}jmnodes.theme-info jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-greensea jmnode{background-color:#1abc9c;color:#fff}jmnodes.theme-greensea jmnode:hover{background-color:#16a085}jmnodes.theme-greensea jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-nephrite jmnode{background-color:#2ecc71;color:#fff}jmnodes.theme-nephrite jmnode:hover{background-color:#27ae60}jmnodes.theme-nephrite jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-belizehole jmnode{background-color:#3498db;color:#fff}jmnodes.theme-belizehole jmnode:hover{background-color:#2980b9}jmnodes.theme-belizehole jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-wisteria jmnode{background-color:#9b59b6;color:#fff}jmnodes.theme-wisteria jmnode:hover{background-color:#8e44ad}jmnodes.theme-wisteria jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-asphalt jmnode{background-color:#34495e;color:#fff}jmnodes.theme-asphalt jmnode:hover{background-color:#2c3e50}jmnodes.theme-asphalt jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-orange jmnode{background-color:#f1c40f;color:#fff}jmnodes.theme-orange jmnode:hover{background-color:#f39c12}jmnodes.theme-orange jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-pumpkin jmnode{background-color:#e67e22;color:#fff}jmnodes.theme-pumpkin jmnode:hover{background-color:#d35400}jmnodes.theme-pumpkin jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-pomegranate jmnode{background-color:#e74c3c;color:#fff}jmnodes.theme-pomegranate jmnode:hover{background-color:#c0392b}jmnodes.theme-pomegranate jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-clouds jmnode{background-color:#ecf0f1;color:#333}jmnodes.theme-clouds jmnode:hover{background-color:#bdc3c7}jmnodes.theme-clouds jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-asbestos jmnode{background-color:#95a5a6;color:#fff}jmnodes.theme-asbestos jmnode:hover{background-color:#7f8c8d}jmnodes.theme-asbestos jmnode.selected{background-color:#11f;color:#fff}.scroll-top{right:15px;width:45px;height:45px;z-index:999;bottom:30px;display:none;font-size:12px;cursor:pointer;position:fixed;border-radius:50%;background-size:30px;background-color:#fff;background-position:center;background-repeat:no-repeat;box-shadow:0 0 5px #3eaf7c4d;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJmaWxsOiMzZWFmN2MiIGNsYXNzPSJpY29uIGJhY2stdG8tdG9wLWljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZpbGw9ImN1cnJlbnRDb2xvciIgYXJpYS1sYWJlbD0iYmFjay10by10b3AgaWNvbiI+PHBhdGggZD0iTTUxMiA4NDMuMmMtMzYuMiAwLTY2LjQtMTMuNi04NS44LTIxLjgtMTAuOC00LjYtMjIuNiAzLjYtMjEuOCAxNS4ybDcgMTAyYy40IDYuMiA3LjYgOS40IDEyLjYgNS42bDI5LTIyYzMuNi0yLjggOS0xLjggMTEuNCAybDQxIDY0LjJjMyA0LjggMTAuMiA0LjggMTMuMiAwbDQxLTY0LjJjMi40LTMuOCA3LjgtNC44IDExLjQtMmwyOSAyMmM1IDMuOCAxMi4yLjYgMTIuNi01LjZsNy0xMDJjLjgtMTEuNi0xMS0yMC0yMS44LTE1LjItMTkuNiA4LjItNDkuNiAyMS44LTg1LjggMjEuOHoiPjwvcGF0aD48cGF0aCBkPSJtNzk1LjQgNTg2LjItOTYtOTguMkM2OTkuNCAxNzIgNTEzIDMyIDUxMyAzMlMzMjQuOCAxNzIgMzI0LjggNDg4bC05NiA5OC4yYy0zLjYgMy42LTUuMiA5LTQuNCAxNC4yTDI2MS4yIDgyNGMxLjggMTEuNCAxNC4yIDE3IDIzLjYgMTAuOEw0MTkgNzQ0czQxLjQgNDAgOTQuMiA0MGM1Mi44IDAgOTIuMi00MCA5Mi4yLTQwbDEzNC4yIDkwLjhjOS4yIDYuMiAyMS42LjYgMjMuNi0xMC44bDM3LTIyMy44Yy40LTUuMi0xLjItMTAuNC00LjgtMTR6TTUxMyAzODRjLTM0IDAtNjEuNC0yOC42LTYxLjQtNjRzMjcuNi02NCA2MS40LTY0YzM0IDAgNjEuNCAyOC42IDYxLjQgNjRTNTQ3IDM4NCA1MTMgMzg0eiI+PC9wYXRoPjwvc3ZnPg==)}.scroll-top:hover{background-color:#f9f9f9}.dark-theme .scroll-top,.dark-plus-theme .scroll-top{background-color:#464646;box-shadow:0 0 5px #505050}.tippy-box[data-theme~=scroll]{font-size:12px} `);
  35.  
  36. !function(){function e(e,t){return(t||"")+" (SystemJS Error#"+e+" https://github.com/systemjs/systemjs/blob/main/docs/errors.md#"+e+")"}function t(e,t){if(-1!==e.indexOf("\\")&&(e=e.replace(j,"/")),"/"===e[0]&&"/"===e[1])return t.slice(0,t.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var n,r=t.slice(0,t.indexOf(":")+1);if(n="/"===t[r.length+1]?"file:"!==r?(n=t.slice(r.length+2)).slice(n.indexOf("/")+1):t.slice(8):t.slice(r.length+("/"===t[r.length])),"/"===e[0])return t.slice(0,t.length-n.length-1)+e;for(var i=n.slice(0,n.lastIndexOf("/")+1)+e,o=[],s=-1,u=0;u<i.length;u++)-1!==s?"/"===i[u]&&(o.push(i.slice(s,u+1)),s=-1):"."===i[u]?"."!==i[u+1]||"/"!==i[u+2]&&u+2!==i.length?"/"===i[u+1]||u+1===i.length?u+=1:s=u:(o.pop(),u+=2):s=u;return-1!==s&&o.push(i.slice(s)),t.slice(0,t.length-n.length)+o.join("")}}function n(e,n){return t(e,n)||(-1!==e.indexOf(":")?e:t("./"+e,n))}function r(e,n,r,i,o){for(var s in e){var a=t(s,r)||s,f=e[s];if("string"==typeof f){var l=c(i,t(f,r)||f,o);l?n[a]=l:u("W1",s,f,"bare specifier did not resolve")}}}function i(e,t,i){var o;for(o in e.imports&&r(e.imports,i.imports,t,i,null),e.scopes||{}){var s=n(o,t);r(e.scopes[o],i.scopes[s]||(i.scopes[s]={}),t,i,s)}for(o in e.depcache||{})i.depcache[n(o,t)]=e.depcache[o];for(o in e.integrity||{})i.integrity[n(o,t)]=e.integrity[o]}function o(e,t){if(t[e])return e;var n=e.length;do{var r=e.slice(0,n+1);if(r in t)return r}while(-1!==(n=e.lastIndexOf("/",n-1)))}function s(e,t){var n=o(e,t);if(n){var r=t[n];if(null===r)return;if(!(e.length>n.length&&"/"!==r[r.length-1]))return r+e.slice(n.length);u("W2",n,r,"should have a trailing '/'")}}function u(t,n,r,i){console.warn(e(t,"Package target "+i+", resolving target '"+r+"' for "+n))}function c(e,t,n){for(var r=e.scopes,i=n&&o(n,r);i;){var u=s(t,r[i]);if(u)return u;i=o(i.slice(0,i.lastIndexOf("/")),r)}return s(t,e.imports)||-1!==t.indexOf(":")&&t}function a(){this[M]={}}function f(e){return e.id}function l(e,t,n,r){if(e.onload(n,t.id,t.d&&t.d.map(f),!!r),n)throw n}function d(t,n,r,i){var o=t[M][n];if(o)return o;var s=[],u=Object.create(null);P&&Object.defineProperty(u,P,{value:"Module"});var c=Promise.resolve().then((function(){return t.instantiate(n,r,i)})).then((function(r){if(!r)throw Error(e(2,"Module "+n+" did not instantiate"));var i=r[1]((function(e,t){o.h=!0;var n=!1;if("string"==typeof e)e in u&&u[e]===t||(u[e]=t,n=!0);else{for(var r in e)t=e[r],r in u&&u[r]===t||(u[r]=t,n=!0);e&&e.__esModule&&(u.__esModule=e.__esModule)}if(n)for(var i=0;i<s.length;i++){var c=s[i];c&&c(u)}return t}),2===r[1].length?{import:function(e,r){return t.import(e,n,r)},meta:t.createContext(n)}:void 0);return o.e=i.execute||function(){},[r[0],i.setters||[],r[2]||[]]}),(function(e){throw o.e=null,o.er=e,l(t,o,e,!0),e})),a=c.then((function(e){return Promise.all(e[0].map((function(r,i){var o=e[1][i],s=e[2][i];return Promise.resolve(t.resolve(r,n)).then((function(e){var r=d(t,e,n,s);return Promise.resolve(r.I).then((function(){return o&&(r.i.push(o),!r.h&&r.I||o(r.n)),r}))}))}))).then((function(e){o.d=e}))}));return o=t[M][n]={id:n,i:s,n:u,m:i,I:c,L:a,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0,p:void 0}}function h(e,t,n,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then((function(){return t.p&&null!==t.p.e||(t.p=n),Promise.all(t.d.map((function(t){return h(e,t,n,r)})))})).catch((function(n){if(t.er)throw n;throw t.e=null,l(e,t,n,!1),n}))}function p(e,t){return t.C=h(e,t,t,{}).then((function(){return v(e,t,{})})).then((function(){return t.n}))}function v(e,t,n){function r(){try{var n=o.call(L);if(n)return n=n.then((function(){t.C=t.n,t.E=null,l(e,t,null,!0)}),(function(n){throw t.er=n,t.E=null,l(e,t,n,!0),n})),t.E=n;t.C=t.n,t.L=t.I=void 0}catch(r){throw t.er=r,r}finally{l(e,t,t.er,!0)}}if(!n[t.id]){if(n[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var i,o=t.e;return t.e=null,t.d.forEach((function(r){try{var o=v(e,r,n);o&&(i=i||[]).push(o)}catch(s){throw t.er=s,l(e,t,s,!1),s}})),i?Promise.all(i).then(r):r()}}function m(){[].forEach.call(document.querySelectorAll("script"),(function(t){if(!t.sp)if("systemjs-module"===t.type){if(t.sp=!0,!t.src)return;System.import("import:"===t.src.slice(0,7)?t.src.slice(7):n(t.src,g)).catch((function(e){if(e.message.indexOf("https://github.com/systemjs/systemjs/blob/main/docs/errors.md#3")>-1){var n=document.createEvent("Event");n.initEvent("error",!1,!1),t.dispatchEvent(n)}return Promise.reject(e)}))}else if("systemjs-importmap"===t.type){t.sp=!0;var r=t.src?(System.fetch||fetch)(t.src,{integrity:t.integrity,priority:t.fetchPriority,passThrough:!0}).then((function(e){if(!e.ok)throw Error("Invalid status code: "+e.status);return e.text()})).catch((function(n){return n.message=e("W4","Error fetching systemjs-import map "+t.src)+"\n"+n.message,console.warn(n),"function"==typeof t.onerror&&t.onerror(),"{}"})):t.innerHTML;W=W.then((function(){return r})).then((function(n){!function(t,n,r){var o={};try{o=JSON.parse(n)}catch(s){console.warn(Error(e("W5","systemjs-importmap contains invalid JSON")+"\n\n"+n+"\n"))}i(o,r,t)}(N,n,t.src||g)}))}}))}var g,y="undefined"!=typeof Symbol,b="undefined"!=typeof self,S="undefined"!=typeof document,w=b?self:global;if(S){var O=document.querySelector("base[href]");O&&(g=O.href)}if(!g&&"undefined"!=typeof location){var E=(g=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==E&&(g=g.slice(0,E+1))}var x,j=/\\/g,P=y&&Symbol.toStringTag,M=y?Symbol():"@",I=a.prototype;I.import=function(e,t,n){var r=this;return t&&"object"==typeof t&&(n=t,t=void 0),Promise.resolve(r.prepareImport()).then((function(){return r.resolve(e,t,n)})).then((function(e){var t=d(r,e,void 0,n);return t.C||p(r,t)}))},I.createContext=function(e){var t=this;return{url:e,resolve:function(n,r){return Promise.resolve(t.resolve(n,r||e))}}},I.onload=function(){},I.register=function(e,t,n){x=[e,t,n]},I.getRegister=function(){var e=x;return x=void 0,e};var L=Object.freeze(Object.create(null));w.System=new a;var C,R,W=Promise.resolve(),N={imports:{},scopes:{},depcache:{},integrity:{}},T=S;if(I.prepareImport=function(e){return(T||e)&&(m(),T=!1),W},I.getImportMap=function(){return JSON.parse(JSON.stringify(N))},S&&(m(),window.addEventListener("DOMContentLoaded",m)),I.addImportMap=function(e,t){i(e,t||g,N)},S){window.addEventListener("error",(function(e){J=e.filename,_=e.error}));var A=location.origin}I.createScript=function(e){var t=document.createElement("script");t.async=!0,e.indexOf(A+"/")&&(t.crossOrigin="anonymous");var n=N.integrity[e];return n&&(t.integrity=n),t.src=e,t};var J,_,k={},U=I.register;I.register=function(e,t){if(S&&"loading"===document.readyState&&"string"!=typeof e){var n=document.querySelectorAll("script[src]"),r=n[n.length-1];if(r){C=e;var i=this;R=setTimeout((function(){k[r.src]=[e,t],i.import(r.src)}))}}else C=void 0;return U.call(this,e,t)},I.instantiate=function(t,n){var r=k[t];if(r)return delete k[t],r;var i=this;return Promise.resolve(I.createScript(t)).then((function(r){return new Promise((function(o,s){r.addEventListener("error",(function(){s(Error(e(3,"Error loading "+t+(n?" from "+n:""))))})),r.addEventListener("load",(function(){if(document.head.removeChild(r),J===t)s(_);else{var e=i.getRegister(t);e&&e[0]===C&&clearTimeout(R),o(e)}})),document.head.appendChild(r)}))}))},I.shouldFetch=function(){return!1},"undefined"!=typeof fetch&&(I.fetch=fetch);var $=I.instantiate,B=/^(text|application)\/(x-)?javascript(;|$)/;I.instantiate=function(t,n,r){var i=this;return this.shouldFetch(t,n,r)?this.fetch(t,{credentials:"same-origin",integrity:N.integrity[t],meta:r}).then((function(r){if(!r.ok)throw Error(e(7,r.status+" "+r.statusText+", loading "+t+(n?" from "+n:"")));var o=r.headers.get("content-type");if(!o||!B.test(o))throw Error(e(4,'Unknown Content-Type "'+o+'", loading '+t+(n?" from "+n:"")));return r.text().then((function(e){return e.indexOf("//# sourceURL=")<0&&(e+="\n//# sourceURL="+t),(0,eval)(e),i.getRegister(t)}))})):$.apply(this,arguments)},I.resolve=function(n,r){return c(N,t(n,r=r||g)||n,r)||function(t,n){throw Error(e(8,"Unable to resolve bare specifier '"+t+(n?"' from "+n:"'")))}(n,r)};var F=I.instantiate;I.instantiate=function(e,t,n){var r=N.depcache[e];if(r)for(var i=0;i<r.length;i++)d(this,this.resolve(r[i],e),e);return F.call(this,e,t,n)},b&&"function"==typeof importScripts&&(I.instantiate=function(e){var t=this;return Promise.resolve().then((function(){return importScripts(e),t.getRegister(e)}))}),function(e){function t(t){return!e.hasOwnProperty(t)||!isNaN(t)&&t<e.length||a&&e[t]&&"undefined"!=typeof window&&e[t].parent===window}var n,r,i,o=e.System.constructor.prototype,s=o.import;o.import=function(o,u,c){return function(){for(var o in n=r=void 0,e)t(o)||(n?r||(r=o):n=o,i=o)}(),s.call(this,o,u,c)};var u=[[],function(){return{}}],c=o.getRegister;o.getRegister=function(){var o=c.call(this);if(o)return o;var s,a=function(o){var s,u,c=0;for(var a in e)if(!t(a)){if(0===c&&a!==n||1===c&&a!==r)return a;s?(i=a,u=o&&u||a):s=a===i,c++}return u}(this.firstGlobalProp);if(!a)return u;try{s=e[a]}catch(f){return u}return[[],function(e){return{execute:function(){e(s),e({default:s,__useDefault:!0})}}}]};var a="undefined"!=typeof navigator&&-1!==navigator.userAgent.indexOf("Trident")}("undefined"!=typeof self?self:global),function(e){var t=e.System.constructor.prototype,r=/^[^#?]+\.(css|html|json|wasm)([?#].*)?$/,i=t.shouldFetch.bind(t);t.shouldFetch=function(e){return i(e)||r.test(e)};var o=/^application\/json(;|$)/,s=/^text\/css(;|$)/,u=/^application\/wasm(;|$)/,c=t.fetch;t.fetch=function(t,r){return c(t,r).then((function(i){if(r.passThrough)return i;if(!i.ok)return i;var c=i.headers.get("content-type");return o.test(c)?i.json().then((function(e){return new Response(new Blob(['System.register([],function(e){return{execute:function(){e("default",'+JSON.stringify(e)+")}}})"],{type:"application/javascript"}))})):s.test(c)?i.text().then((function(e){return e=e.replace(/url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g,(function(e,r,i,o){return["url(",r,n(i||o,t),r,")"].join("")})),new Response(new Blob(["System.register([],function(e){return{execute:function(){var s=new CSSStyleSheet();s.replaceSync("+JSON.stringify(e)+');e("default",s)}}})'],{type:"application/javascript"}))})):u.test(c)?(WebAssembly.compileStreaming?WebAssembly.compileStreaming(i):i.arrayBuffer().then(WebAssembly.compile)).then((function(n){e.System.wasmModules||(e.System.wasmModules=Object.create(null)),e.System.wasmModules[t]=n;var r=[],i=[];return WebAssembly.Module.imports&&WebAssembly.Module.imports(n).forEach((function(e){var t=JSON.stringify(e.module);-1===r.indexOf(t)&&(r.push(t),i.push("function(m){i["+t+"]=m}"))})),new Response(new Blob(["System.register(["+r.join(",")+"],function(e){var i={};return{setters:["+i.join(",")+"],execute:function(){return WebAssembly.instantiate(System.wasmModules["+JSON.stringify(t)+"],i).then(function(m){e(m.exports)})}}})"],{type:"application/javascript"}))})):i}))}}("undefined"!=typeof self?self:global);var q="undefined"!=typeof Symbol&&Symbol.toStringTag;I.get=function(e){var t=this[M][e];if(t&&null===t.e&&!t.E)return t.er?null:t.n},I.set=function(t,n){try{new URL(t)}catch(s){console.warn(Error(e("W3",'"'+t+'" is not a valid URL to set in the module registry')))}var r;q&&"Module"===n[q]?r=n:(r=Object.assign(Object.create(null),n),q&&Object.defineProperty(r,q,{value:"Module"}));var i=Promise.resolve(r),o=this[M][t]||(this[M][t]={id:t,i:[],h:!1,d:[],e:null,er:void 0,E:void 0});return!o.e&&!o.E&&(Object.assign(o,{n:r,I:void 0,L:void 0,C:i}),r)},I.has=function(e){return!!this[M][e]},I.delete=function(e){var t=this[M],n=t[e];if(!n||n.p&&null!==n.p.e||n.E)return!1;var r=n.i;return n.d&&n.d.forEach((function(e){var t=e.i.indexOf(n);-1!==t&&e.i.splice(t,1)})),delete t[e],function(){var n=t[e];if(!n||!r||null!==n.e||n.E)return!1;r.forEach((function(e){n.i.push(e),e(n.n)})),r=null}};var D="undefined"!=typeof Symbol&&Symbol.iterator;I.entries=function(){var e,t,n=this,r=Object.keys(n[M]),i=0,o={next:function(){for(;void 0!==(t=r[i++])&&void 0===(e=n.get(t)););return{done:void 0===t,value:void 0!==t&&[t,e]}}};return o[D]=function(){return this},o}}();
  37. !function(t){function e(t){t.registerRegistry=Object.create(null),t.namedRegisterAliases=Object.create(null)}var r=t.System;e(r);var i,s,n=r.constructor.prototype,l=r.constructor,a=function(){l.call(this),e(this)};a.prototype=n,r.constructor=a;var o=n.register;n.register=function(t,e,r,n){if("string"!=typeof t)return o.apply(this,arguments);var l=[e,r,n];return this.registerRegistry[t]=l,i||(i=l,s=t),Promise.resolve().then((function(){i=null,s=null})),o.apply(this,[e,r,n])};var u=n.resolve;n.resolve=function(t,e){try{return u.call(this,t,e)}catch(r){if(t in this.registerRegistry)return this.namedRegisterAliases[t]||t;throw r}};var c=n.instantiate;n.instantiate=function(t,e,r){var i=this.registerRegistry[t];return i?(this.registerRegistry[t]=null,i):c.call(this,t,e,r)};var g=n.getRegister;n.getRegister=function(t){var e=g.call(this,t);s&&t&&(this.namedRegisterAliases[s]=t);var r=i||e;return i=null,s=null,r}}("undefined"!=typeof self?self:global);
  38. ;(typeof System!='undefined')&&(System=new System.constructor());
  39. System.addImportMap({ imports: {"highlight.js":"user:highlight.js","beautifier":"user:beautifier","jsmind":"user:jsmind","dom-to-image":"user:dom-to-image"} });
  40. System.set("user:highlight.js", (()=>{const _=hljs;('default' in _)||(_.default=_);return _})());
  41. System.set("user:beautifier", (()=>{const _=beautifier;('default' in _)||(_.default=_);return _})());
  42. System.set("user:jsmind", (()=>{const _=jsmind;('default' in _)||(_.default=_);return _})());
  43. System.set("user:dom-to-image", (()=>{const _=domtoimage;('default' in _)||(_.default=_);return _})());
  44.  
  45. System.register("./__entry.js", ['./__monkey.entry-DaOPvC8e.js'], (function (exports, module) {
  46. 'use strict';
  47. return {
  48. setters: [null],
  49. execute: (function () {
  50.  
  51.  
  52.  
  53. })
  54. };
  55. }));
  56.  
  57. System.register("./__monkey.entry-DaOPvC8e.js", [], (function (exports, module) {
  58. 'use strict';
  59. return {
  60. execute: (function () {
  61.  
  62. const scriptRel = function detectScriptRel() {
  63. const relList = typeof document !== "undefined" && document.createElement("link").relList;
  64. return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
  65. }();
  66. const assetsURL = function(dep) {
  67. return "/" + dep;
  68. };
  69. const seen = {};
  70. const __vitePreload = function preload(baseModule, deps, importerUrl) {
  71. let promise = Promise.resolve();
  72. if (deps && deps.length > 0) {
  73. document.getElementsByTagName("link");
  74. const cspNonceMeta = document.querySelector(
  75. "meta[property=csp-nonce]"
  76. );
  77. const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
  78. promise = Promise.allSettled(
  79. deps.map((dep) => {
  80. dep = assetsURL(dep);
  81. if (dep in seen) return;
  82. seen[dep] = true;
  83. const isCss = dep.endsWith(".css");
  84. const cssSelector = isCss ? '[rel="stylesheet"]' : "";
  85. if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
  86. return;
  87. }
  88. const link = document.createElement("link");
  89. link.rel = isCss ? "stylesheet" : scriptRel;
  90. if (!isCss) {
  91. link.as = "script";
  92. }
  93. link.crossOrigin = "";
  94. link.href = dep;
  95. if (cspNonce) {
  96. link.setAttribute("nonce", cspNonce);
  97. }
  98. document.head.appendChild(link);
  99. if (isCss) {
  100. return new Promise((res, rej) => {
  101. link.addEventListener("load", res);
  102. link.addEventListener(
  103. "error",
  104. () => rej(new Error(`Unable to preload CSS for ${dep}`))
  105. );
  106. });
  107. }
  108. })
  109. );
  110. }
  111. function handlePreloadError(err) {
  112. const e = new Event("vite:preloadError", {
  113. cancelable: true
  114. });
  115. e.payload = err;
  116. window.dispatchEvent(e);
  117. if (!e.defaultPrevented) {
  118. throw err;
  119. }
  120. }
  121. return promise.then((res) => {
  122. for (const item of res || []) {
  123. if (item.status !== "rejected") continue;
  124. handlePreloadError(item.reason);
  125. }
  126. return baseModule().catch(handlePreloadError);
  127. });
  128. };
  129. var jsonBigintNative = {};
  130. var stringify = { exports: {} };
  131. (function(module) {
  132. var JSON = module.exports;
  133. (function() {
  134. var escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, gap, indent, meta = {
  135. // table of character substitutions
  136. "\b": "\\b",
  137. " ": "\\t",
  138. "\n": "\\n",
  139. "\f": "\\f",
  140. "\r": "\\r",
  141. '"': '\\"',
  142. "\\": "\\\\"
  143. }, rep;
  144. function quote(string) {
  145. escapable.lastIndex = 0;
  146. return escapable.test(string) ? '"' + string.replace(escapable, function(a) {
  147. var c = meta[a];
  148. return typeof c === "string" ? c : "\\u" + ("0000" + a.charCodeAt(0).toString(16)).slice(-4);
  149. }) + '"' : '"' + string + '"';
  150. }
  151. function str(key, holder) {
  152. var i, k, v, length, mind = gap, partial, value = holder[key];
  153. if (value && typeof value === "object" && typeof value.toJSON === "function") {
  154. value = value.toJSON(key);
  155. }
  156. if (typeof rep === "function") {
  157. value = rep.call(holder, key, value);
  158. }
  159. switch (typeof value) {
  160. case "string":
  161. return quote(value);
  162. case "number":
  163. return isFinite(value) ? String(value) : "null";
  164. case "boolean":
  165. case "null":
  166. case "bigint":
  167. return String(value);
  168. case "object":
  169. if (!value) {
  170. return "null";
  171. }
  172. gap += indent;
  173. partial = [];
  174. if (Object.prototype.toString.apply(value) === "[object Array]") {
  175. length = value.length;
  176. for (i = 0; i < length; i += 1) {
  177. partial[i] = str(i, value) || "null";
  178. }
  179. v = partial.length === 0 ? "[]" : gap ? "[\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "]" : "[" + partial.join(",") + "]";
  180. gap = mind;
  181. return v;
  182. }
  183. if (rep && typeof rep === "object") {
  184. length = rep.length;
  185. for (i = 0; i < length; i += 1) {
  186. if (typeof rep[i] === "string") {
  187. k = rep[i];
  188. v = str(k, value);
  189. if (v) {
  190. partial.push(quote(k) + (gap ? ": " : ":") + v);
  191. }
  192. }
  193. }
  194. } else {
  195. Object.keys(value).forEach(function(k2) {
  196. var v2 = str(k2, value);
  197. if (v2) {
  198. partial.push(quote(k2) + (gap ? ": " : ":") + v2);
  199. }
  200. });
  201. }
  202. v = partial.length === 0 ? "{}" : gap ? "{\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "}" : "{" + partial.join(",") + "}";
  203. gap = mind;
  204. return v;
  205. }
  206. }
  207. if (typeof JSON.stringify !== "function") {
  208. JSON.stringify = function(value, replacer, space) {
  209. var i;
  210. gap = "";
  211. indent = "";
  212. if (typeof space === "number") {
  213. for (i = 0; i < space; i += 1) {
  214. indent += " ";
  215. }
  216. } else if (typeof space === "string") {
  217. indent = space;
  218. }
  219. rep = replacer;
  220. if (replacer && typeof replacer !== "function" && (typeof replacer !== "object" || typeof replacer.length !== "number")) {
  221. throw new Error("JSON.stringify");
  222. }
  223. return str("", { "": value });
  224. };
  225. }
  226. })();
  227. })(stringify);
  228. var stringifyExports = stringify.exports;
  229. var json_parse$1 = function(options) {
  230. var _options;
  231. var at, ch, escapee = {
  232. '"': '"',
  233. "\\": "\\",
  234. "/": "/",
  235. b: "\b",
  236. f: "\f",
  237. n: "\n",
  238. r: "\r",
  239. t: " "
  240. }, text, error = function(m) {
  241. throw {
  242. name: "SyntaxError",
  243. message: m,
  244. at,
  245. text
  246. };
  247. }, next = function(c) {
  248. if (c && c !== ch) {
  249. error("Expected '" + c + "' instead of '" + ch + "'");
  250. }
  251. ch = text.charAt(at);
  252. at += 1;
  253. return ch;
  254. }, number = function() {
  255. var number2, string2 = "";
  256. if (ch === "-") {
  257. string2 = "-";
  258. next("-");
  259. }
  260. while (ch >= "0" && ch <= "9") {
  261. string2 += ch;
  262. next();
  263. }
  264. if (ch === ".") {
  265. string2 += ".";
  266. while (next() && ch >= "0" && ch <= "9") {
  267. string2 += ch;
  268. }
  269. }
  270. if (ch === "e" || ch === "E") {
  271. string2 += ch;
  272. next();
  273. if (ch === "-" || ch === "+") {
  274. string2 += ch;
  275. next();
  276. }
  277. while (ch >= "0" && ch <= "9") {
  278. string2 += ch;
  279. next();
  280. }
  281. }
  282. number2 = +string2;
  283. if (!isFinite(number2)) {
  284. error("Bad number");
  285. } else {
  286. if (string2.length > 15 && string2.indexOf(".") === -1) {
  287. try {
  288. return BigInt(string2);
  289. } catch (e) {
  290. switch (_options.fallbackTo) {
  291. case "number":
  292. return number2;
  293. case "string":
  294. return string2;
  295. default:
  296. throw e;
  297. }
  298. }
  299. } else {
  300. return number2;
  301. }
  302. }
  303. }, string = function() {
  304. var hex, i, string2 = "", uffff;
  305. if (ch === '"') {
  306. var startAt = at;
  307. while (next()) {
  308. if (ch === '"') {
  309. if (at - 1 > startAt) string2 += text.substring(startAt, at - 1);
  310. next();
  311. return string2;
  312. }
  313. if (ch === "\\") {
  314. if (at - 1 > startAt) string2 += text.substring(startAt, at - 1);
  315. next();
  316. if (ch === "u") {
  317. uffff = 0;
  318. for (i = 0; i < 4; i += 1) {
  319. hex = parseInt(next(), 16);
  320. if (!isFinite(hex)) {
  321. break;
  322. }
  323. uffff = uffff * 16 + hex;
  324. }
  325. string2 += String.fromCharCode(uffff);
  326. } else if (typeof escapee[ch] === "string") {
  327. string2 += escapee[ch];
  328. } else {
  329. break;
  330. }
  331. startAt = at;
  332. }
  333. }
  334. }
  335. error("Bad string");
  336. }, white = function() {
  337. while (ch && ch <= " ") {
  338. next();
  339. }
  340. }, word = function() {
  341. switch (ch) {
  342. case "t":
  343. next("t");
  344. next("r");
  345. next("u");
  346. next("e");
  347. return true;
  348. case "f":
  349. next("f");
  350. next("a");
  351. next("l");
  352. next("s");
  353. next("e");
  354. return false;
  355. case "n":
  356. next("n");
  357. next("u");
  358. next("l");
  359. next("l");
  360. return null;
  361. }
  362. error("Unexpected '" + ch + "'");
  363. }, value, array = function() {
  364. var array2 = [];
  365. if (ch === "[") {
  366. next("[");
  367. white();
  368. if (ch === "]") {
  369. next("]");
  370. return array2;
  371. }
  372. while (ch) {
  373. array2.push(value());
  374. white();
  375. if (ch === "]") {
  376. next("]");
  377. return array2;
  378. }
  379. next(",");
  380. white();
  381. }
  382. }
  383. error("Bad array");
  384. }, object = function() {
  385. var key, object2 = {};
  386. if (ch === "{") {
  387. next("{");
  388. white();
  389. if (ch === "}") {
  390. next("}");
  391. return object2;
  392. }
  393. while (ch) {
  394. key = string();
  395. white();
  396. next(":");
  397. if (_options.strict === true && Object.hasOwnProperty.call(object2, key)) {
  398. error('Duplicate key "' + key + '"');
  399. }
  400. Object.defineProperty(object2, key, {
  401. value: value(),
  402. writable: true,
  403. enumerable: true,
  404. configurable: true
  405. });
  406. white();
  407. if (ch === "}") {
  408. next("}");
  409. return object2;
  410. }
  411. next(",");
  412. white();
  413. }
  414. }
  415. error("Bad object");
  416. };
  417. value = function() {
  418. white();
  419. switch (ch) {
  420. case "{":
  421. return object();
  422. case "[":
  423. return array();
  424. case '"':
  425. return string();
  426. case "-":
  427. return number();
  428. default:
  429. return ch >= "0" && ch <= "9" ? number() : word();
  430. }
  431. };
  432. return function(source, reviver, options2) {
  433. _options = {
  434. strict: false,
  435. // not being strict means do not generate syntax errors for "duplicate key"
  436. fallbackTo: "number"
  437. // toggles whether the values should be stored as BigInt (default) or a string
  438. };
  439. if (options2 !== void 0 && options2 !== null) {
  440. if (options2.strict === true) {
  441. _options.strict = true;
  442. }
  443. if (typeof options2.fallbackTo !== "undefined") {
  444. if (options2.fallbackTo === "number" || options2.fallbackTo === "string" || options2.fallbackTo === "error") {
  445. _options.fallbackTo = options2.fallbackTo;
  446. } else {
  447. throw new Error(
  448. 'Incorrect value for fallbackTo option, must be "number", "string", "error" or undefined but passed ' + options2.fallbackTo
  449. );
  450. }
  451. }
  452. }
  453. var result;
  454. text = source + "";
  455. at = 0;
  456. ch = " ";
  457. result = value();
  458. white();
  459. if (ch) {
  460. error("Syntax error");
  461. }
  462. return typeof reviver === "function" ? function walk(holder, key) {
  463. var v, value2 = holder[key];
  464. if (value2 && typeof value2 === "object") {
  465. Object.keys(value2).forEach(function(k) {
  466. v = walk(value2, k);
  467. if (v !== void 0) {
  468. value2[k] = v;
  469. } else {
  470. delete value2[k];
  471. }
  472. });
  473. }
  474. return reviver.call(holder, key, value2);
  475. }({ "": result }, "") : result;
  476. };
  477. };
  478. var parse = json_parse$1();
  479. var json_stringify = stringifyExports.stringify;
  480. var json_parse = parse;
  481. jsonBigintNative.parse = json_parse;
  482. jsonBigintNative.stringify = json_stringify;
  483. var _GM_getValue = exports("b", /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)());
  484. var _GM_openInTab = /* @__PURE__ */ (() => typeof GM_openInTab != "undefined" ? GM_openInTab : void 0)();
  485. var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
  486. var _GM_setClipboard = exports("c", /* @__PURE__ */ (() => typeof GM_setClipboard != "undefined" ? GM_setClipboard : void 0)());
  487. var _GM_setValue = exports("_", /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)());
  488. var _unsafeWindow = exports("a", /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)());
  489. NodeList.prototype.filter = Array.prototype.filter;
  490. NodeList.prototype.some = Array.prototype.some;
  491. NodeList.prototype.map = Array.prototype.map;
  492. function getDefaultDisplay(ele) {
  493. let display = ele.defaultDisplay;
  494. const doc = ele.ownerDocument;
  495. if (display) return display;
  496. const temp = doc.body.appendChild(doc.createElement(ele.nodeName));
  497. display = getComputedStyle(temp).display;
  498. temp.parentNode.removeChild(temp);
  499. if (display === "none") display = "block";
  500. ele.defaultDisplay = display;
  501. return display;
  502. }
  503. function getMaxKeysAndDepthObject(list) {
  504. function getObjectDepth(obj) {
  505. if (typeof obj !== "object" || obj === null) return 0;
  506. let maxDepth2 = 0;
  507. for (let key in obj) {
  508. if (Object.prototype.hasOwnProperty.call(obj, key)) {
  509. const depth = getObjectDepth(obj[key]);
  510. maxDepth2 = Math.max(maxDepth2, depth);
  511. }
  512. }
  513. return maxDepth2 + 1;
  514. }
  515. function countKeys(obj) {
  516. if (typeof obj !== "object" || obj === null) return 0;
  517. let keyCount = Object.keys(obj).length;
  518. for (let key in obj) {
  519. if (Object.prototype.hasOwnProperty.call(obj, key)) {
  520. keyCount += countKeys(obj[key]);
  521. }
  522. }
  523. return keyCount;
  524. }
  525. let maxKeys = 0;
  526. let maxDepth = 0;
  527. let result = null;
  528. for (let item of list) {
  529. const keys = countKeys(item);
  530. const depth = getObjectDepth(item);
  531. if (keys > maxKeys || keys === maxKeys && depth > maxDepth) {
  532. maxKeys = keys;
  533. maxDepth = depth;
  534. result = item;
  535. }
  536. }
  537. return result;
  538. }
  539. const Utils = exports("U", {
  540. getMaxKeysAndDepthObject,
  541. isImg(str) {
  542. const regexp = /(ico|bmp|gif|jpg|jpeg|png|svg|webp|ICO|BMP|GIF|JPG|JPEG|PNG|WEBP|SVG)([\w#!:.?+=&%@!\-\/])?/i;
  543. return regexp.test(str);
  544. },
  545. isJSON(str) {
  546. try {
  547. jsonBigintNative.parse(str);
  548. return true;
  549. } catch (e) {
  550. return false;
  551. }
  552. },
  553. parse(text, reviver) {
  554. return jsonBigintNative.parse(text, reviver);
  555. },
  556. stringify(value, replacer, space) {
  557. return jsonBigintNative.stringify(value, replacer, space);
  558. },
  559. isObject(o) {
  560. return Object.is(typeof o, "object");
  561. },
  562. getType(o) {
  563. return this.getPropType(o).toLowerCase();
  564. },
  565. getPropType(o) {
  566. return Object.prototype.toString.call(o).match(/\s(.+)]/)[1];
  567. },
  568. random(len = 10) {
  569. let array = new Uint8Array(len);
  570. window.crypto.getRandomValues(array);
  571. const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
  572. const count = characters.length;
  573. let randomStr = "";
  574. for (let i = 0; i < len; i++) {
  575. randomStr += characters[array[i] % count];
  576. }
  577. return randomStr;
  578. },
  579. downloadText(content, filename) {
  580. const blob = new Blob([content], { type: "application/json;charset=utf-8" });
  581. const url = URL.createObjectURL(blob);
  582. this.createElement("a", { href: url, download: filename }).click();
  583. URL.revokeObjectURL(url);
  584. },
  585. matchJsonp(rawText) {
  586. const tokens = rawText.match(/^([^\s(]*)\s*\(([\s\S]*)\)\s*;?$/);
  587. if (tokens && tokens[1] && tokens[2]) {
  588. return { rawText: tokens[2], jsonpFun: tokens[1] };
  589. }
  590. return { rawText, jsonpFun: null };
  591. },
  592. debounce(fn, delay = 300) {
  593. let timer;
  594. return function() {
  595. if (timer) clearTimeout(timer);
  596. timer = setTimeout(() => fn.apply(this, arguments), delay);
  597. };
  598. },
  599. setClipboard(text) {
  600. if (_GM_setClipboard) {
  601. _GM_setClipboard(text);
  602. } else if (navigator.clipboard) {
  603. navigator.clipboard.writeText(text);
  604. } else {
  605. console.error("复制内容失败");
  606. }
  607. },
  608. addEvent(eventType, selector, callback) {
  609. const types = eventType.split(" ");
  610. types.forEach((type) => {
  611. function handler(event) {
  612. let target = event.target;
  613. if (!target.matches) return;
  614. while (!target.matches(selector)) {
  615. target = target.parentNode;
  616. if (!target || !target.matches) return;
  617. }
  618. Object.defineProperty(event, "currentTarget", {
  619. configurable: true,
  620. get() {
  621. return target;
  622. }
  623. });
  624. const returnValue = callback.call(target, event);
  625. if (returnValue === false) {
  626. event.preventDefault();
  627. event.stopPropagation();
  628. }
  629. event.stopImmediatePropagation();
  630. }
  631. document.addEventListener(type, handler, true);
  632. });
  633. },
  634. isVisible(ele) {
  635. return !!(ele.offsetWidth || ele.offsetHeight || ele.getClientRects().length);
  636. },
  637. createElement(name, attrs, text) {
  638. const element = document.createElement(name);
  639. if (text) element.textContent = text;
  640. if (attrs) this.attr(element, attrs);
  641. return element;
  642. },
  643. attr(ele, attrs, value) {
  644. if (!ele) return;
  645. if (typeof attrs === "object") {
  646. for (const name in attrs) ele.setAttribute(name, attrs[name]);
  647. return;
  648. }
  649. if (value === void 0) return ele.getAttribute(attrs);
  650. if (value === false || value === null) return ele.removeAttribute(attrs);
  651. ele.setAttribute(attrs, value);
  652. },
  653. query(selector, context) {
  654. const ctx = context || document;
  655. if (selector instanceof HTMLElement) return selector;
  656. return ctx.querySelector(selector);
  657. },
  658. queryAll(selector, context) {
  659. const ctx = context || document;
  660. if (selector instanceof HTMLElement) return new NodeList(selector);
  661. if (selector instanceof NodeList) return selector;
  662. return ctx.querySelectorAll(selector);
  663. },
  664. closest(element, selector) {
  665. while (element) {
  666. if (element.matches(selector)) return element;
  667. element = element.parentElement;
  668. }
  669. return null;
  670. },
  671. addClass(ele, className) {
  672. if (!ele) return;
  673. if (ele instanceof HTMLElement) return ele.classList.add(className);
  674. if (ele instanceof NodeList || ele instanceof Array) {
  675. ele.forEach((el) => this.addClass(el, className));
  676. }
  677. },
  678. removeClass(ele, className) {
  679. if (!ele) return;
  680. if (ele instanceof HTMLElement) {
  681. const classList = ele.classList;
  682. if (className === void 0) {
  683. while (classList.length > 0) {
  684. classList.remove(classList.item(0));
  685. }
  686. return;
  687. }
  688. return classList.remove(className);
  689. }
  690. if (ele instanceof NodeList || ele instanceof Array) {
  691. ele.forEach((el) => this.removeClass(el, className));
  692. }
  693. },
  694. toggleClass(ele, className) {
  695. if (!ele) return;
  696. this.hasClass(ele, className) ? this.removeClass(ele, className) : this.addClass(ele, className);
  697. },
  698. hasClass(ele, className) {
  699. if (!ele) return false;
  700. if (ele instanceof HTMLElement) return ele.classList.contains(className);
  701. if (ele instanceof NodeList) {
  702. return ele.some((el) => this.hasClass(el, className));
  703. }
  704. },
  705. show(ele) {
  706. if (!ele) return;
  707. const style = ele.style;
  708. const display = getComputedStyle(ele).display;
  709. if (style.display === "none") style.display = "";
  710. if (style.display === "" && display === "none") {
  711. style.display = getDefaultDisplay(ele);
  712. }
  713. },
  714. hide(ele) {
  715. if (ele.defaultDisplay === void 0) {
  716. const computedDisplay = getComputedStyle(ele).display;
  717. if (!Object.is(computedDisplay, "none")) {
  718. ele.defaultDisplay = computedDisplay;
  719. }
  720. }
  721. ele.style.display = "none";
  722. }
  723. });
  724. const URL$1 = exports("d", {
  725. JSON_CRACK_WIDGET: "https://jsoncrack.feny.ink/widget",
  726. EXAMPLE_JSON: "https://fetch-api.feny.ink/example.json",
  727. ONLINE_REQUEST: "https://fetch-api.feny.ink/httpRequest",
  728. LAYUI_JS: "https://unpkg.com/layui@2.7.6/dist/layui.js"
  729. });
  730. const layout = `
  731. <template data-for="viewFormater">
  732. <div class="toolbar-item btn" id="saveJson">保存</div>
  733. <div class="toolbar-item btn" id="copyJson">复制</div>
  734. <div class="toolbar-item btn" id="sorted">排序</div>
  735. <div class="toolbar-item btn" id="collapseAll">全部折叠</div>
  736. <div class="toolbar-item btn" id="expandAll">全部展开</div>
  737. <div class="searchbox">
  738. <input class="filter" type="text" placeholder="JSON 过滤" />
  739. <button class="clear" hidden></button>
  740. </div>
  741. </template>
  742. <template data-for="viewMind">
  743. <div class="toolbar-item btn" id="saveJson">保存</div>
  744. <div class="toolbar-item btn" id="collapseAll">全部折叠</div>
  745. <div class="toolbar-item btn" id="expandAll">全部展开</div>
  746. <div class="toolbar-item btn" id="jsoncrack">JSON Crack</div>
  747. </template>
  748. <template data-for="viewRawText">
  749. <div class="toolbar-item btn" id="saveJson">保存</div>
  750. <div class="toolbar-item btn" id="copyJson">复制</div>
  751. <div class="toolbar-item btn" id="beautify">美化输出</div>
  752. </template>
  753. <div class="json-viewer-layout">
  754. <div class="panel">
  755. <div class="tabs">
  756. <div class="tabs-item btn active" id="viewFormater">JSON 格式化</div>
  757. <div class="tabs-item btn" id="viewMind">JSON 脑图</div>
  758. <div class="tabs-item btn" id="viewRawText">原始数据</div>
  759. </div>
  760. <div class="toolbar"></div>
  761. <div class="rightbox">
  762. <div class="style">
  763. <span>风格</span>
  764. <template data-type="style">
  765. <ul>
  766. <li data-type="style" data-value="default">默认</li>
  767. <li data-type="style" data-value="table">表格</li>
  768. </ul>
  769. </template>
  770. </div>
  771. <div class="theme">
  772. <span>主题</span>
  773. <template data-type="theme">
  774. <ul>
  775. <li data-type="theme" data-value="default">默认</li>
  776. <li data-type="theme" data-value="light">浅色</li>
  777. <li data-type="theme" data-value="dark">暗黑</li>
  778. <li data-type="theme" data-value="dark-plus">暗黑+</li>
  779. </ul>
  780. </template>
  781. </div>
  782. <div class="tools">
  783. <span>工具</span>
  784. <template data-type="tools">
  785. <ul>
  786. <li data-type="tools" data-value="inputJson">JSON 输入</li>
  787. <li data-type="tools" data-value="fetchJson">HTTP 请求</li>
  788. </ul>
  789. </template>
  790. </div>
  791. </div>
  792. </div>
  793. <div class="container">
  794. <div class="active" data-for="viewFormater" id="formatBox"></div>
  795. <div data-for="viewMind" id="mindBox"></div>
  796. <div data-for="viewRawText" id="rawTextBox">
  797. <pre></pre>
  798. </div>
  799. </div>
  800. </div>
  801. `;
  802. const { EXAMPLE_JSON, LAYUI_JS } = URL$1;
  803. (function() {
  804. const openInTab = () => _GM_openInTab(EXAMPLE_JSON);
  805. _GM_registerMenuCommand("测试JSON( Alt + J )", openInTab);
  806. window.addEventListener("keydown", function(event) {
  807. const { key, altKey } = event;
  808. if (altKey && key.toLowerCase() === "j") openInTab();
  809. });
  810. const innerText = document.body.innerText;
  811. const { rawText, jsonpFun } = Utils.matchJsonp(innerText);
  812. if (!Utils.isJSON(rawText)) return __vitePreload(() => module.import('./index-CKkjAZM9-vhvvI184.js'), void 0 );
  813. _unsafeWindow.RAW_TEXT = rawText;
  814. _unsafeWindow.GLOBAL_JSONP_FUN = jsonpFun;
  815. _unsafeWindow.GLOBAL_JSON = Utils.parse(_unsafeWindow.RAW_TEXT);
  816. Utils.hide(Utils.query("pre"));
  817. window.postMessage({ addStyle: true });
  818. const meta = Utils.createElement("meta", {
  819. name: "viewport",
  820. content: "width=device-width, initial-scale=1.0"
  821. });
  822. document.head.appendChild(meta);
  823. const script = Utils.createElement("script", { src: LAYUI_JS, type: "text/javascript" });
  824. document.head.appendChild(script);
  825. setTimeout(() => {
  826. document.body.insertAdjacentHTML("afterbegin", layout);
  827. const temp = Utils.query('template[data-for="viewFormater"]');
  828. Utils.query(".toolbar").innerHTML = temp.innerHTML;
  829. __vitePreload(() => module.import('./index-CqxkcGYo-DJJBu7bl.js'), void 0 ).then(() => {
  830. __vitePreload(() => module.import('./index-DYsfoP8L-BEh4MpbO.js'), void 0 );
  831. __vitePreload(() => module.import('./index-DiPpoxj5-DJ0v9jbY.js'), void 0 );
  832. });
  833. });
  834. })();
  835.  
  836. })
  837. };
  838. }));
  839.  
  840. System.register("./index-CKkjAZM9-vhvvI184.js", ['highlight.js', 'beautifier', './__monkey.entry-DaOPvC8e.js'], (function (exports, module) {
  841. 'use strict';
  842. var hljs, css_beautify, js_beautify, Utils;
  843. return {
  844. setters: [module => {
  845. hljs = module.default;
  846. }, module => {
  847. css_beautify = module.css_beautify;
  848. js_beautify = module.js_beautify;
  849. }, module => {
  850. Utils = module.U;
  851. }],
  852. execute: (function () {
  853.  
  854. const layout = `
  855. <div class="beautify_checkbox">
  856. <input type="checkbox" id="beautify" />
  857. <label for="beautify">美化输出</label>
  858. </div>
  859. `;
  860. (function() {
  861. const docType = ["application/x-javascript", "application/javascript", "text/javascript", "text/css"];
  862. const contentType = document.contentType;
  863. if (!docType.includes(contentType)) return;
  864. const preElement = Utils.query("pre");
  865. if (!preElement) return;
  866. window.postMessage({ addStyle: true });
  867. Utils.addClass(Utils.query("html"), "monkey-js-css-beautify");
  868. setTimeout(() => {
  869. const rawText = preElement.innerText;
  870. document.body.insertAdjacentHTML("afterbegin", layout);
  871. const checkbox = Utils.query(".beautify_checkbox input");
  872. checkbox.addEventListener("click", function() {
  873. if (this.checked) {
  874. beautifyCode(contentType, preElement, rawText);
  875. } else {
  876. preElement.innerText = rawText;
  877. }
  878. });
  879. });
  880. })();
  881. function beautifyCode(contentType, element, rawText) {
  882. const language = contentType.substring(contentType.indexOf("/") + 1);
  883. if (!["css", "javascript", "x-javascript"].includes(language)) return;
  884. let beautifyCode2;
  885. if ("css" === language) {
  886. const cssBeautify = css_beautify ? css_beautify : window.css_beautify;
  887. beautifyCode2 = hljs.highlight(cssBeautify(rawText), { language }).value;
  888. } else {
  889. const jsBeautify = js_beautify ? js_beautify : window.js_beautify;
  890. beautifyCode2 = hljs.highlight(jsBeautify(rawText), { language: "javascript" }).value;
  891. }
  892. element.innerHTML = `<code>${beautifyCode2}</code>`;
  893. }
  894.  
  895. })
  896. };
  897. }));
  898.  
  899. System.register("./index-CqxkcGYo-DJJBu7bl.js", ['./__monkey.entry-DaOPvC8e.js', './tippy.esm-Ot9MORvr-DNGa7Opj.js'], (function (exports, module) {
  900. 'use strict';
  901. var _GM_setValue, _unsafeWindow, Utils, _GM_getValue, _GM_setClipboard, tippy;
  902. return {
  903. setters: [module => {
  904. _GM_setValue = module._;
  905. _unsafeWindow = module.a;
  906. Utils = module.U;
  907. _GM_getValue = module.b;
  908. _GM_setClipboard = module.c;
  909. }, module => {
  910. tippy = module.t;
  911. }],
  912. execute: (function () {
  913.  
  914. var __defProp = Object.defineProperty;
  915. var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
  916. var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
  917. const STYLE = Object.freeze({ TABLE: "table", VIEWER: "viewer" });
  918. const SORTED = Object.freeze({ NONE: "none", ASC: "ASC", DESC: "DESC" });
  919. class JsonFormat {
  920. constructor(options, tag, clazz) {
  921. __publicField(this, "Root", "Root");
  922. __publicField(this, "DEFAULTS", { json: null, style: null, container: null, theme: "default", sort: SORTED.NONE });
  923. // 排序枚举
  924. __publicField(this, "SORT_ENUM", Object.freeze({
  925. [SORTED.NONE]: { value: SORTED.ASC, text: "升序" },
  926. [SORTED.ASC]: { value: SORTED.DESC, text: "降序" },
  927. [SORTED.DESC]: { value: SORTED.NONE, text: "排序" }
  928. }));
  929. // 括号
  930. __publicField(this, "BRACKET", Object.freeze({
  931. array: { START: "[", END: "]", FULL: "[]" },
  932. object: { START: "{", END: "}", FULL: "{}" }
  933. }));
  934. this.tag = tag;
  935. this.clazz = clazz;
  936. this.options = Object.assign(this.DEFAULTS, options);
  937. if (!options.container) throw new Error("Container is required");
  938. if (!options.json) throw new Error("json is required");
  939. this.container = Utils.query(options.container);
  940. this.setTheme(this.options.theme);
  941. this.render(tag, clazz);
  942. }
  943. render(tag, clazz) {
  944. this.container.innerHTML = "";
  945. const wrapper = Utils.createElement(tag, { class: clazz });
  946. const fragment = document.createDocumentFragment();
  947. this.buildNode(fragment, this.options.json);
  948. wrapper.appendChild(fragment);
  949. this.container.appendChild(wrapper);
  950. this.bindEvent();
  951. }
  952. buildNode() {
  953. throw new Error("此方法必须由子类实现具体功能");
  954. }
  955. setTheme(theme) {
  956. const classList = document.body.classList;
  957. classList.forEach((clas) => {
  958. if (clas.includes("theme")) classList.remove(clas);
  959. });
  960. classList.add(`${theme}-theme`);
  961. }
  962. keySort(json) {
  963. const { sort } = this.options;
  964. if (Array.isArray(json)) return json;
  965. if (sort === SORTED.NONE) return json;
  966. const entries = Object.entries(json);
  967. const asc = ([prev], [next]) => prev.localeCompare(next);
  968. const desc = ([prev], [next]) => next.localeCompare(prev);
  969. const result = Object.is(SORTED.ASC, sort) ? entries.sort(asc) : entries.sort(desc);
  970. return Object.fromEntries(result);
  971. }
  972. sorted() {
  973. const sort = this.SORT_ENUM[this.options.sort];
  974. this.options.sort = sort.value;
  975. this.render(this.tag, this.clazz);
  976. return sort.text;
  977. }
  978. iterateJson(json, parentId, parentPath, tagName, callback) {
  979. const entries = Object.entries(this.keySort(json));
  980. const entryCount = entries.length;
  981. const lastIndex = entryCount - 1;
  982. for (let index = 0; index < entryCount; index++) {
  983. const id = Utils.random();
  984. const [key, value] = entries[index];
  985. const type = Utils.getType(value);
  986. const hasNext = this.hasNext(value);
  987. const notLast = !Object.is(index, lastIndex);
  988. const path = this.spliceJsonPath(parentPath, key);
  989. const element = Utils.createElement(tagName, { path, "data-node-id": id, "data-node-pid": parentId });
  990. if (hasNext) element.setAttribute("class", "collapsible expanded");
  991. callback.call(this, { id, key, value, type, path, hasNext, element, notLast });
  992. }
  993. }
  994. creatValueNode(type, value) {
  995. if (this.isIterator(value)) return this.createBracket(type);
  996. const node = Utils.createElement("span", { class: `json-${type}` });
  997. if (this.isUrl(value)) {
  998. const link = Utils.createElement("a", { target: "_blank", href: value }, `"${value}"`);
  999. node.appendChild(link);
  1000. return node;
  1001. }
  1002. node.textContent = Object.is("string", type) ? Utils.stringify(value) : `${value}`;
  1003. if (this.isColor(value)) {
  1004. const span = Utils.createElement("span", { class: "json-color", style: `background-color: ${value}` });
  1005. node.prepend(span);
  1006. }
  1007. return node;
  1008. }
  1009. creatExtraNodes(node, json) {
  1010. if (!this.hasNext(json)) return;
  1011. node.prepend(this.creatArrowNode());
  1012. node.appendChild(this.creatCopyNode(json));
  1013. node.appendChild(this.creatDescNode(json));
  1014. }
  1015. creatArrowNode() {
  1016. return Utils.createElement("span", { class: "json-arrow" });
  1017. }
  1018. creatCopyNode(json) {
  1019. const copy = Utils.createElement("span", { title: "复制", class: "json-copy" });
  1020. copy.json = json;
  1021. return copy;
  1022. }
  1023. creatDescNode(json) {
  1024. const type = Utils.getType(json);
  1025. const desc = Utils.createElement("span", { class: "json-desc" });
  1026. const count = Object.keys(json).length;
  1027. const span = Utils.createElement("span");
  1028. span.textContent = `${count} ${type === "object" ? count > 1 ? "keys" : "key" : count > 1 ? "items" : "item"}`;
  1029. desc.appendChild(span);
  1030. if (STYLE.TABLE === this.options.style) {
  1031. desc.insertAdjacentText("afterbegin", this.BRACKET[type].START);
  1032. desc.insertAdjacentText("beforeend", this.BRACKET[type].END);
  1033. }
  1034. return desc;
  1035. }
  1036. createBracket(type) {
  1037. return Utils.createElement("span", { type, class: `json-bracket` }, this.BRACKET[type].FULL);
  1038. }
  1039. bindEvent() {
  1040. this.addEvent("click", ".json-copy", (e) => {
  1041. const target = e.target;
  1042. const className = "success";
  1043. if (!target.json || Utils.hasClass(target, className)) return;
  1044. Utils.setClipboard(Utils.stringify(target.json, null, 2));
  1045. setTimeout(() => Utils.removeClass(target, className), 1500);
  1046. Utils.addClass(target, className);
  1047. });
  1048. this.addEvent("click", ".json-arrow", (e) => {
  1049. const node = Utils.closest(e.target, ".collapsible");
  1050. const expanded = Utils.hasClass(node, "expanded");
  1051. expanded ? this.collapse(node) : this.expand(node);
  1052. });
  1053. this.addEvent("click", ".json-desc", (e) => this.expand(Utils.closest(e.target, ".collapsible")));
  1054. }
  1055. expandAll() {
  1056. this.nodes().forEach((node) => this.expand(node));
  1057. }
  1058. collapseAll() {
  1059. this.nodes().forEach((node) => this.collapse(node));
  1060. }
  1061. expand(node) {
  1062. this.toggleDescs(node, false);
  1063. Utils.hide(this.descNode(node));
  1064. Utils.addClass(node, "expanded");
  1065. Utils.removeClass(node, "collapsed");
  1066. }
  1067. collapse(node) {
  1068. this.toggleDescs(node, true);
  1069. Utils.show(this.descNode(node));
  1070. Utils.addClass(node, "collapsed");
  1071. Utils.removeClass(node, "expanded");
  1072. }
  1073. toggleDescs(node, hidden) {
  1074. const target = Utils.query(`#${node.dataset.nodeId}`);
  1075. hidden ? Utils.addClass(target, "hidden") : Utils.removeClass(target, "hidden");
  1076. }
  1077. descNode(node) {
  1078. return Utils.query(`*[data-node-id="${node.dataset.nodeId}"] .json-desc`, node);
  1079. }
  1080. findChildren(node) {
  1081. return Utils.queryAll(`*[data-node-pid="${node.dataset.nodeId}"]`, this.container);
  1082. }
  1083. findByID(id) {
  1084. return Utils.query(`*[data-node-id="${id}"]`, this.container);
  1085. }
  1086. expandByID(id) {
  1087. this.expand(this.findByID(id));
  1088. }
  1089. collapseByID(id) {
  1090. this.collapse(this.findByID(id));
  1091. }
  1092. nodes() {
  1093. return Utils.queryAll(".collapsible", this.container);
  1094. }
  1095. addEvent(type, selector, fn) {
  1096. Utils.queryAll(selector).forEach((el) => el.addEventListener(type, fn));
  1097. }
  1098. spliceJsonPath(path, key) {
  1099. if (this.isNumber(key)) return `${path}[${key}]`;
  1100. if (key.includes(".")) return `${path}["${key}"]`;
  1101. return `${path}.${key}`;
  1102. }
  1103. isNumber(str) {
  1104. return /^\d+$/.test(str);
  1105. }
  1106. isIterator(data) {
  1107. return ["array", "object"].includes(Utils.getType(data));
  1108. }
  1109. hasNext(data) {
  1110. return this.isIterator(data) ? Object.keys(data).length > 0 : false;
  1111. }
  1112. isUrl(str) {
  1113. const regexp = /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
  1114. return regexp.test(str);
  1115. }
  1116. isColor(str) {
  1117. const rgbRegex = /^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/;
  1118. const hexRegex = /^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
  1119. const rgbaRegex = /^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(0|1|0\.\d+)\s*\)$/;
  1120. return hexRegex.test(str) || rgbRegex.test(str) || rgbaRegex.test(str);
  1121. }
  1122. }
  1123. __publicField(JsonFormat, "STYLE", STYLE);
  1124. class JsonViewer extends JsonFormat {
  1125. constructor(options) {
  1126. options.style = JsonFormat.STYLE.VIEWER;
  1127. super(options, "div", "json-viewer");
  1128. }
  1129. buildNode(fragment, json, parentPath = this.Root, parentId = this.Root) {
  1130. const type = Utils.getType(json);
  1131. fragment.appendChild(Utils.createElement("span", { type, class: `json-bracket` }, this.BRACKET[type].START));
  1132. if (this.Root !== parentId) this.creatExtraNodes(fragment, json);
  1133. this.iterateNodes(fragment, json, parentPath, parentId);
  1134. fragment.appendChild(Utils.createElement("span", { type, class: `json-bracket` }, this.BRACKET[type].END));
  1135. }
  1136. iterateNodes(fragment, json, parentPath, parentId) {
  1137. const wrapper = Utils.createElement("ul", { id: parentId });
  1138. this.iterateJson(json, parentId, parentPath, "li", (data) => {
  1139. const { id, key, value, type, path, hasNext, element, notLast } = data;
  1140. this.createKeyNode(element, key);
  1141. if (hasNext) this.buildNode(element, value, path, id);
  1142. if (!hasNext) element.appendChild(this.creatValueNode(type, value));
  1143. if (notLast) element.appendChild(Utils.createElement("span", { class: "json-comma" }, ","));
  1144. wrapper.appendChild(element);
  1145. });
  1146. fragment.appendChild(wrapper);
  1147. }
  1148. createKeyNode(node, key) {
  1149. if (this.isNumber(key)) return;
  1150. node.appendChild(Utils.createElement("span", { class: "json-key" }, `"${key}"`));
  1151. node.appendChild(Utils.createElement("span", { class: "json-colon" }, ":"));
  1152. }
  1153. }
  1154. class JsonToTable extends JsonFormat {
  1155. constructor(options) {
  1156. options.style = JsonFormat.STYLE.TABLE;
  1157. super(options, "table", "json-tree-table");
  1158. }
  1159. buildNode(fragment, json, parentPath = this.Root, parentId = this.Root, nodeDepth = 1) {
  1160. const wrapper = Utils.createElement("wrapper", { id: parentId });
  1161. this.iterateJson(json, parentId, parentPath, "tr", (data) => {
  1162. const { id, key, value, type, path, hasNext, element } = data;
  1163. element.appendChild(this.createKeyNode(key, value, nodeDepth, hasNext));
  1164. if (!hasNext) {
  1165. const td = Utils.createElement("td");
  1166. td.appendChild(this.creatValueNode(type, value));
  1167. element.appendChild(td);
  1168. }
  1169. wrapper.appendChild(element);
  1170. if (hasNext) this.buildNode(wrapper, value, path, id, nodeDepth + 1);
  1171. });
  1172. fragment.appendChild(wrapper);
  1173. }
  1174. createKeyNode(key, value, nodeDepth, hasNext) {
  1175. const paddingLeft = nodeDepth * 20;
  1176. const node = Utils.createElement("td", { style: `padding-left: ${paddingLeft}px` });
  1177. if (hasNext) node.setAttribute("colspan", 2);
  1178. node.appendChild(Utils.createElement("span", { class: "json-key" }, `${key}`));
  1179. node.appendChild(Utils.createElement("span", { class: "json-colon" }, ":"));
  1180. this.creatExtraNodes(node, value);
  1181. return node;
  1182. }
  1183. bindEvent() {
  1184. super.bindEvent();
  1185. Utils.addEvent("mousedown", "table tr", function(e) {
  1186. const { tagName, className } = e.target;
  1187. if (e.ctrlKey || tagName === "A" || tagName === "SPAN" && className !== "json-key") return;
  1188. const filter = Utils.queryAll(".selected").filter((el) => el !== this);
  1189. Utils.removeClass(filter, "selected");
  1190. Utils.toggleClass(this, "selected");
  1191. });
  1192. }
  1193. }
  1194. class FormaterFactory {
  1195. static getInstance(options) {
  1196. return Object.is(JsonToTable.STYLE.TABLE, options.style) ? new JsonToTable(options) : new JsonViewer(options);
  1197. }
  1198. }
  1199. const evnet = {
  1200. urlHover() {
  1201. Utils.addEvent("mouseenter", "a[href]", function() {
  1202. const href = Utils.attr(this, "href");
  1203. if (!Utils.isImg(href)) return;
  1204. const content = `<img style="width:100%" src="${href}" />`;
  1205. tippy(this, { maxWidth: 500, duration: 800, allowHTML: true, theme: "imagebox", content }).show();
  1206. });
  1207. return this;
  1208. },
  1209. eventPath() {
  1210. Utils.addEvent("click mouseenter", ".json-key", (event) => {
  1211. const target = event.target;
  1212. const path = Utils.closest(target, "[path]").getAttribute("path");
  1213. if (Object.is(event.type, "click") && event.ctrlKey) {
  1214. return _GM_setClipboard(path) & layer.msg("复制成功", { time: 1500 });
  1215. }
  1216. const content = `<i>ctrlclick 复制</i><br/><b>路径:</b>${path}`;
  1217. tippy(target, { duration: 800, theme: "layer", allowHTML: true, maxWidth: "none", content }).show();
  1218. });
  1219. return this;
  1220. },
  1221. init() {
  1222. this.urlHover().eventPath();
  1223. }
  1224. };
  1225. const format = exports("default", {
  1226. changeStyle(style) {
  1227. _GM_setValue("style", style) & this.setStyle();
  1228. return this;
  1229. },
  1230. setStyle() {
  1231. _unsafeWindow.FILTER_VALUE = "";
  1232. Utils.query(".filter").value = "";
  1233. Utils.attr(Utils.query(".clear"), "hidden", true);
  1234. this.render(_unsafeWindow.GLOBAL_JSON);
  1235. return this;
  1236. },
  1237. render(json) {
  1238. const container = Utils.query("#formatBox");
  1239. const style = _GM_getValue("style") || "default";
  1240. const theme = _GM_getValue("theme") || "default";
  1241. const options = { json, style, theme, container };
  1242. _unsafeWindow.JSON_FORMATER = FormaterFactory.getInstance(options);
  1243. if (_unsafeWindow.GLOBAL_JSONP_FUN) {
  1244. const start = Utils.createElement("div", { class: "jsonp" });
  1245. start.textContent = `${_unsafeWindow.GLOBAL_JSONP_FUN}(`;
  1246. container.prepend(start);
  1247. const end = start.cloneNode(true);
  1248. end.textContent = ")";
  1249. container.append(end);
  1250. }
  1251. return this;
  1252. },
  1253. filter(json, text) {
  1254. text = text.toLowerCase();
  1255. function match(json2, text2) {
  1256. const newJson = Array.isArray(json2) ? new Array() : new Object();
  1257. const entries = Object.entries(json2);
  1258. for (const [key, value] of entries) {
  1259. const type = Utils.getType(value);
  1260. const _key = key.toLowerCase();
  1261. const _value = Utils.stringify(value).toLowerCase();
  1262. if (!_key.includes(text2) && !_value.includes(text2)) continue;
  1263. if (["array", "object"].includes(type)) {
  1264. const result = match(value, text2);
  1265. const _result = Utils.stringify(result).toLowerCase();
  1266. if (_key.includes(text2) || _result.includes(text2)) {
  1267. newJson[key] = result;
  1268. }
  1269. } else {
  1270. newJson[key] = value;
  1271. }
  1272. }
  1273. return newJson;
  1274. }
  1275. return match(json, text);
  1276. },
  1277. input() {
  1278. const debounceInput = Utils.debounce((event) => {
  1279. const value = event.target.value;
  1280. _unsafeWindow.FILTER_VALUE = value;
  1281. const clear = Utils.query(".clear");
  1282. Utils.attr(clear, "hidden", !value);
  1283. const newJson = this.filter(_unsafeWindow.GLOBAL_JSON, value);
  1284. this.render(newJson);
  1285. }, 400);
  1286. Utils.addEvent("input", ".filter", debounceInput);
  1287. return this;
  1288. },
  1289. clear() {
  1290. Utils.addEvent("click", ".clear", () => this.setStyle());
  1291. return this;
  1292. },
  1293. init() {
  1294. this.setStyle().input().clear();
  1295. evnet.init();
  1296. }
  1297. });
  1298. window.addEventListener("message", function(event) {
  1299. const { data } = event;
  1300. if (!data) return;
  1301. if (data.reload) return format.setStyle();
  1302. const { type, value } = data;
  1303. if (Object.is(type, "style")) format.changeStyle(value);
  1304. });
  1305. format.init();
  1306.  
  1307. })
  1308. };
  1309. }));
  1310.  
  1311. System.register("./index-DYsfoP8L-BEh4MpbO.js", ['./tippy.esm-Ot9MORvr-DNGa7Opj.js', 'jsmind', 'dom-to-image', './__monkey.entry-DaOPvC8e.js'], (function (exports, module) {
  1312. 'use strict';
  1313. var tippy, require$$0, require$$1, Utils, _unsafeWindow, _GM_setClipboard, _GM_getValue, URL$1, _GM_setValue;
  1314. return {
  1315. setters: [module => {
  1316. tippy = module.t;
  1317. }, module => {
  1318. require$$0 = module.default;
  1319. }, module => {
  1320. require$$1 = module.default;
  1321. }, module => {
  1322. Utils = module.U;
  1323. _unsafeWindow = module.a;
  1324. _GM_setClipboard = module.c;
  1325. _GM_getValue = module.b;
  1326. URL$1 = module.d;
  1327. _GM_setValue = module._;
  1328. }],
  1329. execute: (function () {
  1330.  
  1331. var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
  1332. /**
  1333. * @license BSD-3-Clause
  1334. * @copyright 2014-2023 hizzgdev@163.com
  1335. *
  1336. * Project Home:
  1337. * https://github.com/hizzgdev/jsmind/
  1338. */
  1339. (function(module, exports) {
  1340. !function(e, t) {
  1341. t(require$$0, require$$1);
  1342. }(commonjsGlobal, function(e, t) {
  1343. function i(e2) {
  1344. return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
  1345. }
  1346. var n = i(e), o = i(t);
  1347. if (!n.default) throw new Error("jsMind is not defined");
  1348. if (!o.default) throw new Error("dom-to-image is required");
  1349. const r = n.default.$, s = { filename: null, watermark: { left: r.w.location, right: "https://github.com/hizzgdev/jsmind" }, background: "transparent" };
  1350. class a {
  1351. constructor(e2, t2) {
  1352. var i2 = {};
  1353. n.default.util.json.merge(i2, s), n.default.util.json.merge(i2, t2), this.version = "0.2.0", this.jm = e2, this.options = i2, this.dpr = e2.view.device_pixel_ratio;
  1354. }
  1355. shoot() {
  1356. let e2 = this.create_canvas(), t2 = e2.getContext("2d");
  1357. t2.scale(this.dpr, this.dpr), Promise.resolve(t2).then(() => this.draw_background(t2)).then(() => this.draw_lines(t2)).then(() => this.draw_nodes(t2)).then(() => this.draw_watermark(e2, t2)).then(() => this.download(e2)).then(() => this.clear(e2));
  1358. }
  1359. create_canvas() {
  1360. let e2 = r.c("canvas");
  1361. const t2 = this.jm.view.size.w, i2 = this.jm.view.size.h;
  1362. return e2.width = t2 * this.dpr, e2.height = i2 * this.dpr, e2.style.width = t2 + "px", e2.style.height = i2 + "px", e2.style.visibility = "hidden", this.jm.view.e_panel.appendChild(e2), e2;
  1363. }
  1364. clear(e2) {
  1365. e2.parentNode.removeChild(e2);
  1366. }
  1367. draw_background(e2) {
  1368. return new Promise(function(t2, i2) {
  1369. const n2 = this.options.background;
  1370. n2 && "transparent" !== n2 && (e2.fillStyle = this.options.background, e2.fillRect(0, 0, this.jm.view.size.w, this.jm.view.size.h)), t2(e2);
  1371. }.bind(this));
  1372. }
  1373. draw_lines(e2) {
  1374. return new Promise(function(t2, i2) {
  1375. this.jm.view.graph.copy_to(e2, function() {
  1376. t2(e2);
  1377. });
  1378. }.bind(this));
  1379. }
  1380. draw_nodes(e2) {
  1381. return o.default.toSvg(this.jm.view.e_nodes, { style: { zoom: 1 } }).then(this.load_image).then(function(t2) {
  1382. return e2.drawImage(t2, 0, 0), e2;
  1383. });
  1384. }
  1385. draw_watermark(e2, t2) {
  1386. return t2.textBaseline = "bottom", t2.fillStyle = "#000", t2.font = "11px Verdana,Arial,Helvetica,sans-serif", this.options.watermark.left && (t2.textAlign = "left", t2.fillText(this.options.watermark.left, 5.5, e2.height - 2.5)), this.options.watermark.right && (t2.textAlign = "right", t2.fillText(this.options.watermark.right, e2.width - 5.5, e2.height - 2.5)), t2;
  1387. }
  1388. load_image(e2) {
  1389. return new Promise(function(t2, i2) {
  1390. let n2 = new Image();
  1391. n2.onload = function() {
  1392. t2(n2);
  1393. }, n2.onerror = i2, n2.src = e2;
  1394. });
  1395. }
  1396. download(e2) {
  1397. var t2 = (this.options.filename || this.jm.mind.name) + ".png";
  1398. if (navigator.msSaveBlob && e2.msToBlob) {
  1399. var i2 = e2.msToBlob();
  1400. navigator.msSaveBlob(i2, t2);
  1401. } else {
  1402. var n2 = e2.toDataURL(), o2 = r.c("a");
  1403. if ("download" in o2) {
  1404. o2.style.visibility = "hidden", o2.href = n2, o2.download = t2, r.d.body.appendChild(o2);
  1405. var s2 = r.d.createEvent("MouseEvents");
  1406. s2.initEvent("click", true, true), o2.dispatchEvent(s2), r.d.body.removeChild(o2);
  1407. } else location.href = n2;
  1408. }
  1409. }
  1410. }
  1411. let d = new n.default.plugin("screenshot", function(e2, t2) {
  1412. var i2 = new a(e2, t2);
  1413. e2.screenshot = i2, e2.shoot = function() {
  1414. i2.shoot();
  1415. };
  1416. });
  1417. n.default.register_plugin(d);
  1418. });
  1419. })();
  1420. const jsonMind = {
  1421. isFirst: true,
  1422. transform(json) {
  1423. const result = [];
  1424. if (Utils.isObject(json)) {
  1425. for (const key in json) {
  1426. let value = json[key];
  1427. const isArray = Array.isArray(value);
  1428. const type = Utils.getPropType(value);
  1429. if (isArray && value.length > 0) value = Utils.getMaxKeysAndDepthObject(value);
  1430. const isObject = Object.is(Utils.getType(value), "object");
  1431. const keys = isObject ? Object.keys(value) : null;
  1432. const children = this.transform(value);
  1433. const topic = `${key}<span class="datatype">${type}</span>`;
  1434. result.push({ keys, topic, isArray, children, chain: key, id: Utils.random() });
  1435. }
  1436. }
  1437. return result;
  1438. },
  1439. getChain(node) {
  1440. let chain = node?.data?.chain;
  1441. if (!node?.parent) return chain;
  1442. const parent = node.parent;
  1443. const parentChain = this.getChain(parent);
  1444. if (parent.data.isArray) return `${parentChain}[i].${chain}`;
  1445. if (chain.includes(".")) return `${parentChain}["${chain}"]`;
  1446. return `${parentChain}.${chain}`;
  1447. },
  1448. show(json) {
  1449. let isArray = Array.isArray(json);
  1450. if (isArray) {
  1451. if (typeof json[0] !== "object") {
  1452. layer.msg("无法生成脑图", { time: 1e3 });
  1453. return this;
  1454. }
  1455. json = Utils.getMaxKeysAndDepthObject(json);
  1456. }
  1457. if (!this.isFirst) return this;
  1458. const children = this.transform(json);
  1459. _unsafeWindow.GLOBAL_JSMIND.show({
  1460. format: "node_tree",
  1461. meta: { version: "1.0", name: "JSON脑图", author: "1220301855@qq.com" },
  1462. data: { isArray, children, id: "root", chain: "Root", topic: "Root", direction: "left", keys: Object.keys(json) }
  1463. });
  1464. this.isFirst = false;
  1465. return this;
  1466. },
  1467. event() {
  1468. Utils.addEvent("click mouseover", "jmnode", (event) => {
  1469. const target = event.target;
  1470. const nodeid = Utils.attr(target, "nodeid");
  1471. const node = _unsafeWindow.GLOBAL_JSMIND.get_node(nodeid);
  1472. const chain = this.getChain(node);
  1473. if (!chain) return;
  1474. if (event.type === "click") {
  1475. if (event.ctrlKey) {
  1476. _GM_setClipboard(chain);
  1477. layer.msg("复制成功", { time: 1500 });
  1478. return;
  1479. }
  1480. const keys = node.data.keys;
  1481. if (!keys || keys.length === 0) return;
  1482. this.popup(chain, keys);
  1483. } else {
  1484. const content = `<i>ctrlclick 复制</i><br/><b>路径:</b>${chain}`;
  1485. tippy(target, { content, duration: 800, theme: "layer", allowHTML: true, maxWidth: "none" }).show();
  1486. }
  1487. });
  1488. return this;
  1489. },
  1490. popup(chain, keys) {
  1491. layer.open({
  1492. type: 1,
  1493. move: false,
  1494. shadeClose: true,
  1495. title: " 节点",
  1496. content: function() {
  1497. const chain2 = Utils.createElement("div");
  1498. const chainCon = Utils.createElement("div");
  1499. chain2.appendChild(chainCon);
  1500. const content = Utils.createElement("div", { class: "js-mind-child-node" });
  1501. const copy = Utils.createElement("div", { title: "复制", class: "js-mind-copy" });
  1502. content.appendChild(copy);
  1503. keys.forEach((i) => {
  1504. const child = Utils.createElement("div");
  1505. child.textContent = i;
  1506. content.appendChild(child);
  1507. });
  1508. return content.outerHTML;
  1509. }(),
  1510. success(layero) {
  1511. layero.on("click", ".js-mind-copy", function() {
  1512. _GM_setClipboard(chain + "\n\n" + keys.join("\n"));
  1513. layer.msg("复制成功", { time: 1500 });
  1514. });
  1515. }
  1516. });
  1517. },
  1518. init(json) {
  1519. if (_unsafeWindow.GLOBAL_JSMIND) return;
  1520. _unsafeWindow.GLOBAL_JSMIND = new require$$0({
  1521. mode: "side",
  1522. editable: false,
  1523. container: "mindBox",
  1524. view: { hmargin: 50, vmargin: 50, engine: "svg", draggable: true, support_html: false, line_color: "#C4C9D0" },
  1525. layout: { vspace: 5, hspace: 130 }
  1526. });
  1527. this.show(json).event();
  1528. }
  1529. };
  1530. const mindBox = Utils.query("#mindBox");
  1531. const formatBox = Utils.query("#formatBox");
  1532. const rawTextBox = Utils.query("#rawTextBox");
  1533. const rawTextPre = Utils.query("pre", rawTextBox);
  1534. const tabs = {
  1535. viewFormater() {
  1536. const value = _unsafeWindow.FILTER_VALUE || "";
  1537. Utils.query(".filter").value = value;
  1538. Utils.attr(Utils.query(".clear"), "hidden", !value);
  1539. },
  1540. saveJson() {
  1541. if (Utils.isVisible(mindBox)) return _unsafeWindow.GLOBAL_JSMIND.shoot();
  1542. const content = rawTextPre.textContent || _unsafeWindow.RAW_TEXT;
  1543. const filename = (/* @__PURE__ */ new Date()).getTime() + ".json";
  1544. Utils.downloadText(content, filename);
  1545. },
  1546. copyJson() {
  1547. _GM_setClipboard(rawTextPre.textContent || _unsafeWindow.RAW_TEXT);
  1548. layer.msg("复制成功", { time: 1500 });
  1549. },
  1550. sorted(el) {
  1551. el.textContent = _unsafeWindow.JSON_FORMATER.sorted();
  1552. },
  1553. collapseAll() {
  1554. Utils.isVisible(formatBox) ? _unsafeWindow.JSON_FORMATER.collapseAll() : _unsafeWindow.GLOBAL_JSMIND.collapse_all();
  1555. },
  1556. expandAll() {
  1557. if (Utils.isVisible(formatBox)) return _unsafeWindow.JSON_FORMATER.expandAll();
  1558. _unsafeWindow.GLOBAL_JSMIND.expand_all();
  1559. _unsafeWindow.GLOBAL_JSMIND.scroll_node_to_center(_unsafeWindow.GLOBAL_JSMIND?.get_root());
  1560. },
  1561. viewMind() {
  1562. jsonMind.init(_unsafeWindow.GLOBAL_JSON);
  1563. _unsafeWindow.GLOBAL_JSMIND.scroll_node_to_center(_unsafeWindow.GLOBAL_JSMIND.get_root());
  1564. },
  1565. jsoncrack() {
  1566. const theme2 = (_GM_getValue("theme") || "light").replace(/-.*/, "");
  1567. layer.closeAll();
  1568. layer.open({
  1569. type: 1,
  1570. move: false,
  1571. title: false,
  1572. area: ["100vw", "100vh"],
  1573. content: `<iframe id="jsoncrackEmbed" src="${URL$1.JSON_CRACK_WIDGET}"></iframe>`,
  1574. success() {
  1575. const jsonCrackEmbed = Utils.query("#jsoncrackEmbed");
  1576. window?.addEventListener("message", () => {
  1577. const msg = { options: { theme: theme2 }, json: _unsafeWindow.RAW_TEXT };
  1578. jsonCrackEmbed?.contentWindow?.postMessage(msg, "*");
  1579. });
  1580. }
  1581. });
  1582. },
  1583. _setRawText() {
  1584. let rawText = _unsafeWindow.RAW_TEXT;
  1585. if (_unsafeWindow.GLOBAL_JSONP_FUN) {
  1586. rawText = `${_unsafeWindow.GLOBAL_JSONP_FUN}(${rawText})`;
  1587. }
  1588. rawTextPre.textContent = rawText;
  1589. },
  1590. firstFormat: true,
  1591. viewRawText() {
  1592. if (!this.firstFormat) return;
  1593. this.firstFormat = false;
  1594. this._setRawText();
  1595. },
  1596. isBeautify: false,
  1597. beautify() {
  1598. this.isBeautify = !this.isBeautify;
  1599. if (!this.isBeautify) return this._setRawText();
  1600. let str = Utils.stringify(_unsafeWindow.GLOBAL_JSON, null, 2);
  1601. if (_unsafeWindow.GLOBAL_JSONP_FUN) {
  1602. str = `${_unsafeWindow.GLOBAL_JSONP_FUN}(${str})`;
  1603. }
  1604. rawTextPre.textContent = str;
  1605. },
  1606. init() {
  1607. Utils.addEvent("click", ".btn", (e) => {
  1608. const target = e.target;
  1609. const id = target.id;
  1610. if (Utils.hasClass(target, "tabs-item")) {
  1611. const clas = "active";
  1612. Utils.removeClass(Utils.queryAll(".tabs-item"), clas);
  1613. Utils.addClass(target, clas);
  1614. Utils.removeClass(Utils.queryAll("div[data-for]"), clas);
  1615. Utils.addClass(Utils.query(`div[data-for="${id}"]`), clas);
  1616. const template = Utils.query(`template[data-for='${id}']`);
  1617. Utils.query(".toolbar").innerHTML = template.innerHTML;
  1618. }
  1619. this[id](target);
  1620. });
  1621. }
  1622. };
  1623. window.addEventListener("message", function(event) {
  1624. const { data } = event;
  1625. if (!data?.reload) return;
  1626. mindBox.innerHTML = "";
  1627. jsonMind.isFirst = true;
  1628. tabs.isBeautify = false;
  1629. tabs.firstFormat = true;
  1630. _unsafeWindow.GLOBAL_JSMIND = void 0;
  1631. if (Utils.isVisible(rawTextBox)) return tabs.viewRawText();
  1632. if (Utils.isVisible(mindBox)) return jsonMind.init(_unsafeWindow.GLOBAL_JSON);
  1633. });
  1634. const theme = {
  1635. changeTheme(theme2) {
  1636. _GM_setValue("theme", theme2) & this.setTheme();
  1637. },
  1638. setTheme() {
  1639. const theme2 = _GM_getValue("theme") || "default";
  1640. _unsafeWindow.JSON_FORMATER.setTheme(theme2);
  1641. }
  1642. };
  1643. const http_form = `
  1644. <form class="httpRequest">
  1645. <div class="requestbox">
  1646. <select name="method">
  1647. <option value="POST">POST</option>
  1648. <option value="GET">GET</option>
  1649. <option value="PUT">PUT</option>
  1650. <option value="DELETE">DELETE</option>
  1651. </select>
  1652. <input name="url" placeholder="请求地址" />
  1653. <select name="contentType">
  1654. <option value="application/x-www-form-urlencoded;charset=UTF-8">urlencoded</option>
  1655. <option value="application/json;charset=UTF-8">application/json</option>
  1656. </select>
  1657. <button type="submit">发送</button>
  1658. </div>
  1659. <div class="textarea">
  1660. <input name="headers" placeholder='请求头 {"token": "test"}' />
  1661. <input name="params" placeholder='请求参数 {"id": "test", ""name": "test"}' />
  1662. </div>
  1663. </form>
  1664. `;
  1665. const tools = {
  1666. inputJson() {
  1667. layer.prompt(
  1668. {
  1669. move: false,
  1670. formType: 2,
  1671. btn: ["确认"],
  1672. shadeClose: true,
  1673. title: "JSON 输入",
  1674. area: ["400px", "300px"],
  1675. maxlength: Number.MAX_VALUE
  1676. },
  1677. (text) => {
  1678. if (!text) return layer.msg("内容不能为空", { time: 1500 });
  1679. const { rawText, jsonpFun } = Utils.matchJsonp(text);
  1680. try {
  1681. const json = Utils.parse(rawText);
  1682. this.reload(json, rawText, jsonpFun);
  1683. } catch (e) {
  1684. layer.msg("JSON格式不正确", { time: 1500 });
  1685. console.log("格式化异常: ", e);
  1686. }
  1687. }
  1688. );
  1689. return this;
  1690. },
  1691. fetchJson() {
  1692. const success = () => {
  1693. const formElem = Utils.query("form");
  1694. formElem.addEventListener("submit", (event) => {
  1695. event.preventDefault();
  1696. const formData = new FormData(formElem);
  1697. const submitData = {};
  1698. for (const [name, value] of formData) {
  1699. submitData[name] = value;
  1700. }
  1701. this._submit(submitData);
  1702. });
  1703. };
  1704. layer.open({
  1705. success,
  1706. type: 1,
  1707. shadeClose: true,
  1708. title: "HTTP 请求",
  1709. content: http_form
  1710. });
  1711. return this;
  1712. },
  1713. async _submit(submitData) {
  1714. if (!submitData.url) return layer.msg("请求地址不能为空");
  1715. let params = submitData.params;
  1716. let headers = submitData.headers;
  1717. if (headers && !(headers.startsWith("{") && headers.endsWith("}"))) {
  1718. return layer.msg("请求头 格式不合法");
  1719. }
  1720. if (params && !(params.startsWith("{") && params.endsWith("}"))) {
  1721. return layer.msg("请求参数 格式不合法");
  1722. }
  1723. try {
  1724. layer.load();
  1725. const response = await fetch(URL$1.ONLINE_REQUEST, {
  1726. timeout: 5e3,
  1727. method: "POST",
  1728. body: Utils.stringify(submitData),
  1729. headers: { "Content-Type": "application/json" }
  1730. });
  1731. let result = await response.json();
  1732. if (Utils.isObject(result)) result = Utils.stringify(result);
  1733. const { rawText, jsonpFun } = Utils.matchJsonp(result);
  1734. const json = Utils.parse(rawText);
  1735. this.reload(json, rawText, jsonpFun);
  1736. } catch (e) {
  1737. layer.closeAll();
  1738. layer.msg("请求异常:" + e.message);
  1739. console.log("HTTP 请求异常:", e);
  1740. }
  1741. },
  1742. reload(json, rawText, jsonpFun) {
  1743. layer.closeAll();
  1744. _unsafeWindow.RAW_TEXT = rawText;
  1745. _unsafeWindow.GLOBAL_JSON = json;
  1746. _unsafeWindow.GLOBAL_JSONP_FUN = jsonpFun;
  1747. window.postMessage({ reload: true });
  1748. }
  1749. };
  1750. const active = "active";
  1751. const handleBar = {
  1752. currentTippy: null,
  1753. handle() {
  1754. const tagName = "span";
  1755. [".style", ".theme", ".tools"].forEach((selector) => {
  1756. tippy(selector, {
  1757. duration: 500,
  1758. allowHTML: true,
  1759. interactive: true,
  1760. trigger: "click",
  1761. appendTo: Utils.query(selector).parentNode,
  1762. onTrigger: (instance) => {
  1763. this.currentTippy = instance;
  1764. const target = instance.reference;
  1765. Utils.addClass(Utils.query(tagName, target), active);
  1766. const template = Utils.query("template", target);
  1767. const ul = template.content.cloneNode(true);
  1768. const type = template.dataset.type;
  1769. const value = _GM_getValue(type) || "default";
  1770. const current = Utils.query(`li[data-value=${value}]`, ul);
  1771. Utils.addClass(current, active);
  1772. const tempDiv = Utils.createElement("div");
  1773. while (ul.firstChild) tempDiv.appendChild(ul.firstChild);
  1774. instance.setContent(tempDiv.innerHTML);
  1775. },
  1776. onHide(instance) {
  1777. Utils.removeClass(Utils.query(tagName, instance.reference));
  1778. }
  1779. });
  1780. });
  1781. return this;
  1782. },
  1783. checked() {
  1784. const selector = ".rightbox li";
  1785. Utils.addEvent("click", selector, (event) => {
  1786. const target = event.target;
  1787. if (Utils.hasClass(target, active)) return;
  1788. const type = target.dataset.type;
  1789. const value = target.dataset.value;
  1790. window.postMessage({ type, value });
  1791. if (Object.is(type, "tools")) return this.currentTippy.hide();
  1792. Utils.removeClass(Utils.queryAll(selector));
  1793. Utils.addClass(target, active);
  1794. });
  1795. return this;
  1796. },
  1797. init() {
  1798. this.handle().checked();
  1799. }
  1800. };
  1801. tabs.init();
  1802. theme.setTheme();
  1803. handleBar.init();
  1804. window.addEventListener("message", function(event) {
  1805. const { data } = event;
  1806. if (!data) return;
  1807. const { type, value } = data;
  1808. if (!type && !value) return;
  1809. if (Object.is(type, "tools")) return tools[value]();
  1810. if (Object.is(type, "theme")) return theme.changeTheme(value);
  1811. });
  1812.  
  1813. })
  1814. };
  1815. }));
  1816.  
  1817. System.register("./index-DiPpoxj5-DJ0v9jbY.js", ['./tippy.esm-Ot9MORvr-DNGa7Opj.js', './__monkey.entry-DaOPvC8e.js'], (function (exports, module) {
  1818. 'use strict';
  1819. var tippy, Utils;
  1820. return {
  1821. setters: [module => {
  1822. tippy = module.t;
  1823. }, module => {
  1824. Utils = module.U;
  1825. }],
  1826. execute: (function () {
  1827.  
  1828. const scroll = Utils.createElement("div", { class: "scroll-top" });
  1829. document.body.appendChild(scroll);
  1830. tippy(scroll, { theme: "scroll", placement: "left", content: "返回顶部" });
  1831. const $container = Utils.query(".container");
  1832. $container.addEventListener("scroll", (e) => e.target.scrollTop > 500 ? Utils.show(scroll) : Utils.hide(scroll));
  1833. scroll.addEventListener("click", () => $container.scrollTop = 0);
  1834.  
  1835. })
  1836. };
  1837. }));
  1838.  
  1839. System.register("./tippy.esm-Ot9MORvr-DNGa7Opj.js", [], (function (exports, module) {
  1840. 'use strict';
  1841. return {
  1842. execute: (function () {
  1843.  
  1844. exports("t", tippy);
  1845.  
  1846. var top = "top";
  1847. var bottom = "bottom";
  1848. var right = "right";
  1849. var left = "left";
  1850. var auto = "auto";
  1851. var basePlacements = [top, bottom, right, left];
  1852. var start = "start";
  1853. var end = "end";
  1854. var clippingParents = "clippingParents";
  1855. var viewport = "viewport";
  1856. var popper = "popper";
  1857. var reference = "reference";
  1858. var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
  1859. return acc.concat([placement + "-" + start, placement + "-" + end]);
  1860. }, []);
  1861. var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
  1862. return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
  1863. }, []);
  1864. var beforeRead = "beforeRead";
  1865. var read = "read";
  1866. var afterRead = "afterRead";
  1867. var beforeMain = "beforeMain";
  1868. var main = "main";
  1869. var afterMain = "afterMain";
  1870. var beforeWrite = "beforeWrite";
  1871. var write = "write";
  1872. var afterWrite = "afterWrite";
  1873. var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
  1874. function getNodeName(element) {
  1875. return element ? (element.nodeName || "").toLowerCase() : null;
  1876. }
  1877. function getWindow(node) {
  1878. if (node == null) {
  1879. return window;
  1880. }
  1881. if (node.toString() !== "[object Window]") {
  1882. var ownerDocument = node.ownerDocument;
  1883. return ownerDocument ? ownerDocument.defaultView || window : window;
  1884. }
  1885. return node;
  1886. }
  1887. function isElement$1(node) {
  1888. var OwnElement = getWindow(node).Element;
  1889. return node instanceof OwnElement || node instanceof Element;
  1890. }
  1891. function isHTMLElement(node) {
  1892. var OwnElement = getWindow(node).HTMLElement;
  1893. return node instanceof OwnElement || node instanceof HTMLElement;
  1894. }
  1895. function isShadowRoot(node) {
  1896. if (typeof ShadowRoot === "undefined") {
  1897. return false;
  1898. }
  1899. var OwnElement = getWindow(node).ShadowRoot;
  1900. return node instanceof OwnElement || node instanceof ShadowRoot;
  1901. }
  1902. function applyStyles(_ref) {
  1903. var state = _ref.state;
  1904. Object.keys(state.elements).forEach(function(name) {
  1905. var style = state.styles[name] || {};
  1906. var attributes = state.attributes[name] || {};
  1907. var element = state.elements[name];
  1908. if (!isHTMLElement(element) || !getNodeName(element)) {
  1909. return;
  1910. }
  1911. Object.assign(element.style, style);
  1912. Object.keys(attributes).forEach(function(name2) {
  1913. var value = attributes[name2];
  1914. if (value === false) {
  1915. element.removeAttribute(name2);
  1916. } else {
  1917. element.setAttribute(name2, value === true ? "" : value);
  1918. }
  1919. });
  1920. });
  1921. }
  1922. function effect$2(_ref2) {
  1923. var state = _ref2.state;
  1924. var initialStyles = {
  1925. popper: {
  1926. position: state.options.strategy,
  1927. left: "0",
  1928. top: "0",
  1929. margin: "0"
  1930. },
  1931. arrow: {
  1932. position: "absolute"
  1933. },
  1934. reference: {}
  1935. };
  1936. Object.assign(state.elements.popper.style, initialStyles.popper);
  1937. state.styles = initialStyles;
  1938. if (state.elements.arrow) {
  1939. Object.assign(state.elements.arrow.style, initialStyles.arrow);
  1940. }
  1941. return function() {
  1942. Object.keys(state.elements).forEach(function(name) {
  1943. var element = state.elements[name];
  1944. var attributes = state.attributes[name] || {};
  1945. var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
  1946. var style = styleProperties.reduce(function(style2, property) {
  1947. style2[property] = "";
  1948. return style2;
  1949. }, {});
  1950. if (!isHTMLElement(element) || !getNodeName(element)) {
  1951. return;
  1952. }
  1953. Object.assign(element.style, style);
  1954. Object.keys(attributes).forEach(function(attribute) {
  1955. element.removeAttribute(attribute);
  1956. });
  1957. });
  1958. };
  1959. }
  1960. const applyStyles$1 = {
  1961. name: "applyStyles",
  1962. enabled: true,
  1963. phase: "write",
  1964. fn: applyStyles,
  1965. effect: effect$2,
  1966. requires: ["computeStyles"]
  1967. };
  1968. function getBasePlacement$1(placement) {
  1969. return placement.split("-")[0];
  1970. }
  1971. var max = Math.max;
  1972. var min = Math.min;
  1973. var round = Math.round;
  1974. function getUAString() {
  1975. var uaData = navigator.userAgentData;
  1976. if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
  1977. return uaData.brands.map(function(item) {
  1978. return item.brand + "/" + item.version;
  1979. }).join(" ");
  1980. }
  1981. return navigator.userAgent;
  1982. }
  1983. function isLayoutViewport() {
  1984. return !/^((?!chrome|android).)*safari/i.test(getUAString());
  1985. }
  1986. function getBoundingClientRect(element, includeScale, isFixedStrategy) {
  1987. if (includeScale === void 0) {
  1988. includeScale = false;
  1989. }
  1990. if (isFixedStrategy === void 0) {
  1991. isFixedStrategy = false;
  1992. }
  1993. var clientRect = element.getBoundingClientRect();
  1994. var scaleX = 1;
  1995. var scaleY = 1;
  1996. if (includeScale && isHTMLElement(element)) {
  1997. scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
  1998. scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
  1999. }
  2000. var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
  2001. var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
  2002. var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
  2003. var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
  2004. var width = clientRect.width / scaleX;
  2005. var height = clientRect.height / scaleY;
  2006. return {
  2007. width,
  2008. height,
  2009. top: y,
  2010. right: x + width,
  2011. bottom: y + height,
  2012. left: x,
  2013. x,
  2014. y
  2015. };
  2016. }
  2017. function getLayoutRect(element) {
  2018. var clientRect = getBoundingClientRect(element);
  2019. var width = element.offsetWidth;
  2020. var height = element.offsetHeight;
  2021. if (Math.abs(clientRect.width - width) <= 1) {
  2022. width = clientRect.width;
  2023. }
  2024. if (Math.abs(clientRect.height - height) <= 1) {
  2025. height = clientRect.height;
  2026. }
  2027. return {
  2028. x: element.offsetLeft,
  2029. y: element.offsetTop,
  2030. width,
  2031. height
  2032. };
  2033. }
  2034. function contains(parent, child) {
  2035. var rootNode = child.getRootNode && child.getRootNode();
  2036. if (parent.contains(child)) {
  2037. return true;
  2038. } else if (rootNode && isShadowRoot(rootNode)) {
  2039. var next = child;
  2040. do {
  2041. if (next && parent.isSameNode(next)) {
  2042. return true;
  2043. }
  2044. next = next.parentNode || next.host;
  2045. } while (next);
  2046. }
  2047. return false;
  2048. }
  2049. function getComputedStyle(element) {
  2050. return getWindow(element).getComputedStyle(element);
  2051. }
  2052. function isTableElement(element) {
  2053. return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
  2054. }
  2055. function getDocumentElement(element) {
  2056. return ((isElement$1(element) ? element.ownerDocument : (
  2057. // $FlowFixMe[prop-missing]
  2058. element.document
  2059. )) || window.document).documentElement;
  2060. }
  2061. function getParentNode(element) {
  2062. if (getNodeName(element) === "html") {
  2063. return element;
  2064. }
  2065. return (
  2066. // this is a quicker (but less type safe) way to save quite some bytes from the bundle
  2067. // $FlowFixMe[incompatible-return]
  2068. // $FlowFixMe[prop-missing]
  2069. element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
  2070. element.parentNode || // DOM Element detected
  2071. (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
  2072. // $FlowFixMe[incompatible-call]: HTMLElement is a Node
  2073. getDocumentElement(element)
  2074. );
  2075. }
  2076. function getTrueOffsetParent(element) {
  2077. if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
  2078. getComputedStyle(element).position === "fixed") {
  2079. return null;
  2080. }
  2081. return element.offsetParent;
  2082. }
  2083. function getContainingBlock(element) {
  2084. var isFirefox = /firefox/i.test(getUAString());
  2085. var isIE = /Trident/i.test(getUAString());
  2086. if (isIE && isHTMLElement(element)) {
  2087. var elementCss = getComputedStyle(element);
  2088. if (elementCss.position === "fixed") {
  2089. return null;
  2090. }
  2091. }
  2092. var currentNode = getParentNode(element);
  2093. if (isShadowRoot(currentNode)) {
  2094. currentNode = currentNode.host;
  2095. }
  2096. while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
  2097. var css = getComputedStyle(currentNode);
  2098. if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
  2099. return currentNode;
  2100. } else {
  2101. currentNode = currentNode.parentNode;
  2102. }
  2103. }
  2104. return null;
  2105. }
  2106. function getOffsetParent(element) {
  2107. var window2 = getWindow(element);
  2108. var offsetParent = getTrueOffsetParent(element);
  2109. while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
  2110. offsetParent = getTrueOffsetParent(offsetParent);
  2111. }
  2112. if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
  2113. return window2;
  2114. }
  2115. return offsetParent || getContainingBlock(element) || window2;
  2116. }
  2117. function getMainAxisFromPlacement(placement) {
  2118. return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
  2119. }
  2120. function within(min$1, value, max$1) {
  2121. return max(min$1, min(value, max$1));
  2122. }
  2123. function withinMaxClamp(min2, value, max2) {
  2124. var v = within(min2, value, max2);
  2125. return v > max2 ? max2 : v;
  2126. }
  2127. function getFreshSideObject() {
  2128. return {
  2129. top: 0,
  2130. right: 0,
  2131. bottom: 0,
  2132. left: 0
  2133. };
  2134. }
  2135. function mergePaddingObject(paddingObject) {
  2136. return Object.assign({}, getFreshSideObject(), paddingObject);
  2137. }
  2138. function expandToHashMap(value, keys) {
  2139. return keys.reduce(function(hashMap, key) {
  2140. hashMap[key] = value;
  2141. return hashMap;
  2142. }, {});
  2143. }
  2144. var toPaddingObject = function toPaddingObject2(padding, state) {
  2145. padding = typeof padding === "function" ? padding(Object.assign({}, state.rects, {
  2146. placement: state.placement
  2147. })) : padding;
  2148. return mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
  2149. };
  2150. function arrow(_ref) {
  2151. var _state$modifiersData$;
  2152. var state = _ref.state, name = _ref.name, options = _ref.options;
  2153. var arrowElement = state.elements.arrow;
  2154. var popperOffsets2 = state.modifiersData.popperOffsets;
  2155. var basePlacement = getBasePlacement$1(state.placement);
  2156. var axis = getMainAxisFromPlacement(basePlacement);
  2157. var isVertical = [left, right].indexOf(basePlacement) >= 0;
  2158. var len = isVertical ? "height" : "width";
  2159. if (!arrowElement || !popperOffsets2) {
  2160. return;
  2161. }
  2162. var paddingObject = toPaddingObject(options.padding, state);
  2163. var arrowRect = getLayoutRect(arrowElement);
  2164. var minProp = axis === "y" ? top : left;
  2165. var maxProp = axis === "y" ? bottom : right;
  2166. var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets2[axis] - state.rects.popper[len];
  2167. var startDiff = popperOffsets2[axis] - state.rects.reference[axis];
  2168. var arrowOffsetParent = getOffsetParent(arrowElement);
  2169. var clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
  2170. var centerToReference = endDiff / 2 - startDiff / 2;
  2171. var min2 = paddingObject[minProp];
  2172. var max2 = clientSize - arrowRect[len] - paddingObject[maxProp];
  2173. var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
  2174. var offset2 = within(min2, center, max2);
  2175. var axisProp = axis;
  2176. state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
  2177. }
  2178. function effect$1(_ref2) {
  2179. var state = _ref2.state, options = _ref2.options;
  2180. var _options$element = options.element, arrowElement = _options$element === void 0 ? "[data-popper-arrow]" : _options$element;
  2181. if (arrowElement == null) {
  2182. return;
  2183. }
  2184. if (typeof arrowElement === "string") {
  2185. arrowElement = state.elements.popper.querySelector(arrowElement);
  2186. if (!arrowElement) {
  2187. return;
  2188. }
  2189. }
  2190. if (!contains(state.elements.popper, arrowElement)) {
  2191. return;
  2192. }
  2193. state.elements.arrow = arrowElement;
  2194. }
  2195. const arrow$1 = {
  2196. name: "arrow",
  2197. enabled: true,
  2198. phase: "main",
  2199. fn: arrow,
  2200. effect: effect$1,
  2201. requires: ["popperOffsets"],
  2202. requiresIfExists: ["preventOverflow"]
  2203. };
  2204. function getVariation(placement) {
  2205. return placement.split("-")[1];
  2206. }
  2207. var unsetSides = {
  2208. top: "auto",
  2209. right: "auto",
  2210. bottom: "auto",
  2211. left: "auto"
  2212. };
  2213. function roundOffsetsByDPR(_ref, win) {
  2214. var x = _ref.x, y = _ref.y;
  2215. var dpr = win.devicePixelRatio || 1;
  2216. return {
  2217. x: round(x * dpr) / dpr || 0,
  2218. y: round(y * dpr) / dpr || 0
  2219. };
  2220. }
  2221. function mapToStyles(_ref2) {
  2222. var _Object$assign2;
  2223. var popper2 = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
  2224. var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
  2225. var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
  2226. x,
  2227. y
  2228. }) : {
  2229. x,
  2230. y
  2231. };
  2232. x = _ref3.x;
  2233. y = _ref3.y;
  2234. var hasX = offsets.hasOwnProperty("x");
  2235. var hasY = offsets.hasOwnProperty("y");
  2236. var sideX = left;
  2237. var sideY = top;
  2238. var win = window;
  2239. if (adaptive) {
  2240. var offsetParent = getOffsetParent(popper2);
  2241. var heightProp = "clientHeight";
  2242. var widthProp = "clientWidth";
  2243. if (offsetParent === getWindow(popper2)) {
  2244. offsetParent = getDocumentElement(popper2);
  2245. if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
  2246. heightProp = "scrollHeight";
  2247. widthProp = "scrollWidth";
  2248. }
  2249. }
  2250. offsetParent = offsetParent;
  2251. if (placement === top || (placement === left || placement === right) && variation === end) {
  2252. sideY = bottom;
  2253. var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : (
  2254. // $FlowFixMe[prop-missing]
  2255. offsetParent[heightProp]
  2256. );
  2257. y -= offsetY - popperRect.height;
  2258. y *= gpuAcceleration ? 1 : -1;
  2259. }
  2260. if (placement === left || (placement === top || placement === bottom) && variation === end) {
  2261. sideX = right;
  2262. var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : (
  2263. // $FlowFixMe[prop-missing]
  2264. offsetParent[widthProp]
  2265. );
  2266. x -= offsetX - popperRect.width;
  2267. x *= gpuAcceleration ? 1 : -1;
  2268. }
  2269. }
  2270. var commonStyles = Object.assign({
  2271. position
  2272. }, adaptive && unsetSides);
  2273. var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
  2274. x,
  2275. y
  2276. }, getWindow(popper2)) : {
  2277. x,
  2278. y
  2279. };
  2280. x = _ref4.x;
  2281. y = _ref4.y;
  2282. if (gpuAcceleration) {
  2283. var _Object$assign;
  2284. return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
  2285. }
  2286. return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
  2287. }
  2288. function computeStyles(_ref5) {
  2289. var state = _ref5.state, options = _ref5.options;
  2290. var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
  2291. var commonStyles = {
  2292. placement: getBasePlacement$1(state.placement),
  2293. variation: getVariation(state.placement),
  2294. popper: state.elements.popper,
  2295. popperRect: state.rects.popper,
  2296. gpuAcceleration,
  2297. isFixed: state.options.strategy === "fixed"
  2298. };
  2299. if (state.modifiersData.popperOffsets != null) {
  2300. state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
  2301. offsets: state.modifiersData.popperOffsets,
  2302. position: state.options.strategy,
  2303. adaptive,
  2304. roundOffsets
  2305. })));
  2306. }
  2307. if (state.modifiersData.arrow != null) {
  2308. state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
  2309. offsets: state.modifiersData.arrow,
  2310. position: "absolute",
  2311. adaptive: false,
  2312. roundOffsets
  2313. })));
  2314. }
  2315. state.attributes.popper = Object.assign({}, state.attributes.popper, {
  2316. "data-popper-placement": state.placement
  2317. });
  2318. }
  2319. const computeStyles$1 = {
  2320. name: "computeStyles",
  2321. enabled: true,
  2322. phase: "beforeWrite",
  2323. fn: computeStyles,
  2324. data: {}
  2325. };
  2326. var passive = {
  2327. passive: true
  2328. };
  2329. function effect(_ref) {
  2330. var state = _ref.state, instance = _ref.instance, options = _ref.options;
  2331. var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
  2332. var window2 = getWindow(state.elements.popper);
  2333. var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
  2334. if (scroll) {
  2335. scrollParents.forEach(function(scrollParent) {
  2336. scrollParent.addEventListener("scroll", instance.update, passive);
  2337. });
  2338. }
  2339. if (resize) {
  2340. window2.addEventListener("resize", instance.update, passive);
  2341. }
  2342. return function() {
  2343. if (scroll) {
  2344. scrollParents.forEach(function(scrollParent) {
  2345. scrollParent.removeEventListener("scroll", instance.update, passive);
  2346. });
  2347. }
  2348. if (resize) {
  2349. window2.removeEventListener("resize", instance.update, passive);
  2350. }
  2351. };
  2352. }
  2353. const eventListeners = {
  2354. name: "eventListeners",
  2355. enabled: true,
  2356. phase: "write",
  2357. fn: function fn() {
  2358. },
  2359. effect,
  2360. data: {}
  2361. };
  2362. var hash$1 = {
  2363. left: "right",
  2364. right: "left",
  2365. bottom: "top",
  2366. top: "bottom"
  2367. };
  2368. function getOppositePlacement(placement) {
  2369. return placement.replace(/left|right|bottom|top/g, function(matched) {
  2370. return hash$1[matched];
  2371. });
  2372. }
  2373. var hash = {
  2374. start: "end",
  2375. end: "start"
  2376. };
  2377. function getOppositeVariationPlacement(placement) {
  2378. return placement.replace(/start|end/g, function(matched) {
  2379. return hash[matched];
  2380. });
  2381. }
  2382. function getWindowScroll(node) {
  2383. var win = getWindow(node);
  2384. var scrollLeft = win.pageXOffset;
  2385. var scrollTop = win.pageYOffset;
  2386. return {
  2387. scrollLeft,
  2388. scrollTop
  2389. };
  2390. }
  2391. function getWindowScrollBarX(element) {
  2392. return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
  2393. }
  2394. function getViewportRect(element, strategy) {
  2395. var win = getWindow(element);
  2396. var html = getDocumentElement(element);
  2397. var visualViewport = win.visualViewport;
  2398. var width = html.clientWidth;
  2399. var height = html.clientHeight;
  2400. var x = 0;
  2401. var y = 0;
  2402. if (visualViewport) {
  2403. width = visualViewport.width;
  2404. height = visualViewport.height;
  2405. var layoutViewport = isLayoutViewport();
  2406. if (layoutViewport || !layoutViewport && strategy === "fixed") {
  2407. x = visualViewport.offsetLeft;
  2408. y = visualViewport.offsetTop;
  2409. }
  2410. }
  2411. return {
  2412. width,
  2413. height,
  2414. x: x + getWindowScrollBarX(element),
  2415. y
  2416. };
  2417. }
  2418. function getDocumentRect(element) {
  2419. var _element$ownerDocumen;
  2420. var html = getDocumentElement(element);
  2421. var winScroll = getWindowScroll(element);
  2422. var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
  2423. var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
  2424. var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
  2425. var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
  2426. var y = -winScroll.scrollTop;
  2427. if (getComputedStyle(body || html).direction === "rtl") {
  2428. x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
  2429. }
  2430. return {
  2431. width,
  2432. height,
  2433. x,
  2434. y
  2435. };
  2436. }
  2437. function isScrollParent(element) {
  2438. var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
  2439. return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
  2440. }
  2441. function getScrollParent(node) {
  2442. if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
  2443. return node.ownerDocument.body;
  2444. }
  2445. if (isHTMLElement(node) && isScrollParent(node)) {
  2446. return node;
  2447. }
  2448. return getScrollParent(getParentNode(node));
  2449. }
  2450. function listScrollParents(element, list) {
  2451. var _element$ownerDocumen;
  2452. if (list === void 0) {
  2453. list = [];
  2454. }
  2455. var scrollParent = getScrollParent(element);
  2456. var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
  2457. var win = getWindow(scrollParent);
  2458. var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
  2459. var updatedList = list.concat(target);
  2460. return isBody ? updatedList : (
  2461. // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
  2462. updatedList.concat(listScrollParents(getParentNode(target)))
  2463. );
  2464. }
  2465. function rectToClientRect(rect) {
  2466. return Object.assign({}, rect, {
  2467. left: rect.x,
  2468. top: rect.y,
  2469. right: rect.x + rect.width,
  2470. bottom: rect.y + rect.height
  2471. });
  2472. }
  2473. function getInnerBoundingClientRect(element, strategy) {
  2474. var rect = getBoundingClientRect(element, false, strategy === "fixed");
  2475. rect.top = rect.top + element.clientTop;
  2476. rect.left = rect.left + element.clientLeft;
  2477. rect.bottom = rect.top + element.clientHeight;
  2478. rect.right = rect.left + element.clientWidth;
  2479. rect.width = element.clientWidth;
  2480. rect.height = element.clientHeight;
  2481. rect.x = rect.left;
  2482. rect.y = rect.top;
  2483. return rect;
  2484. }
  2485. function getClientRectFromMixedType(element, clippingParent, strategy) {
  2486. return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement$1(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
  2487. }
  2488. function getClippingParents(element) {
  2489. var clippingParents2 = listScrollParents(getParentNode(element));
  2490. var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle(element).position) >= 0;
  2491. var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
  2492. if (!isElement$1(clipperElement)) {
  2493. return [];
  2494. }
  2495. return clippingParents2.filter(function(clippingParent) {
  2496. return isElement$1(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
  2497. });
  2498. }
  2499. function getClippingRect(element, boundary, rootBoundary, strategy) {
  2500. var mainClippingParents = boundary === "clippingParents" ? getClippingParents(element) : [].concat(boundary);
  2501. var clippingParents2 = [].concat(mainClippingParents, [rootBoundary]);
  2502. var firstClippingParent = clippingParents2[0];
  2503. var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
  2504. var rect = getClientRectFromMixedType(element, clippingParent, strategy);
  2505. accRect.top = max(rect.top, accRect.top);
  2506. accRect.right = min(rect.right, accRect.right);
  2507. accRect.bottom = min(rect.bottom, accRect.bottom);
  2508. accRect.left = max(rect.left, accRect.left);
  2509. return accRect;
  2510. }, getClientRectFromMixedType(element, firstClippingParent, strategy));
  2511. clippingRect.width = clippingRect.right - clippingRect.left;
  2512. clippingRect.height = clippingRect.bottom - clippingRect.top;
  2513. clippingRect.x = clippingRect.left;
  2514. clippingRect.y = clippingRect.top;
  2515. return clippingRect;
  2516. }
  2517. function computeOffsets(_ref) {
  2518. var reference2 = _ref.reference, element = _ref.element, placement = _ref.placement;
  2519. var basePlacement = placement ? getBasePlacement$1(placement) : null;
  2520. var variation = placement ? getVariation(placement) : null;
  2521. var commonX = reference2.x + reference2.width / 2 - element.width / 2;
  2522. var commonY = reference2.y + reference2.height / 2 - element.height / 2;
  2523. var offsets;
  2524. switch (basePlacement) {
  2525. case top:
  2526. offsets = {
  2527. x: commonX,
  2528. y: reference2.y - element.height
  2529. };
  2530. break;
  2531. case bottom:
  2532. offsets = {
  2533. x: commonX,
  2534. y: reference2.y + reference2.height
  2535. };
  2536. break;
  2537. case right:
  2538. offsets = {
  2539. x: reference2.x + reference2.width,
  2540. y: commonY
  2541. };
  2542. break;
  2543. case left:
  2544. offsets = {
  2545. x: reference2.x - element.width,
  2546. y: commonY
  2547. };
  2548. break;
  2549. default:
  2550. offsets = {
  2551. x: reference2.x,
  2552. y: reference2.y
  2553. };
  2554. }
  2555. var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
  2556. if (mainAxis != null) {
  2557. var len = mainAxis === "y" ? "height" : "width";
  2558. switch (variation) {
  2559. case start:
  2560. offsets[mainAxis] = offsets[mainAxis] - (reference2[len] / 2 - element[len] / 2);
  2561. break;
  2562. case end:
  2563. offsets[mainAxis] = offsets[mainAxis] + (reference2[len] / 2 - element[len] / 2);
  2564. break;
  2565. }
  2566. }
  2567. return offsets;
  2568. }
  2569. function detectOverflow(state, options) {
  2570. if (options === void 0) {
  2571. options = {};
  2572. }
  2573. var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, _options$strategy = _options.strategy, strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
  2574. var paddingObject = mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
  2575. var altContext = elementContext === popper ? reference : popper;
  2576. var popperRect = state.rects.popper;
  2577. var element = state.elements[altBoundary ? altContext : elementContext];
  2578. var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
  2579. var referenceClientRect = getBoundingClientRect(state.elements.reference);
  2580. var popperOffsets2 = computeOffsets({
  2581. reference: referenceClientRect,
  2582. element: popperRect,
  2583. strategy: "absolute",
  2584. placement
  2585. });
  2586. var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
  2587. var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect;
  2588. var overflowOffsets = {
  2589. top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
  2590. bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
  2591. left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
  2592. right: elementClientRect.right - clippingClientRect.right + paddingObject.right
  2593. };
  2594. var offsetData = state.modifiersData.offset;
  2595. if (elementContext === popper && offsetData) {
  2596. var offset2 = offsetData[placement];
  2597. Object.keys(overflowOffsets).forEach(function(key) {
  2598. var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
  2599. var axis = [top, bottom].indexOf(key) >= 0 ? "y" : "x";
  2600. overflowOffsets[key] += offset2[axis] * multiply;
  2601. });
  2602. }
  2603. return overflowOffsets;
  2604. }
  2605. function computeAutoPlacement(state, options) {
  2606. if (options === void 0) {
  2607. options = {};
  2608. }
  2609. var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
  2610. var variation = getVariation(placement);
  2611. var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
  2612. return getVariation(placement2) === variation;
  2613. }) : basePlacements;
  2614. var allowedPlacements = placements$1.filter(function(placement2) {
  2615. return allowedAutoPlacements.indexOf(placement2) >= 0;
  2616. });
  2617. if (allowedPlacements.length === 0) {
  2618. allowedPlacements = placements$1;
  2619. }
  2620. var overflows = allowedPlacements.reduce(function(acc, placement2) {
  2621. acc[placement2] = detectOverflow(state, {
  2622. placement: placement2,
  2623. boundary,
  2624. rootBoundary,
  2625. padding
  2626. })[getBasePlacement$1(placement2)];
  2627. return acc;
  2628. }, {});
  2629. return Object.keys(overflows).sort(function(a, b) {
  2630. return overflows[a] - overflows[b];
  2631. });
  2632. }
  2633. function getExpandedFallbackPlacements(placement) {
  2634. if (getBasePlacement$1(placement) === auto) {
  2635. return [];
  2636. }
  2637. var oppositePlacement = getOppositePlacement(placement);
  2638. return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
  2639. }
  2640. function flip(_ref) {
  2641. var state = _ref.state, options = _ref.options, name = _ref.name;
  2642. if (state.modifiersData[name]._skip) {
  2643. return;
  2644. }
  2645. var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, specifiedFallbackPlacements = options.fallbackPlacements, padding = options.padding, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, _options$flipVariatio = options.flipVariations, flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, allowedAutoPlacements = options.allowedAutoPlacements;
  2646. var preferredPlacement = state.options.placement;
  2647. var basePlacement = getBasePlacement$1(preferredPlacement);
  2648. var isBasePlacement = basePlacement === preferredPlacement;
  2649. var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
  2650. var placements2 = [preferredPlacement].concat(fallbackPlacements).reduce(function(acc, placement2) {
  2651. return acc.concat(getBasePlacement$1(placement2) === auto ? computeAutoPlacement(state, {
  2652. placement: placement2,
  2653. boundary,
  2654. rootBoundary,
  2655. padding,
  2656. flipVariations,
  2657. allowedAutoPlacements
  2658. }) : placement2);
  2659. }, []);
  2660. var referenceRect = state.rects.reference;
  2661. var popperRect = state.rects.popper;
  2662. var checksMap = /* @__PURE__ */ new Map();
  2663. var makeFallbackChecks = true;
  2664. var firstFittingPlacement = placements2[0];
  2665. for (var i = 0; i < placements2.length; i++) {
  2666. var placement = placements2[i];
  2667. var _basePlacement = getBasePlacement$1(placement);
  2668. var isStartVariation = getVariation(placement) === start;
  2669. var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
  2670. var len = isVertical ? "width" : "height";
  2671. var overflow = detectOverflow(state, {
  2672. placement,
  2673. boundary,
  2674. rootBoundary,
  2675. altBoundary,
  2676. padding
  2677. });
  2678. var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
  2679. if (referenceRect[len] > popperRect[len]) {
  2680. mainVariationSide = getOppositePlacement(mainVariationSide);
  2681. }
  2682. var altVariationSide = getOppositePlacement(mainVariationSide);
  2683. var checks = [];
  2684. if (checkMainAxis) {
  2685. checks.push(overflow[_basePlacement] <= 0);
  2686. }
  2687. if (checkAltAxis) {
  2688. checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
  2689. }
  2690. if (checks.every(function(check) {
  2691. return check;
  2692. })) {
  2693. firstFittingPlacement = placement;
  2694. makeFallbackChecks = false;
  2695. break;
  2696. }
  2697. checksMap.set(placement, checks);
  2698. }
  2699. if (makeFallbackChecks) {
  2700. var numberOfChecks = flipVariations ? 3 : 1;
  2701. var _loop = function _loop2(_i2) {
  2702. var fittingPlacement = placements2.find(function(placement2) {
  2703. var checks2 = checksMap.get(placement2);
  2704. if (checks2) {
  2705. return checks2.slice(0, _i2).every(function(check) {
  2706. return check;
  2707. });
  2708. }
  2709. });
  2710. if (fittingPlacement) {
  2711. firstFittingPlacement = fittingPlacement;
  2712. return "break";
  2713. }
  2714. };
  2715. for (var _i = numberOfChecks; _i > 0; _i--) {
  2716. var _ret = _loop(_i);
  2717. if (_ret === "break") break;
  2718. }
  2719. }
  2720. if (state.placement !== firstFittingPlacement) {
  2721. state.modifiersData[name]._skip = true;
  2722. state.placement = firstFittingPlacement;
  2723. state.reset = true;
  2724. }
  2725. }
  2726. const flip$1 = {
  2727. name: "flip",
  2728. enabled: true,
  2729. phase: "main",
  2730. fn: flip,
  2731. requiresIfExists: ["offset"],
  2732. data: {
  2733. _skip: false
  2734. }
  2735. };
  2736. function getSideOffsets(overflow, rect, preventedOffsets) {
  2737. if (preventedOffsets === void 0) {
  2738. preventedOffsets = {
  2739. x: 0,
  2740. y: 0
  2741. };
  2742. }
  2743. return {
  2744. top: overflow.top - rect.height - preventedOffsets.y,
  2745. right: overflow.right - rect.width + preventedOffsets.x,
  2746. bottom: overflow.bottom - rect.height + preventedOffsets.y,
  2747. left: overflow.left - rect.width - preventedOffsets.x
  2748. };
  2749. }
  2750. function isAnySideFullyClipped(overflow) {
  2751. return [top, right, bottom, left].some(function(side) {
  2752. return overflow[side] >= 0;
  2753. });
  2754. }
  2755. function hide(_ref) {
  2756. var state = _ref.state, name = _ref.name;
  2757. var referenceRect = state.rects.reference;
  2758. var popperRect = state.rects.popper;
  2759. var preventedOffsets = state.modifiersData.preventOverflow;
  2760. var referenceOverflow = detectOverflow(state, {
  2761. elementContext: "reference"
  2762. });
  2763. var popperAltOverflow = detectOverflow(state, {
  2764. altBoundary: true
  2765. });
  2766. var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
  2767. var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
  2768. var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
  2769. var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
  2770. state.modifiersData[name] = {
  2771. referenceClippingOffsets,
  2772. popperEscapeOffsets,
  2773. isReferenceHidden,
  2774. hasPopperEscaped
  2775. };
  2776. state.attributes.popper = Object.assign({}, state.attributes.popper, {
  2777. "data-popper-reference-hidden": isReferenceHidden,
  2778. "data-popper-escaped": hasPopperEscaped
  2779. });
  2780. }
  2781. const hide$1 = {
  2782. name: "hide",
  2783. enabled: true,
  2784. phase: "main",
  2785. requiresIfExists: ["preventOverflow"],
  2786. fn: hide
  2787. };
  2788. function distanceAndSkiddingToXY(placement, rects, offset2) {
  2789. var basePlacement = getBasePlacement$1(placement);
  2790. var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
  2791. var _ref = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
  2792. placement
  2793. })) : offset2, skidding = _ref[0], distance = _ref[1];
  2794. skidding = skidding || 0;
  2795. distance = (distance || 0) * invertDistance;
  2796. return [left, right].indexOf(basePlacement) >= 0 ? {
  2797. x: distance,
  2798. y: skidding
  2799. } : {
  2800. x: skidding,
  2801. y: distance
  2802. };
  2803. }
  2804. function offset(_ref2) {
  2805. var state = _ref2.state, options = _ref2.options, name = _ref2.name;
  2806. var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
  2807. var data = placements.reduce(function(acc, placement) {
  2808. acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
  2809. return acc;
  2810. }, {});
  2811. var _data$state$placement = data[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
  2812. if (state.modifiersData.popperOffsets != null) {
  2813. state.modifiersData.popperOffsets.x += x;
  2814. state.modifiersData.popperOffsets.y += y;
  2815. }
  2816. state.modifiersData[name] = data;
  2817. }
  2818. const offset$1 = {
  2819. name: "offset",
  2820. enabled: true,
  2821. phase: "main",
  2822. requires: ["popperOffsets"],
  2823. fn: offset
  2824. };
  2825. function popperOffsets(_ref) {
  2826. var state = _ref.state, name = _ref.name;
  2827. state.modifiersData[name] = computeOffsets({
  2828. reference: state.rects.reference,
  2829. element: state.rects.popper,
  2830. strategy: "absolute",
  2831. placement: state.placement
  2832. });
  2833. }
  2834. const popperOffsets$1 = {
  2835. name: "popperOffsets",
  2836. enabled: true,
  2837. phase: "read",
  2838. fn: popperOffsets,
  2839. data: {}
  2840. };
  2841. function getAltAxis(axis) {
  2842. return axis === "x" ? "y" : "x";
  2843. }
  2844. function preventOverflow(_ref) {
  2845. var state = _ref.state, options = _ref.options, name = _ref.name;
  2846. var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
  2847. var overflow = detectOverflow(state, {
  2848. boundary,
  2849. rootBoundary,
  2850. padding,
  2851. altBoundary
  2852. });
  2853. var basePlacement = getBasePlacement$1(state.placement);
  2854. var variation = getVariation(state.placement);
  2855. var isBasePlacement = !variation;
  2856. var mainAxis = getMainAxisFromPlacement(basePlacement);
  2857. var altAxis = getAltAxis(mainAxis);
  2858. var popperOffsets2 = state.modifiersData.popperOffsets;
  2859. var referenceRect = state.rects.reference;
  2860. var popperRect = state.rects.popper;
  2861. var tetherOffsetValue = typeof tetherOffset === "function" ? tetherOffset(Object.assign({}, state.rects, {
  2862. placement: state.placement
  2863. })) : tetherOffset;
  2864. var normalizedTetherOffsetValue = typeof tetherOffsetValue === "number" ? {
  2865. mainAxis: tetherOffsetValue,
  2866. altAxis: tetherOffsetValue
  2867. } : Object.assign({
  2868. mainAxis: 0,
  2869. altAxis: 0
  2870. }, tetherOffsetValue);
  2871. var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
  2872. var data = {
  2873. x: 0,
  2874. y: 0
  2875. };
  2876. if (!popperOffsets2) {
  2877. return;
  2878. }
  2879. if (checkMainAxis) {
  2880. var _offsetModifierState$;
  2881. var mainSide = mainAxis === "y" ? top : left;
  2882. var altSide = mainAxis === "y" ? bottom : right;
  2883. var len = mainAxis === "y" ? "height" : "width";
  2884. var offset2 = popperOffsets2[mainAxis];
  2885. var min$1 = offset2 + overflow[mainSide];
  2886. var max$1 = offset2 - overflow[altSide];
  2887. var additive = tether ? -popperRect[len] / 2 : 0;
  2888. var minLen = variation === start ? referenceRect[len] : popperRect[len];
  2889. var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
  2890. var arrowElement = state.elements.arrow;
  2891. var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
  2892. width: 0,
  2893. height: 0
  2894. };
  2895. var arrowPaddingObject = state.modifiersData["arrow#persistent"] ? state.modifiersData["arrow#persistent"].padding : getFreshSideObject();
  2896. var arrowPaddingMin = arrowPaddingObject[mainSide];
  2897. var arrowPaddingMax = arrowPaddingObject[altSide];
  2898. var arrowLen = within(0, referenceRect[len], arrowRect[len]);
  2899. var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
  2900. var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
  2901. var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
  2902. var clientOffset = arrowOffsetParent ? mainAxis === "y" ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
  2903. var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
  2904. var tetherMin = offset2 + minOffset - offsetModifierValue - clientOffset;
  2905. var tetherMax = offset2 + maxOffset - offsetModifierValue;
  2906. var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset2, tether ? max(max$1, tetherMax) : max$1);
  2907. popperOffsets2[mainAxis] = preventedOffset;
  2908. data[mainAxis] = preventedOffset - offset2;
  2909. }
  2910. if (checkAltAxis) {
  2911. var _offsetModifierState$2;
  2912. var _mainSide = mainAxis === "x" ? top : left;
  2913. var _altSide = mainAxis === "x" ? bottom : right;
  2914. var _offset = popperOffsets2[altAxis];
  2915. var _len = altAxis === "y" ? "height" : "width";
  2916. var _min = _offset + overflow[_mainSide];
  2917. var _max = _offset - overflow[_altSide];
  2918. var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
  2919. var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
  2920. var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
  2921. var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
  2922. var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
  2923. popperOffsets2[altAxis] = _preventedOffset;
  2924. data[altAxis] = _preventedOffset - _offset;
  2925. }
  2926. state.modifiersData[name] = data;
  2927. }
  2928. const preventOverflow$1 = {
  2929. name: "preventOverflow",
  2930. enabled: true,
  2931. phase: "main",
  2932. fn: preventOverflow,
  2933. requiresIfExists: ["offset"]
  2934. };
  2935. function getHTMLElementScroll(element) {
  2936. return {
  2937. scrollLeft: element.scrollLeft,
  2938. scrollTop: element.scrollTop
  2939. };
  2940. }
  2941. function getNodeScroll(node) {
  2942. if (node === getWindow(node) || !isHTMLElement(node)) {
  2943. return getWindowScroll(node);
  2944. } else {
  2945. return getHTMLElementScroll(node);
  2946. }
  2947. }
  2948. function isElementScaled(element) {
  2949. var rect = element.getBoundingClientRect();
  2950. var scaleX = round(rect.width) / element.offsetWidth || 1;
  2951. var scaleY = round(rect.height) / element.offsetHeight || 1;
  2952. return scaleX !== 1 || scaleY !== 1;
  2953. }
  2954. function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
  2955. if (isFixed === void 0) {
  2956. isFixed = false;
  2957. }
  2958. var isOffsetParentAnElement = isHTMLElement(offsetParent);
  2959. var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
  2960. var documentElement = getDocumentElement(offsetParent);
  2961. var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
  2962. var scroll = {
  2963. scrollLeft: 0,
  2964. scrollTop: 0
  2965. };
  2966. var offsets = {
  2967. x: 0,
  2968. y: 0
  2969. };
  2970. if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
  2971. if (getNodeName(offsetParent) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
  2972. isScrollParent(documentElement)) {
  2973. scroll = getNodeScroll(offsetParent);
  2974. }
  2975. if (isHTMLElement(offsetParent)) {
  2976. offsets = getBoundingClientRect(offsetParent, true);
  2977. offsets.x += offsetParent.clientLeft;
  2978. offsets.y += offsetParent.clientTop;
  2979. } else if (documentElement) {
  2980. offsets.x = getWindowScrollBarX(documentElement);
  2981. }
  2982. }
  2983. return {
  2984. x: rect.left + scroll.scrollLeft - offsets.x,
  2985. y: rect.top + scroll.scrollTop - offsets.y,
  2986. width: rect.width,
  2987. height: rect.height
  2988. };
  2989. }
  2990. function order(modifiers) {
  2991. var map = /* @__PURE__ */ new Map();
  2992. var visited = /* @__PURE__ */ new Set();
  2993. var result = [];
  2994. modifiers.forEach(function(modifier) {
  2995. map.set(modifier.name, modifier);
  2996. });
  2997. function sort(modifier) {
  2998. visited.add(modifier.name);
  2999. var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
  3000. requires.forEach(function(dep) {
  3001. if (!visited.has(dep)) {
  3002. var depModifier = map.get(dep);
  3003. if (depModifier) {
  3004. sort(depModifier);
  3005. }
  3006. }
  3007. });
  3008. result.push(modifier);
  3009. }
  3010. modifiers.forEach(function(modifier) {
  3011. if (!visited.has(modifier.name)) {
  3012. sort(modifier);
  3013. }
  3014. });
  3015. return result;
  3016. }
  3017. function orderModifiers(modifiers) {
  3018. var orderedModifiers = order(modifiers);
  3019. return modifierPhases.reduce(function(acc, phase) {
  3020. return acc.concat(orderedModifiers.filter(function(modifier) {
  3021. return modifier.phase === phase;
  3022. }));
  3023. }, []);
  3024. }
  3025. function debounce$1(fn2) {
  3026. var pending;
  3027. return function() {
  3028. if (!pending) {
  3029. pending = new Promise(function(resolve) {
  3030. Promise.resolve().then(function() {
  3031. pending = void 0;
  3032. resolve(fn2());
  3033. });
  3034. });
  3035. }
  3036. return pending;
  3037. };
  3038. }
  3039. function mergeByName(modifiers) {
  3040. var merged = modifiers.reduce(function(merged2, current) {
  3041. var existing = merged2[current.name];
  3042. merged2[current.name] = existing ? Object.assign({}, existing, current, {
  3043. options: Object.assign({}, existing.options, current.options),
  3044. data: Object.assign({}, existing.data, current.data)
  3045. }) : current;
  3046. return merged2;
  3047. }, {});
  3048. return Object.keys(merged).map(function(key) {
  3049. return merged[key];
  3050. });
  3051. }
  3052. var DEFAULT_OPTIONS = {
  3053. placement: "bottom",
  3054. modifiers: [],
  3055. strategy: "absolute"
  3056. };
  3057. function areValidElements() {
  3058. for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
  3059. args[_key] = arguments[_key];
  3060. }
  3061. return !args.some(function(element) {
  3062. return !(element && typeof element.getBoundingClientRect === "function");
  3063. });
  3064. }
  3065. function popperGenerator(generatorOptions) {
  3066. if (generatorOptions === void 0) {
  3067. generatorOptions = {};
  3068. }
  3069. var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
  3070. return function createPopper2(reference2, popper2, options) {
  3071. if (options === void 0) {
  3072. options = defaultOptions;
  3073. }
  3074. var state = {
  3075. placement: "bottom",
  3076. orderedModifiers: [],
  3077. options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
  3078. modifiersData: {},
  3079. elements: {
  3080. reference: reference2,
  3081. popper: popper2
  3082. },
  3083. attributes: {},
  3084. styles: {}
  3085. };
  3086. var effectCleanupFns = [];
  3087. var isDestroyed = false;
  3088. var instance = {
  3089. state,
  3090. setOptions: function setOptions(setOptionsAction) {
  3091. var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
  3092. cleanupModifierEffects();
  3093. state.options = Object.assign({}, defaultOptions, state.options, options2);
  3094. state.scrollParents = {
  3095. reference: isElement$1(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
  3096. popper: listScrollParents(popper2)
  3097. };
  3098. var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
  3099. state.orderedModifiers = orderedModifiers.filter(function(m) {
  3100. return m.enabled;
  3101. });
  3102. runModifierEffects();
  3103. return instance.update();
  3104. },
  3105. // Sync update – it will always be executed, even if not necessary. This
  3106. // is useful for low frequency updates where sync behavior simplifies the
  3107. // logic.
  3108. // For high frequency updates (e.g. `resize` and `scroll` events), always
  3109. // prefer the async Popper#update method
  3110. forceUpdate: function forceUpdate() {
  3111. if (isDestroyed) {
  3112. return;
  3113. }
  3114. var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
  3115. if (!areValidElements(reference3, popper3)) {
  3116. return;
  3117. }
  3118. state.rects = {
  3119. reference: getCompositeRect(reference3, getOffsetParent(popper3), state.options.strategy === "fixed"),
  3120. popper: getLayoutRect(popper3)
  3121. };
  3122. state.reset = false;
  3123. state.placement = state.options.placement;
  3124. state.orderedModifiers.forEach(function(modifier) {
  3125. return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
  3126. });
  3127. for (var index = 0; index < state.orderedModifiers.length; index++) {
  3128. if (state.reset === true) {
  3129. state.reset = false;
  3130. index = -1;
  3131. continue;
  3132. }
  3133. var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
  3134. if (typeof fn2 === "function") {
  3135. state = fn2({
  3136. state,
  3137. options: _options,
  3138. name,
  3139. instance
  3140. }) || state;
  3141. }
  3142. }
  3143. },
  3144. // Async and optimistically optimized update – it will not be executed if
  3145. // not necessary (debounced to run at most once-per-tick)
  3146. update: debounce$1(function() {
  3147. return new Promise(function(resolve) {
  3148. instance.forceUpdate();
  3149. resolve(state);
  3150. });
  3151. }),
  3152. destroy: function destroy() {
  3153. cleanupModifierEffects();
  3154. isDestroyed = true;
  3155. }
  3156. };
  3157. if (!areValidElements(reference2, popper2)) {
  3158. return instance;
  3159. }
  3160. instance.setOptions(options).then(function(state2) {
  3161. if (!isDestroyed && options.onFirstUpdate) {
  3162. options.onFirstUpdate(state2);
  3163. }
  3164. });
  3165. function runModifierEffects() {
  3166. state.orderedModifiers.forEach(function(_ref) {
  3167. var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect3 = _ref.effect;
  3168. if (typeof effect3 === "function") {
  3169. var cleanupFn = effect3({
  3170. state,
  3171. name,
  3172. instance,
  3173. options: options2
  3174. });
  3175. var noopFn = function noopFn2() {
  3176. };
  3177. effectCleanupFns.push(cleanupFn || noopFn);
  3178. }
  3179. });
  3180. }
  3181. function cleanupModifierEffects() {
  3182. effectCleanupFns.forEach(function(fn2) {
  3183. return fn2();
  3184. });
  3185. effectCleanupFns = [];
  3186. }
  3187. return instance;
  3188. };
  3189. }
  3190. var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
  3191. var createPopper = /* @__PURE__ */ popperGenerator({
  3192. defaultModifiers
  3193. });
  3194. var BOX_CLASS = "tippy-box";
  3195. var CONTENT_CLASS = "tippy-content";
  3196. var BACKDROP_CLASS = "tippy-backdrop";
  3197. var ARROW_CLASS = "tippy-arrow";
  3198. var SVG_ARROW_CLASS = "tippy-svg-arrow";
  3199. var TOUCH_OPTIONS = {
  3200. passive: true,
  3201. capture: true
  3202. };
  3203. var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO2() {
  3204. return document.body;
  3205. };
  3206. function getValueAtIndexOrReturn(value, index, defaultValue) {
  3207. if (Array.isArray(value)) {
  3208. var v = value[index];
  3209. return v == null ? Array.isArray(defaultValue) ? defaultValue[index] : defaultValue : v;
  3210. }
  3211. return value;
  3212. }
  3213. function isType(value, type) {
  3214. var str = {}.toString.call(value);
  3215. return str.indexOf("[object") === 0 && str.indexOf(type + "]") > -1;
  3216. }
  3217. function invokeWithArgsOrReturn(value, args) {
  3218. return typeof value === "function" ? value.apply(void 0, args) : value;
  3219. }
  3220. function debounce(fn5, ms) {
  3221. if (ms === 0) {
  3222. return fn5;
  3223. }
  3224. var timeout;
  3225. return function(arg) {
  3226. clearTimeout(timeout);
  3227. timeout = setTimeout(function() {
  3228. fn5(arg);
  3229. }, ms);
  3230. };
  3231. }
  3232. function splitBySpaces(value) {
  3233. return value.split(/\s+/).filter(Boolean);
  3234. }
  3235. function normalizeToArray(value) {
  3236. return [].concat(value);
  3237. }
  3238. function pushIfUnique(arr, value) {
  3239. if (arr.indexOf(value) === -1) {
  3240. arr.push(value);
  3241. }
  3242. }
  3243. function unique(arr) {
  3244. return arr.filter(function(item, index) {
  3245. return arr.indexOf(item) === index;
  3246. });
  3247. }
  3248. function getBasePlacement(placement) {
  3249. return placement.split("-")[0];
  3250. }
  3251. function arrayFrom(value) {
  3252. return [].slice.call(value);
  3253. }
  3254. function removeUndefinedProps(obj) {
  3255. return Object.keys(obj).reduce(function(acc, key) {
  3256. if (obj[key] !== void 0) {
  3257. acc[key] = obj[key];
  3258. }
  3259. return acc;
  3260. }, {});
  3261. }
  3262. function div() {
  3263. return document.createElement("div");
  3264. }
  3265. function isElement(value) {
  3266. return ["Element", "Fragment"].some(function(type) {
  3267. return isType(value, type);
  3268. });
  3269. }
  3270. function isNodeList(value) {
  3271. return isType(value, "NodeList");
  3272. }
  3273. function isMouseEvent(value) {
  3274. return isType(value, "MouseEvent");
  3275. }
  3276. function isReferenceElement(value) {
  3277. return !!(value && value._tippy && value._tippy.reference === value);
  3278. }
  3279. function getArrayOfElements(value) {
  3280. if (isElement(value)) {
  3281. return [value];
  3282. }
  3283. if (isNodeList(value)) {
  3284. return arrayFrom(value);
  3285. }
  3286. if (Array.isArray(value)) {
  3287. return value;
  3288. }
  3289. return arrayFrom(document.querySelectorAll(value));
  3290. }
  3291. function setTransitionDuration(els, value) {
  3292. els.forEach(function(el) {
  3293. if (el) {
  3294. el.style.transitionDuration = value + "ms";
  3295. }
  3296. });
  3297. }
  3298. function setVisibilityState(els, state) {
  3299. els.forEach(function(el) {
  3300. if (el) {
  3301. el.setAttribute("data-state", state);
  3302. }
  3303. });
  3304. }
  3305. function getOwnerDocument(elementOrElements) {
  3306. var _element$ownerDocumen;
  3307. var _normalizeToArray = normalizeToArray(elementOrElements), element = _normalizeToArray[0];
  3308. return element != null && (_element$ownerDocumen = element.ownerDocument) != null && _element$ownerDocumen.body ? element.ownerDocument : document;
  3309. }
  3310. function isCursorOutsideInteractiveBorder(popperTreeData, event) {
  3311. var clientX = event.clientX, clientY = event.clientY;
  3312. return popperTreeData.every(function(_ref) {
  3313. var popperRect = _ref.popperRect, popperState = _ref.popperState, props = _ref.props;
  3314. var interactiveBorder = props.interactiveBorder;
  3315. var basePlacement = getBasePlacement(popperState.placement);
  3316. var offsetData = popperState.modifiersData.offset;
  3317. if (!offsetData) {
  3318. return true;
  3319. }
  3320. var topDistance = basePlacement === "bottom" ? offsetData.top.y : 0;
  3321. var bottomDistance = basePlacement === "top" ? offsetData.bottom.y : 0;
  3322. var leftDistance = basePlacement === "right" ? offsetData.left.x : 0;
  3323. var rightDistance = basePlacement === "left" ? offsetData.right.x : 0;
  3324. var exceedsTop = popperRect.top - clientY + topDistance > interactiveBorder;
  3325. var exceedsBottom = clientY - popperRect.bottom - bottomDistance > interactiveBorder;
  3326. var exceedsLeft = popperRect.left - clientX + leftDistance > interactiveBorder;
  3327. var exceedsRight = clientX - popperRect.right - rightDistance > interactiveBorder;
  3328. return exceedsTop || exceedsBottom || exceedsLeft || exceedsRight;
  3329. });
  3330. }
  3331. function updateTransitionEndListener(box, action, listener) {
  3332. var method = action + "EventListener";
  3333. ["transitionend", "webkitTransitionEnd"].forEach(function(event) {
  3334. box[method](event, listener);
  3335. });
  3336. }
  3337. function actualContains(parent, child) {
  3338. var target = child;
  3339. while (target) {
  3340. var _target$getRootNode;
  3341. if (parent.contains(target)) {
  3342. return true;
  3343. }
  3344. target = target.getRootNode == null ? void 0 : (_target$getRootNode = target.getRootNode()) == null ? void 0 : _target$getRootNode.host;
  3345. }
  3346. return false;
  3347. }
  3348. var currentInput = {
  3349. isTouch: false
  3350. };
  3351. var lastMouseMoveTime = 0;
  3352. function onDocumentTouchStart() {
  3353. if (currentInput.isTouch) {
  3354. return;
  3355. }
  3356. currentInput.isTouch = true;
  3357. if (window.performance) {
  3358. document.addEventListener("mousemove", onDocumentMouseMove);
  3359. }
  3360. }
  3361. function onDocumentMouseMove() {
  3362. var now = performance.now();
  3363. if (now - lastMouseMoveTime < 20) {
  3364. currentInput.isTouch = false;
  3365. document.removeEventListener("mousemove", onDocumentMouseMove);
  3366. }
  3367. lastMouseMoveTime = now;
  3368. }
  3369. function onWindowBlur() {
  3370. var activeElement = document.activeElement;
  3371. if (isReferenceElement(activeElement)) {
  3372. var instance = activeElement._tippy;
  3373. if (activeElement.blur && !instance.state.isVisible) {
  3374. activeElement.blur();
  3375. }
  3376. }
  3377. }
  3378. function bindGlobalEventListeners() {
  3379. document.addEventListener("touchstart", onDocumentTouchStart, TOUCH_OPTIONS);
  3380. window.addEventListener("blur", onWindowBlur);
  3381. }
  3382. var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
  3383. var isIE11 = isBrowser ? (
  3384. // @ts-ignore
  3385. !!window.msCrypto
  3386. ) : false;
  3387. var pluginProps = {
  3388. animateFill: false,
  3389. followCursor: false,
  3390. inlinePositioning: false,
  3391. sticky: false
  3392. };
  3393. var renderProps = {
  3394. allowHTML: false,
  3395. animation: "fade",
  3396. arrow: true,
  3397. content: "",
  3398. inertia: false,
  3399. maxWidth: 350,
  3400. role: "tooltip",
  3401. theme: "",
  3402. zIndex: 9999
  3403. };
  3404. var defaultProps = Object.assign({
  3405. appendTo: TIPPY_DEFAULT_APPEND_TO,
  3406. aria: {
  3407. content: "auto",
  3408. expanded: "auto"
  3409. },
  3410. delay: 0,
  3411. duration: [300, 250],
  3412. getReferenceClientRect: null,
  3413. hideOnClick: true,
  3414. ignoreAttributes: false,
  3415. interactive: false,
  3416. interactiveBorder: 2,
  3417. interactiveDebounce: 0,
  3418. moveTransition: "",
  3419. offset: [0, 10],
  3420. onAfterUpdate: function onAfterUpdate() {
  3421. },
  3422. onBeforeUpdate: function onBeforeUpdate() {
  3423. },
  3424. onCreate: function onCreate() {
  3425. },
  3426. onDestroy: function onDestroy() {
  3427. },
  3428. onHidden: function onHidden() {
  3429. },
  3430. onHide: function onHide() {
  3431. },
  3432. onMount: function onMount() {
  3433. },
  3434. onShow: function onShow() {
  3435. },
  3436. onShown: function onShown() {
  3437. },
  3438. onTrigger: function onTrigger() {
  3439. },
  3440. onUntrigger: function onUntrigger() {
  3441. },
  3442. onClickOutside: function onClickOutside() {
  3443. },
  3444. placement: "top",
  3445. plugins: [],
  3446. popperOptions: {},
  3447. render: null,
  3448. showOnCreate: false,
  3449. touch: true,
  3450. trigger: "mouseenter focus",
  3451. triggerTarget: null
  3452. }, pluginProps, renderProps);
  3453. var defaultKeys = Object.keys(defaultProps);
  3454. var setDefaultProps = function setDefaultProps2(partialProps) {
  3455. var keys = Object.keys(partialProps);
  3456. keys.forEach(function(key) {
  3457. defaultProps[key] = partialProps[key];
  3458. });
  3459. };
  3460. function getExtendedPassedProps(passedProps) {
  3461. var plugins = passedProps.plugins || [];
  3462. var pluginProps2 = plugins.reduce(function(acc, plugin) {
  3463. var name = plugin.name, defaultValue = plugin.defaultValue;
  3464. if (name) {
  3465. var _name;
  3466. acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps[name]) != null ? _name : defaultValue;
  3467. }
  3468. return acc;
  3469. }, {});
  3470. return Object.assign({}, passedProps, pluginProps2);
  3471. }
  3472. function getDataAttributeProps(reference2, plugins) {
  3473. var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps, {
  3474. plugins
  3475. }))) : defaultKeys;
  3476. var props = propKeys.reduce(function(acc, key) {
  3477. var valueAsString = (reference2.getAttribute("data-tippy-" + key) || "").trim();
  3478. if (!valueAsString) {
  3479. return acc;
  3480. }
  3481. if (key === "content") {
  3482. acc[key] = valueAsString;
  3483. } else {
  3484. try {
  3485. acc[key] = JSON.parse(valueAsString);
  3486. } catch (e) {
  3487. acc[key] = valueAsString;
  3488. }
  3489. }
  3490. return acc;
  3491. }, {});
  3492. return props;
  3493. }
  3494. function evaluateProps(reference2, props) {
  3495. var out = Object.assign({}, props, {
  3496. content: invokeWithArgsOrReturn(props.content, [reference2])
  3497. }, props.ignoreAttributes ? {} : getDataAttributeProps(reference2, props.plugins));
  3498. out.aria = Object.assign({}, defaultProps.aria, out.aria);
  3499. out.aria = {
  3500. expanded: out.aria.expanded === "auto" ? props.interactive : out.aria.expanded,
  3501. content: out.aria.content === "auto" ? props.interactive ? null : "describedby" : out.aria.content
  3502. };
  3503. return out;
  3504. }
  3505. var innerHTML = function innerHTML2() {
  3506. return "innerHTML";
  3507. };
  3508. function dangerouslySetInnerHTML(element, html) {
  3509. element[innerHTML()] = html;
  3510. }
  3511. function createArrowElement(value) {
  3512. var arrow2 = div();
  3513. if (value === true) {
  3514. arrow2.className = ARROW_CLASS;
  3515. } else {
  3516. arrow2.className = SVG_ARROW_CLASS;
  3517. if (isElement(value)) {
  3518. arrow2.appendChild(value);
  3519. } else {
  3520. dangerouslySetInnerHTML(arrow2, value);
  3521. }
  3522. }
  3523. return arrow2;
  3524. }
  3525. function setContent(content, props) {
  3526. if (isElement(props.content)) {
  3527. dangerouslySetInnerHTML(content, "");
  3528. content.appendChild(props.content);
  3529. } else if (typeof props.content !== "function") {
  3530. if (props.allowHTML) {
  3531. dangerouslySetInnerHTML(content, props.content);
  3532. } else {
  3533. content.textContent = props.content;
  3534. }
  3535. }
  3536. }
  3537. function getChildren(popper2) {
  3538. var box = popper2.firstElementChild;
  3539. var boxChildren = arrayFrom(box.children);
  3540. return {
  3541. box,
  3542. content: boxChildren.find(function(node) {
  3543. return node.classList.contains(CONTENT_CLASS);
  3544. }),
  3545. arrow: boxChildren.find(function(node) {
  3546. return node.classList.contains(ARROW_CLASS) || node.classList.contains(SVG_ARROW_CLASS);
  3547. }),
  3548. backdrop: boxChildren.find(function(node) {
  3549. return node.classList.contains(BACKDROP_CLASS);
  3550. })
  3551. };
  3552. }
  3553. function render(instance) {
  3554. var popper2 = div();
  3555. var box = div();
  3556. box.className = BOX_CLASS;
  3557. box.setAttribute("data-state", "hidden");
  3558. box.setAttribute("tabindex", "-1");
  3559. var content = div();
  3560. content.className = CONTENT_CLASS;
  3561. content.setAttribute("data-state", "hidden");
  3562. setContent(content, instance.props);
  3563. popper2.appendChild(box);
  3564. box.appendChild(content);
  3565. onUpdate(instance.props, instance.props);
  3566. function onUpdate(prevProps, nextProps) {
  3567. var _getChildren = getChildren(popper2), box2 = _getChildren.box, content2 = _getChildren.content, arrow2 = _getChildren.arrow;
  3568. if (nextProps.theme) {
  3569. box2.setAttribute("data-theme", nextProps.theme);
  3570. } else {
  3571. box2.removeAttribute("data-theme");
  3572. }
  3573. if (typeof nextProps.animation === "string") {
  3574. box2.setAttribute("data-animation", nextProps.animation);
  3575. } else {
  3576. box2.removeAttribute("data-animation");
  3577. }
  3578. if (nextProps.inertia) {
  3579. box2.setAttribute("data-inertia", "");
  3580. } else {
  3581. box2.removeAttribute("data-inertia");
  3582. }
  3583. box2.style.maxWidth = typeof nextProps.maxWidth === "number" ? nextProps.maxWidth + "px" : nextProps.maxWidth;
  3584. if (nextProps.role) {
  3585. box2.setAttribute("role", nextProps.role);
  3586. } else {
  3587. box2.removeAttribute("role");
  3588. }
  3589. if (prevProps.content !== nextProps.content || prevProps.allowHTML !== nextProps.allowHTML) {
  3590. setContent(content2, instance.props);
  3591. }
  3592. if (nextProps.arrow) {
  3593. if (!arrow2) {
  3594. box2.appendChild(createArrowElement(nextProps.arrow));
  3595. } else if (prevProps.arrow !== nextProps.arrow) {
  3596. box2.removeChild(arrow2);
  3597. box2.appendChild(createArrowElement(nextProps.arrow));
  3598. }
  3599. } else if (arrow2) {
  3600. box2.removeChild(arrow2);
  3601. }
  3602. }
  3603. return {
  3604. popper: popper2,
  3605. onUpdate
  3606. };
  3607. }
  3608. render.$$tippy = true;
  3609. var idCounter = 1;
  3610. var mouseMoveListeners = [];
  3611. var mountedInstances = [];
  3612. function createTippy(reference2, passedProps) {
  3613. var props = evaluateProps(reference2, Object.assign({}, defaultProps, getExtendedPassedProps(removeUndefinedProps(passedProps))));
  3614. var showTimeout;
  3615. var hideTimeout;
  3616. var scheduleHideAnimationFrame;
  3617. var isVisibleFromClick = false;
  3618. var didHideDueToDocumentMouseDown = false;
  3619. var didTouchMove = false;
  3620. var ignoreOnFirstUpdate = false;
  3621. var lastTriggerEvent;
  3622. var currentTransitionEndListener;
  3623. var onFirstUpdate;
  3624. var listeners = [];
  3625. var debouncedOnMouseMove = debounce(onMouseMove, props.interactiveDebounce);
  3626. var currentTarget;
  3627. var id = idCounter++;
  3628. var popperInstance = null;
  3629. var plugins = unique(props.plugins);
  3630. var state = {
  3631. // Is the instance currently enabled?
  3632. isEnabled: true,
  3633. // Is the tippy currently showing and not transitioning out?
  3634. isVisible: false,
  3635. // Has the instance been destroyed?
  3636. isDestroyed: false,
  3637. // Is the tippy currently mounted to the DOM?
  3638. isMounted: false,
  3639. // Has the tippy finished transitioning in?
  3640. isShown: false
  3641. };
  3642. var instance = {
  3643. // properties
  3644. id,
  3645. reference: reference2,
  3646. popper: div(),
  3647. popperInstance,
  3648. props,
  3649. state,
  3650. plugins,
  3651. // methods
  3652. clearDelayTimeouts,
  3653. setProps,
  3654. setContent: setContent2,
  3655. show,
  3656. hide: hide2,
  3657. hideWithInteractivity,
  3658. enable,
  3659. disable,
  3660. unmount,
  3661. destroy
  3662. };
  3663. if (!props.render) {
  3664. return instance;
  3665. }
  3666. var _props$render = props.render(instance), popper2 = _props$render.popper, onUpdate = _props$render.onUpdate;
  3667. popper2.setAttribute("data-tippy-root", "");
  3668. popper2.id = "tippy-" + instance.id;
  3669. instance.popper = popper2;
  3670. reference2._tippy = instance;
  3671. popper2._tippy = instance;
  3672. var pluginsHooks = plugins.map(function(plugin) {
  3673. return plugin.fn(instance);
  3674. });
  3675. var hasAriaExpanded = reference2.hasAttribute("aria-expanded");
  3676. addListeners();
  3677. handleAriaExpandedAttribute();
  3678. handleStyles();
  3679. invokeHook("onCreate", [instance]);
  3680. if (props.showOnCreate) {
  3681. scheduleShow();
  3682. }
  3683. popper2.addEventListener("mouseenter", function() {
  3684. if (instance.props.interactive && instance.state.isVisible) {
  3685. instance.clearDelayTimeouts();
  3686. }
  3687. });
  3688. popper2.addEventListener("mouseleave", function() {
  3689. if (instance.props.interactive && instance.props.trigger.indexOf("mouseenter") >= 0) {
  3690. getDocument().addEventListener("mousemove", debouncedOnMouseMove);
  3691. }
  3692. });
  3693. return instance;
  3694. function getNormalizedTouchSettings() {
  3695. var touch = instance.props.touch;
  3696. return Array.isArray(touch) ? touch : [touch, 0];
  3697. }
  3698. function getIsCustomTouchBehavior() {
  3699. return getNormalizedTouchSettings()[0] === "hold";
  3700. }
  3701. function getIsDefaultRenderFn() {
  3702. var _instance$props$rende;
  3703. return !!((_instance$props$rende = instance.props.render) != null && _instance$props$rende.$$tippy);
  3704. }
  3705. function getCurrentTarget() {
  3706. return currentTarget || reference2;
  3707. }
  3708. function getDocument() {
  3709. var parent = getCurrentTarget().parentNode;
  3710. return parent ? getOwnerDocument(parent) : document;
  3711. }
  3712. function getDefaultTemplateChildren() {
  3713. return getChildren(popper2);
  3714. }
  3715. function getDelay(isShow) {
  3716. if (instance.state.isMounted && !instance.state.isVisible || currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
  3717. return 0;
  3718. }
  3719. return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps.delay);
  3720. }
  3721. function handleStyles(fromHide) {
  3722. if (fromHide === void 0) {
  3723. fromHide = false;
  3724. }
  3725. popper2.style.pointerEvents = instance.props.interactive && !fromHide ? "" : "none";
  3726. popper2.style.zIndex = "" + instance.props.zIndex;
  3727. }
  3728. function invokeHook(hook, args, shouldInvokePropsHook) {
  3729. if (shouldInvokePropsHook === void 0) {
  3730. shouldInvokePropsHook = true;
  3731. }
  3732. pluginsHooks.forEach(function(pluginHooks) {
  3733. if (pluginHooks[hook]) {
  3734. pluginHooks[hook].apply(pluginHooks, args);
  3735. }
  3736. });
  3737. if (shouldInvokePropsHook) {
  3738. var _instance$props;
  3739. (_instance$props = instance.props)[hook].apply(_instance$props, args);
  3740. }
  3741. }
  3742. function handleAriaContentAttribute() {
  3743. var aria = instance.props.aria;
  3744. if (!aria.content) {
  3745. return;
  3746. }
  3747. var attr = "aria-" + aria.content;
  3748. var id2 = popper2.id;
  3749. var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
  3750. nodes.forEach(function(node) {
  3751. var currentValue = node.getAttribute(attr);
  3752. if (instance.state.isVisible) {
  3753. node.setAttribute(attr, currentValue ? currentValue + " " + id2 : id2);
  3754. } else {
  3755. var nextValue = currentValue && currentValue.replace(id2, "").trim();
  3756. if (nextValue) {
  3757. node.setAttribute(attr, nextValue);
  3758. } else {
  3759. node.removeAttribute(attr);
  3760. }
  3761. }
  3762. });
  3763. }
  3764. function handleAriaExpandedAttribute() {
  3765. if (hasAriaExpanded || !instance.props.aria.expanded) {
  3766. return;
  3767. }
  3768. var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
  3769. nodes.forEach(function(node) {
  3770. if (instance.props.interactive) {
  3771. node.setAttribute("aria-expanded", instance.state.isVisible && node === getCurrentTarget() ? "true" : "false");
  3772. } else {
  3773. node.removeAttribute("aria-expanded");
  3774. }
  3775. });
  3776. }
  3777. function cleanupInteractiveMouseListeners() {
  3778. getDocument().removeEventListener("mousemove", debouncedOnMouseMove);
  3779. mouseMoveListeners = mouseMoveListeners.filter(function(listener) {
  3780. return listener !== debouncedOnMouseMove;
  3781. });
  3782. }
  3783. function onDocumentPress(event) {
  3784. if (currentInput.isTouch) {
  3785. if (didTouchMove || event.type === "mousedown") {
  3786. return;
  3787. }
  3788. }
  3789. var actualTarget = event.composedPath && event.composedPath()[0] || event.target;
  3790. if (instance.props.interactive && actualContains(popper2, actualTarget)) {
  3791. return;
  3792. }
  3793. if (normalizeToArray(instance.props.triggerTarget || reference2).some(function(el) {
  3794. return actualContains(el, actualTarget);
  3795. })) {
  3796. if (currentInput.isTouch) {
  3797. return;
  3798. }
  3799. if (instance.state.isVisible && instance.props.trigger.indexOf("click") >= 0) {
  3800. return;
  3801. }
  3802. } else {
  3803. invokeHook("onClickOutside", [instance, event]);
  3804. }
  3805. if (instance.props.hideOnClick === true) {
  3806. instance.clearDelayTimeouts();
  3807. instance.hide();
  3808. didHideDueToDocumentMouseDown = true;
  3809. setTimeout(function() {
  3810. didHideDueToDocumentMouseDown = false;
  3811. });
  3812. if (!instance.state.isMounted) {
  3813. removeDocumentPress();
  3814. }
  3815. }
  3816. }
  3817. function onTouchMove() {
  3818. didTouchMove = true;
  3819. }
  3820. function onTouchStart() {
  3821. didTouchMove = false;
  3822. }
  3823. function addDocumentPress() {
  3824. var doc = getDocument();
  3825. doc.addEventListener("mousedown", onDocumentPress, true);
  3826. doc.addEventListener("touchend", onDocumentPress, TOUCH_OPTIONS);
  3827. doc.addEventListener("touchstart", onTouchStart, TOUCH_OPTIONS);
  3828. doc.addEventListener("touchmove", onTouchMove, TOUCH_OPTIONS);
  3829. }
  3830. function removeDocumentPress() {
  3831. var doc = getDocument();
  3832. doc.removeEventListener("mousedown", onDocumentPress, true);
  3833. doc.removeEventListener("touchend", onDocumentPress, TOUCH_OPTIONS);
  3834. doc.removeEventListener("touchstart", onTouchStart, TOUCH_OPTIONS);
  3835. doc.removeEventListener("touchmove", onTouchMove, TOUCH_OPTIONS);
  3836. }
  3837. function onTransitionedOut(duration, callback) {
  3838. onTransitionEnd(duration, function() {
  3839. if (!instance.state.isVisible && popper2.parentNode && popper2.parentNode.contains(popper2)) {
  3840. callback();
  3841. }
  3842. });
  3843. }
  3844. function onTransitionedIn(duration, callback) {
  3845. onTransitionEnd(duration, callback);
  3846. }
  3847. function onTransitionEnd(duration, callback) {
  3848. var box = getDefaultTemplateChildren().box;
  3849. function listener(event) {
  3850. if (event.target === box) {
  3851. updateTransitionEndListener(box, "remove", listener);
  3852. callback();
  3853. }
  3854. }
  3855. if (duration === 0) {
  3856. return callback();
  3857. }
  3858. updateTransitionEndListener(box, "remove", currentTransitionEndListener);
  3859. updateTransitionEndListener(box, "add", listener);
  3860. currentTransitionEndListener = listener;
  3861. }
  3862. function on(eventType, handler, options) {
  3863. if (options === void 0) {
  3864. options = false;
  3865. }
  3866. var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
  3867. nodes.forEach(function(node) {
  3868. node.addEventListener(eventType, handler, options);
  3869. listeners.push({
  3870. node,
  3871. eventType,
  3872. handler,
  3873. options
  3874. });
  3875. });
  3876. }
  3877. function addListeners() {
  3878. if (getIsCustomTouchBehavior()) {
  3879. on("touchstart", onTrigger2, {
  3880. passive: true
  3881. });
  3882. on("touchend", onMouseLeave, {
  3883. passive: true
  3884. });
  3885. }
  3886. splitBySpaces(instance.props.trigger).forEach(function(eventType) {
  3887. if (eventType === "manual") {
  3888. return;
  3889. }
  3890. on(eventType, onTrigger2);
  3891. switch (eventType) {
  3892. case "mouseenter":
  3893. on("mouseleave", onMouseLeave);
  3894. break;
  3895. case "focus":
  3896. on(isIE11 ? "focusout" : "blur", onBlurOrFocusOut);
  3897. break;
  3898. case "focusin":
  3899. on("focusout", onBlurOrFocusOut);
  3900. break;
  3901. }
  3902. });
  3903. }
  3904. function removeListeners() {
  3905. listeners.forEach(function(_ref) {
  3906. var node = _ref.node, eventType = _ref.eventType, handler = _ref.handler, options = _ref.options;
  3907. node.removeEventListener(eventType, handler, options);
  3908. });
  3909. listeners = [];
  3910. }
  3911. function onTrigger2(event) {
  3912. var _lastTriggerEvent;
  3913. var shouldScheduleClickHide = false;
  3914. if (!instance.state.isEnabled || isEventListenerStopped(event) || didHideDueToDocumentMouseDown) {
  3915. return;
  3916. }
  3917. var wasFocused = ((_lastTriggerEvent = lastTriggerEvent) == null ? void 0 : _lastTriggerEvent.type) === "focus";
  3918. lastTriggerEvent = event;
  3919. currentTarget = event.currentTarget;
  3920. handleAriaExpandedAttribute();
  3921. if (!instance.state.isVisible && isMouseEvent(event)) {
  3922. mouseMoveListeners.forEach(function(listener) {
  3923. return listener(event);
  3924. });
  3925. }
  3926. if (event.type === "click" && (instance.props.trigger.indexOf("mouseenter") < 0 || isVisibleFromClick) && instance.props.hideOnClick !== false && instance.state.isVisible) {
  3927. shouldScheduleClickHide = true;
  3928. } else {
  3929. scheduleShow(event);
  3930. }
  3931. if (event.type === "click") {
  3932. isVisibleFromClick = !shouldScheduleClickHide;
  3933. }
  3934. if (shouldScheduleClickHide && !wasFocused) {
  3935. scheduleHide(event);
  3936. }
  3937. }
  3938. function onMouseMove(event) {
  3939. var target = event.target;
  3940. var isCursorOverReferenceOrPopper = getCurrentTarget().contains(target) || popper2.contains(target);
  3941. if (event.type === "mousemove" && isCursorOverReferenceOrPopper) {
  3942. return;
  3943. }
  3944. var popperTreeData = getNestedPopperTree().concat(popper2).map(function(popper22) {
  3945. var _instance$popperInsta;
  3946. var instance2 = popper22._tippy;
  3947. var state2 = (_instance$popperInsta = instance2.popperInstance) == null ? void 0 : _instance$popperInsta.state;
  3948. if (state2) {
  3949. return {
  3950. popperRect: popper22.getBoundingClientRect(),
  3951. popperState: state2,
  3952. props
  3953. };
  3954. }
  3955. return null;
  3956. }).filter(Boolean);
  3957. if (isCursorOutsideInteractiveBorder(popperTreeData, event)) {
  3958. cleanupInteractiveMouseListeners();
  3959. scheduleHide(event);
  3960. }
  3961. }
  3962. function onMouseLeave(event) {
  3963. var shouldBail = isEventListenerStopped(event) || instance.props.trigger.indexOf("click") >= 0 && isVisibleFromClick;
  3964. if (shouldBail) {
  3965. return;
  3966. }
  3967. if (instance.props.interactive) {
  3968. instance.hideWithInteractivity(event);
  3969. return;
  3970. }
  3971. scheduleHide(event);
  3972. }
  3973. function onBlurOrFocusOut(event) {
  3974. if (instance.props.trigger.indexOf("focusin") < 0 && event.target !== getCurrentTarget()) {
  3975. return;
  3976. }
  3977. if (instance.props.interactive && event.relatedTarget && popper2.contains(event.relatedTarget)) {
  3978. return;
  3979. }
  3980. scheduleHide(event);
  3981. }
  3982. function isEventListenerStopped(event) {
  3983. return currentInput.isTouch ? getIsCustomTouchBehavior() !== event.type.indexOf("touch") >= 0 : false;
  3984. }
  3985. function createPopperInstance() {
  3986. destroyPopperInstance();
  3987. var _instance$props2 = instance.props, popperOptions = _instance$props2.popperOptions, placement = _instance$props2.placement, offset2 = _instance$props2.offset, getReferenceClientRect = _instance$props2.getReferenceClientRect, moveTransition = _instance$props2.moveTransition;
  3988. var arrow2 = getIsDefaultRenderFn() ? getChildren(popper2).arrow : null;
  3989. var computedReference = getReferenceClientRect ? {
  3990. getBoundingClientRect: getReferenceClientRect,
  3991. contextElement: getReferenceClientRect.contextElement || getCurrentTarget()
  3992. } : reference2;
  3993. var tippyModifier = {
  3994. name: "$$tippy",
  3995. enabled: true,
  3996. phase: "beforeWrite",
  3997. requires: ["computeStyles"],
  3998. fn: function fn5(_ref2) {
  3999. var state2 = _ref2.state;
  4000. if (getIsDefaultRenderFn()) {
  4001. var _getDefaultTemplateCh = getDefaultTemplateChildren(), box = _getDefaultTemplateCh.box;
  4002. ["placement", "reference-hidden", "escaped"].forEach(function(attr) {
  4003. if (attr === "placement") {
  4004. box.setAttribute("data-placement", state2.placement);
  4005. } else {
  4006. if (state2.attributes.popper["data-popper-" + attr]) {
  4007. box.setAttribute("data-" + attr, "");
  4008. } else {
  4009. box.removeAttribute("data-" + attr);
  4010. }
  4011. }
  4012. });
  4013. state2.attributes.popper = {};
  4014. }
  4015. }
  4016. };
  4017. var modifiers = [{
  4018. name: "offset",
  4019. options: {
  4020. offset: offset2
  4021. }
  4022. }, {
  4023. name: "preventOverflow",
  4024. options: {
  4025. padding: {
  4026. top: 2,
  4027. bottom: 2,
  4028. left: 5,
  4029. right: 5
  4030. }
  4031. }
  4032. }, {
  4033. name: "flip",
  4034. options: {
  4035. padding: 5
  4036. }
  4037. }, {
  4038. name: "computeStyles",
  4039. options: {
  4040. adaptive: !moveTransition
  4041. }
  4042. }, tippyModifier];
  4043. if (getIsDefaultRenderFn() && arrow2) {
  4044. modifiers.push({
  4045. name: "arrow",
  4046. options: {
  4047. element: arrow2,
  4048. padding: 3
  4049. }
  4050. });
  4051. }
  4052. modifiers.push.apply(modifiers, (popperOptions == null ? void 0 : popperOptions.modifiers) || []);
  4053. instance.popperInstance = createPopper(computedReference, popper2, Object.assign({}, popperOptions, {
  4054. placement,
  4055. onFirstUpdate,
  4056. modifiers
  4057. }));
  4058. }
  4059. function destroyPopperInstance() {
  4060. if (instance.popperInstance) {
  4061. instance.popperInstance.destroy();
  4062. instance.popperInstance = null;
  4063. }
  4064. }
  4065. function mount() {
  4066. var appendTo = instance.props.appendTo;
  4067. var parentNode;
  4068. var node = getCurrentTarget();
  4069. if (instance.props.interactive && appendTo === TIPPY_DEFAULT_APPEND_TO || appendTo === "parent") {
  4070. parentNode = node.parentNode;
  4071. } else {
  4072. parentNode = invokeWithArgsOrReturn(appendTo, [node]);
  4073. }
  4074. if (!parentNode.contains(popper2)) {
  4075. parentNode.appendChild(popper2);
  4076. }
  4077. instance.state.isMounted = true;
  4078. createPopperInstance();
  4079. }
  4080. function getNestedPopperTree() {
  4081. return arrayFrom(popper2.querySelectorAll("[data-tippy-root]"));
  4082. }
  4083. function scheduleShow(event) {
  4084. instance.clearDelayTimeouts();
  4085. if (event) {
  4086. invokeHook("onTrigger", [instance, event]);
  4087. }
  4088. addDocumentPress();
  4089. var delay = getDelay(true);
  4090. var _getNormalizedTouchSe = getNormalizedTouchSettings(), touchValue = _getNormalizedTouchSe[0], touchDelay = _getNormalizedTouchSe[1];
  4091. if (currentInput.isTouch && touchValue === "hold" && touchDelay) {
  4092. delay = touchDelay;
  4093. }
  4094. if (delay) {
  4095. showTimeout = setTimeout(function() {
  4096. instance.show();
  4097. }, delay);
  4098. } else {
  4099. instance.show();
  4100. }
  4101. }
  4102. function scheduleHide(event) {
  4103. instance.clearDelayTimeouts();
  4104. invokeHook("onUntrigger", [instance, event]);
  4105. if (!instance.state.isVisible) {
  4106. removeDocumentPress();
  4107. return;
  4108. }
  4109. if (instance.props.trigger.indexOf("mouseenter") >= 0 && instance.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(event.type) >= 0 && isVisibleFromClick) {
  4110. return;
  4111. }
  4112. var delay = getDelay(false);
  4113. if (delay) {
  4114. hideTimeout = setTimeout(function() {
  4115. if (instance.state.isVisible) {
  4116. instance.hide();
  4117. }
  4118. }, delay);
  4119. } else {
  4120. scheduleHideAnimationFrame = requestAnimationFrame(function() {
  4121. instance.hide();
  4122. });
  4123. }
  4124. }
  4125. function enable() {
  4126. instance.state.isEnabled = true;
  4127. }
  4128. function disable() {
  4129. instance.hide();
  4130. instance.state.isEnabled = false;
  4131. }
  4132. function clearDelayTimeouts() {
  4133. clearTimeout(showTimeout);
  4134. clearTimeout(hideTimeout);
  4135. cancelAnimationFrame(scheduleHideAnimationFrame);
  4136. }
  4137. function setProps(partialProps) {
  4138. if (instance.state.isDestroyed) {
  4139. return;
  4140. }
  4141. invokeHook("onBeforeUpdate", [instance, partialProps]);
  4142. removeListeners();
  4143. var prevProps = instance.props;
  4144. var nextProps = evaluateProps(reference2, Object.assign({}, prevProps, removeUndefinedProps(partialProps), {
  4145. ignoreAttributes: true
  4146. }));
  4147. instance.props = nextProps;
  4148. addListeners();
  4149. if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
  4150. cleanupInteractiveMouseListeners();
  4151. debouncedOnMouseMove = debounce(onMouseMove, nextProps.interactiveDebounce);
  4152. }
  4153. if (prevProps.triggerTarget && !nextProps.triggerTarget) {
  4154. normalizeToArray(prevProps.triggerTarget).forEach(function(node) {
  4155. node.removeAttribute("aria-expanded");
  4156. });
  4157. } else if (nextProps.triggerTarget) {
  4158. reference2.removeAttribute("aria-expanded");
  4159. }
  4160. handleAriaExpandedAttribute();
  4161. handleStyles();
  4162. if (onUpdate) {
  4163. onUpdate(prevProps, nextProps);
  4164. }
  4165. if (instance.popperInstance) {
  4166. createPopperInstance();
  4167. getNestedPopperTree().forEach(function(nestedPopper) {
  4168. requestAnimationFrame(nestedPopper._tippy.popperInstance.forceUpdate);
  4169. });
  4170. }
  4171. invokeHook("onAfterUpdate", [instance, partialProps]);
  4172. }
  4173. function setContent2(content) {
  4174. instance.setProps({
  4175. content
  4176. });
  4177. }
  4178. function show() {
  4179. var isAlreadyVisible = instance.state.isVisible;
  4180. var isDestroyed = instance.state.isDestroyed;
  4181. var isDisabled = !instance.state.isEnabled;
  4182. var isTouchAndTouchDisabled = currentInput.isTouch && !instance.props.touch;
  4183. var duration = getValueAtIndexOrReturn(instance.props.duration, 0, defaultProps.duration);
  4184. if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
  4185. return;
  4186. }
  4187. if (getCurrentTarget().hasAttribute("disabled")) {
  4188. return;
  4189. }
  4190. invokeHook("onShow", [instance], false);
  4191. if (instance.props.onShow(instance) === false) {
  4192. return;
  4193. }
  4194. instance.state.isVisible = true;
  4195. if (getIsDefaultRenderFn()) {
  4196. popper2.style.visibility = "visible";
  4197. }
  4198. handleStyles();
  4199. addDocumentPress();
  4200. if (!instance.state.isMounted) {
  4201. popper2.style.transition = "none";
  4202. }
  4203. if (getIsDefaultRenderFn()) {
  4204. var _getDefaultTemplateCh2 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh2.box, content = _getDefaultTemplateCh2.content;
  4205. setTransitionDuration([box, content], 0);
  4206. }
  4207. onFirstUpdate = function onFirstUpdate2() {
  4208. var _instance$popperInsta2;
  4209. if (!instance.state.isVisible || ignoreOnFirstUpdate) {
  4210. return;
  4211. }
  4212. ignoreOnFirstUpdate = true;
  4213. void popper2.offsetHeight;
  4214. popper2.style.transition = instance.props.moveTransition;
  4215. if (getIsDefaultRenderFn() && instance.props.animation) {
  4216. var _getDefaultTemplateCh3 = getDefaultTemplateChildren(), _box = _getDefaultTemplateCh3.box, _content = _getDefaultTemplateCh3.content;
  4217. setTransitionDuration([_box, _content], duration);
  4218. setVisibilityState([_box, _content], "visible");
  4219. }
  4220. handleAriaContentAttribute();
  4221. handleAriaExpandedAttribute();
  4222. pushIfUnique(mountedInstances, instance);
  4223. (_instance$popperInsta2 = instance.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
  4224. invokeHook("onMount", [instance]);
  4225. if (instance.props.animation && getIsDefaultRenderFn()) {
  4226. onTransitionedIn(duration, function() {
  4227. instance.state.isShown = true;
  4228. invokeHook("onShown", [instance]);
  4229. });
  4230. }
  4231. };
  4232. mount();
  4233. }
  4234. function hide2() {
  4235. var isAlreadyHidden = !instance.state.isVisible;
  4236. var isDestroyed = instance.state.isDestroyed;
  4237. var isDisabled = !instance.state.isEnabled;
  4238. var duration = getValueAtIndexOrReturn(instance.props.duration, 1, defaultProps.duration);
  4239. if (isAlreadyHidden || isDestroyed || isDisabled) {
  4240. return;
  4241. }
  4242. invokeHook("onHide", [instance], false);
  4243. if (instance.props.onHide(instance) === false) {
  4244. return;
  4245. }
  4246. instance.state.isVisible = false;
  4247. instance.state.isShown = false;
  4248. ignoreOnFirstUpdate = false;
  4249. isVisibleFromClick = false;
  4250. if (getIsDefaultRenderFn()) {
  4251. popper2.style.visibility = "hidden";
  4252. }
  4253. cleanupInteractiveMouseListeners();
  4254. removeDocumentPress();
  4255. handleStyles(true);
  4256. if (getIsDefaultRenderFn()) {
  4257. var _getDefaultTemplateCh4 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh4.box, content = _getDefaultTemplateCh4.content;
  4258. if (instance.props.animation) {
  4259. setTransitionDuration([box, content], duration);
  4260. setVisibilityState([box, content], "hidden");
  4261. }
  4262. }
  4263. handleAriaContentAttribute();
  4264. handleAriaExpandedAttribute();
  4265. if (instance.props.animation) {
  4266. if (getIsDefaultRenderFn()) {
  4267. onTransitionedOut(duration, instance.unmount);
  4268. }
  4269. } else {
  4270. instance.unmount();
  4271. }
  4272. }
  4273. function hideWithInteractivity(event) {
  4274. getDocument().addEventListener("mousemove", debouncedOnMouseMove);
  4275. pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
  4276. debouncedOnMouseMove(event);
  4277. }
  4278. function unmount() {
  4279. if (instance.state.isVisible) {
  4280. instance.hide();
  4281. }
  4282. if (!instance.state.isMounted) {
  4283. return;
  4284. }
  4285. destroyPopperInstance();
  4286. getNestedPopperTree().forEach(function(nestedPopper) {
  4287. nestedPopper._tippy.unmount();
  4288. });
  4289. if (popper2.parentNode) {
  4290. popper2.parentNode.removeChild(popper2);
  4291. }
  4292. mountedInstances = mountedInstances.filter(function(i) {
  4293. return i !== instance;
  4294. });
  4295. instance.state.isMounted = false;
  4296. invokeHook("onHidden", [instance]);
  4297. }
  4298. function destroy() {
  4299. if (instance.state.isDestroyed) {
  4300. return;
  4301. }
  4302. instance.clearDelayTimeouts();
  4303. instance.unmount();
  4304. removeListeners();
  4305. delete reference2._tippy;
  4306. instance.state.isDestroyed = true;
  4307. invokeHook("onDestroy", [instance]);
  4308. }
  4309. }
  4310. function tippy(targets, optionalProps) {
  4311. if (optionalProps === void 0) {
  4312. optionalProps = {};
  4313. }
  4314. var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
  4315. bindGlobalEventListeners();
  4316. var passedProps = Object.assign({}, optionalProps, {
  4317. plugins
  4318. });
  4319. var elements = getArrayOfElements(targets);
  4320. var instances = elements.reduce(function(acc, reference2) {
  4321. var instance = reference2 && createTippy(reference2, passedProps);
  4322. if (instance) {
  4323. acc.push(instance);
  4324. }
  4325. return acc;
  4326. }, []);
  4327. return isElement(targets) ? instances[0] : instances;
  4328. }
  4329. tippy.defaultProps = defaultProps;
  4330. tippy.setDefaultProps = setDefaultProps;
  4331. tippy.currentInput = currentInput;
  4332. Object.assign({}, applyStyles$1, {
  4333. effect: function effect2(_ref) {
  4334. var state = _ref.state;
  4335. var initialStyles = {
  4336. popper: {
  4337. position: state.options.strategy,
  4338. left: "0",
  4339. top: "0",
  4340. margin: "0"
  4341. },
  4342. arrow: {
  4343. position: "absolute"
  4344. },
  4345. reference: {}
  4346. };
  4347. Object.assign(state.elements.popper.style, initialStyles.popper);
  4348. state.styles = initialStyles;
  4349. if (state.elements.arrow) {
  4350. Object.assign(state.elements.arrow.style, initialStyles.arrow);
  4351. }
  4352. }
  4353. });
  4354. tippy.setDefaultProps({
  4355. render
  4356. });
  4357.  
  4358. })
  4359. };
  4360. }));
  4361.  
  4362. System.import("./__entry.js", "./");

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址