@whitesev/pops 2.5.2 → 2.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/index.amd.js +76 -112
  2. package/dist/index.amd.js.map +1 -1
  3. package/dist/index.amd.min.js +1 -1
  4. package/dist/index.amd.min.js.map +1 -1
  5. package/dist/index.cjs.js +76 -112
  6. package/dist/index.cjs.js.map +1 -1
  7. package/dist/index.cjs.min.js +1 -1
  8. package/dist/index.cjs.min.js.map +1 -1
  9. package/dist/index.esm.js +76 -112
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.esm.min.js +1 -1
  12. package/dist/index.esm.min.js.map +1 -1
  13. package/dist/index.iife.js +76 -112
  14. package/dist/index.iife.js.map +1 -1
  15. package/dist/index.iife.min.js +1 -1
  16. package/dist/index.iife.min.js.map +1 -1
  17. package/dist/index.system.js +76 -112
  18. package/dist/index.system.js.map +1 -1
  19. package/dist/index.system.min.js +1 -1
  20. package/dist/index.system.min.js.map +1 -1
  21. package/dist/index.umd.js +76 -112
  22. package/dist/index.umd.js.map +1 -1
  23. package/dist/index.umd.min.js +1 -1
  24. package/dist/index.umd.min.js.map +1 -1
  25. package/dist/types/src/Pops.d.ts +4 -4
  26. package/dist/types/src/components/panel/handlerComponents.d.ts +2 -2
  27. package/dist/types/src/components/panel/types/components-common.d.ts +3 -5
  28. package/dist/types/src/components/panel/types/index.d.ts +5 -11
  29. package/dist/types/src/components/rightClickMenu/index.d.ts +1 -1
  30. package/dist/types/src/components/rightClickMenu/types/index.d.ts +3 -2
  31. package/dist/types/src/components/searchSuggestion/types/index.d.ts +3 -2
  32. package/dist/types/src/components/tooltip/index.d.ts +1 -1
  33. package/dist/types/src/components/tooltip/types/index.d.ts +2 -1
  34. package/dist/types/src/utils/PopsDOMUtils.d.ts +1 -1
  35. package/package.json +1 -1
  36. package/src/components/panel/config.ts +37 -79
  37. package/src/components/panel/handlerComponents.ts +7 -22
  38. package/src/components/panel/index.ts +12 -2
  39. package/src/components/panel/types/components-common.ts +5 -9
  40. package/src/components/panel/types/index.ts +5 -13
  41. package/src/components/rightClickMenu/types/index.ts +3 -2
  42. package/src/components/searchSuggestion/types/index.ts +3 -2
  43. package/src/components/tooltip/index.ts +1 -3
  44. package/src/components/tooltip/types/index.ts +2 -1
  45. package/src/utils/PopsDOMUtils.ts +23 -10
@@ -1,2 +1,2 @@
1
- System.register("pops",[],function(t){"use strict";return{execute:function(){const e={config:{},setGlobalConfig(t){Reflect.ownKeys(t).forEach(n=>{Reflect.set(e.config,n,Reflect.get(t,n))})},getGlobalConfig(){const t={};return Object.keys(e.config).forEach(n=>{const r=Reflect.get(e.config,n);if("style"===n){const e=null==r?"":"function"==typeof r?r():r;"string"==typeof e&&(t.style=e)}else if("zIndex"===n){let e=null==r?"":"function"==typeof r?r():r;if("string"==typeof e){const n=e=Number(e);isNaN(n)||(t.zIndex=n)}else isNaN(e)||(t.zIndex=e)}else if("mask"===n){const n=null==e.config.mask?{}:e.config.mask;"object"==typeof n&&null!=n&&(t.mask=n)}else Reflect.set(t,n,r)}),t}};const n={$data:{min:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"></path>\r\n</svg>\r\n',mise:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M885.333333 85.333333H330.410667a53.333333 53.333333 0 0 0-53.333334 53.333334v106.666666H138.666667A53.333333 53.333333 0 0 0 85.333333 298.666667v586.666666a53.333333 53.333333 0 0 0 53.333334 53.333334H725.333333a53.333333 53.333333 0 0 0 53.333334-53.333334V746.154667h106.666666c29.44 0 53.333333-23.893333 53.333334-53.333334V138.666667A53.333333 53.333333 0 0 0 885.333333 85.333333zM725.333333 692.821333v192.512H138.666667V298.666667H725.333333v394.154666z m157.866667 0H778.666667V298.666667a53.333333 53.333333 0 0 0-53.333334-53.333334H330.410667v-106.666666h554.922666l-2.133333 554.154666z"></path>\r\n</svg>\r\n',max:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"></path>\r\n</svg>\r\n',close:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="close">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>\r\n</svg>\r\n',edit:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"></path>\r\n</svg>\r\n',share:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m679.872 348.8-301.76 188.608a127.808 127.808 0 0 1 5.12 52.16l279.936 104.96a128 128 0 1 1-22.464 59.904l-279.872-104.96a128 128 0 1 1-16.64-166.272l301.696-188.608a128 128 0 1 1 33.92 54.272z"></path>\r\n</svg>\r\n',delete:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"></path>\r\n</svg>\r\n',search:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"></path>\r\n</svg>\r\n',upload:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"></path>\r\n</svg>\r\n',loading:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>\r\n</svg>\r\n',next:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n',prev:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n',eleme:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M300.032 188.8c174.72-113.28 408-63.36 522.24 109.44 5.76 10.56 11.52 20.16 17.28 30.72v.96a22.4 22.4 0 0 1-7.68 26.88l-352.32 228.48c-9.6 6.72-22.08 3.84-28.8-5.76l-18.24-27.84a54.336 54.336 0 0 1 16.32-74.88l225.6-146.88c9.6-6.72 12.48-19.2 5.76-28.8-.96-1.92-1.92-3.84-3.84-4.8a267.84 267.84 0 0 0-315.84-17.28c-123.84 81.6-159.36 247.68-78.72 371.52a268.096 268.096 0 0 0 370.56 78.72 54.336 54.336 0 0 1 74.88 16.32l17.28 26.88c5.76 9.6 3.84 21.12-4.8 27.84-8.64 7.68-18.24 14.4-28.8 21.12a377.92 377.92 0 0 1-522.24-110.4c-113.28-174.72-63.36-408 111.36-522.24zm526.08 305.28a22.336 22.336 0 0 1 28.8 5.76l23.04 35.52a63.232 63.232 0 0 1-18.24 87.36l-35.52 23.04c-9.6 6.72-22.08 3.84-28.8-5.76l-46.08-71.04c-6.72-9.6-3.84-22.08 5.76-28.8l71.04-46.08z"></path>\r\n</svg>\r\n',elemePlus:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\td="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960c-10.2 5.1-20.5 5.1-30.7 0 0 0-314.9-184.3-325.1-192-5.1-5.1-10.2-12.8-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6c12.8-5.1 25.6-5.1 38.4 0 0 0 279 161.3 309.8 179.2 17.9 7.7 28.2 25.6 25.6 46.1-.1-5-.1 317.5-.1 350.8zM714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9 7.7 5.1 256 148.5 256 148.5 7.7 5.1 17.9 5.1 25.6 0 15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535c5.1-7.7 10.2-20.5 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4l220.1-128zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64l-2.5-38.4z"\r\n\t\tfill="currentColor"></path>\r\n</svg>\r\n',chromeFilled:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xml:space="preserve" data-type="chromeFilled">\r\n\t<path\r\n\t\td="M938.67 512.01c0-44.59-6.82-87.6-19.54-128H682.67a212.372 212.372 0 0 1 42.67 128c.06 38.71-10.45 76.7-30.42 109.87l-182.91 316.8c235.65-.01 426.66-191.02 426.66-426.67z"\r\n\t\tfill="currentColor"></path>\r\n\t<path\r\n\t\td="M576.79 401.63a127.92 127.92 0 0 0-63.56-17.6c-22.36-.22-44.39 5.43-63.89 16.38s-35.79 26.82-47.25 46.02a128.005 128.005 0 0 0-2.16 127.44l1.24 2.13a127.906 127.906 0 0 0 46.36 46.61 127.907 127.907 0 0 0 63.38 17.44c22.29.2 44.24-5.43 63.68-16.33a127.94 127.94 0 0 0 47.16-45.79v-.01l1.11-1.92a127.984 127.984 0 0 0 .29-127.46 127.957 127.957 0 0 0-46.36-46.91z"\r\n\t\tfill="currentColor"></path>\r\n\t<path\r\n\t\td="M394.45 333.96A213.336 213.336 0 0 1 512 298.67h369.58A426.503 426.503 0 0 0 512 85.34a425.598 425.598 0 0 0-171.74 35.98 425.644 425.644 0 0 0-142.62 102.22l118.14 204.63a213.397 213.397 0 0 1 78.67-94.21zM512.01 938.68H512zM414.76 701.95a213.284 213.284 0 0 1-89.54-86.81L142.48 298.6c-36.35 62.81-57.13 135.68-57.13 213.42 0 203.81 142.93 374.22 333.95 416.55h.04l118.19-204.71a213.315 213.315 0 0 1-122.77-21.91z"\r\n\t\tfill="currentColor"></path>\r\n</svg>\r\n',cpu:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M320 256a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64H320zm0-64h384a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H320a128 128 0 0 1-128-128V320a128 128 0 0 1 128-128z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm160 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm-320 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm160 896a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zm160 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zm-320 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zM64 512a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm0-160a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm0 320a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm896-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32zm0-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32zm0 320a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32z"></path>\r\n</svg>\r\n',videoPlay:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-48-247.616L668.608 512 464 375.616v272.768zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z"></path>\r\n</svg>\r\n',videoPause:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32zm192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32z"></path>\r\n</svg>\r\n',headset:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M896 529.152V512a384 384 0 1 0-768 0v17.152A128 128 0 0 1 320 640v128a128 128 0 1 1-256 0V512a448 448 0 1 1 896 0v256a128 128 0 1 1-256 0V640a128 128 0 0 1 192-110.848zM896 640a64 64 0 0 0-128 0v128a64 64 0 0 0 128 0V640zm-768 0v128a64 64 0 0 0 128 0V640a64 64 0 1 0-128 0z"></path>\r\n</svg>\r\n',monitor:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M544 768v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768H192A128 128 0 0 1 64 640V256a128 128 0 0 1 128-128h640a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H544zM192 192a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H192z"></path>\r\n</svg>\r\n',documentCopy:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M128 320v576h576V320H128zm-32-64h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32zM960 96v704a32 32 0 0 1-32 32h-96v-64h64V128H384v64h-64V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32zM256 672h320v64H256v-64zm0-192h320v64H256v-64z"></path>\r\n</svg>\r\n',picture:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M160 160v704h704V160H160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64zM185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952L185.408 876.992z"></path>\r\n</svg>\r\n',circleClose:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="circleClose">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"></path>\r\n</svg>\r\n',view:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"></path>\r\n</svg>\r\n',hide:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"></path>\r\n</svg>\r\n',keyboard:'<svg viewBox="0 0 1123 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\td="M1014.122186 1024H109.753483A109.753483 109.753483 0 0 1 0 914.246517V392.917471a109.753483 109.753483 0 0 1 109.753483-109.753484h904.368703a109.753483 109.753483 0 0 1 109.753484 109.753484v521.329046a109.753483 109.753483 0 0 1-109.753484 109.753483zM109.753483 370.966774a21.950697 21.950697 0 0 0-21.950696 21.950697v521.329046a21.950697 21.950697 0 0 0 21.950696 21.950696h904.368703a21.950697 21.950697 0 0 0 21.950697-21.950696V392.917471a21.950697 21.950697 0 0 0-21.950697-21.950697z"></path>\r\n\t<path\r\n\t\td="M687.056806 891.198285H307.309753a43.901393 43.901393 0 0 1 0-87.802787h379.747053a43.901393 43.901393 0 0 1 0 87.802787zM175.605573 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM432.428725 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM947.172562 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 546.572347a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 803.395498a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 678.276527a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM948.270096 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394z"></path>\r\n\t<path\r\n\t\td="M881.320472 766.079314H689.251876a43.901393 43.901393 0 0 1 0-87.802787h192.068596a21.950697 21.950697 0 0 0 21.950696-21.950696v-65.85209a43.901393 43.901393 0 0 1 87.802787 0v65.85209a109.753483 109.753483 0 0 1-109.753483 109.753483zM305.114684 502.670954H175.605573a43.901393 43.901393 0 0 1 0-87.802787h129.509111a43.901393 43.901393 0 0 1 0 87.802787zM563.03537 365.4791a43.901393 43.901393 0 0 1-43.901394-43.901394v-105.363344A109.753483 109.753483 0 0 1 628.88746 106.460879h61.461951a21.950697 21.950697 0 0 0 21.950696-21.950697V43.901393a43.901393 43.901393 0 0 1 87.802787 0v40.608789a109.753483 109.753483 0 0 1-109.753483 109.753484h-61.461951a21.950697 21.950697 0 0 0-21.950697 21.950696v105.363344a43.901393 43.901393 0 0 1-43.901393 43.901394z"></path>\r\n</svg>\r\n',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="arrowRight">\r\n\t<path\r\n\t\td="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n',arrowLeft:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="arrowLeft">\r\n\t<path\r\n\t\td="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n'},hasIcon:t=>Object.keys(n.$data).includes(t),getIcon:t=>n.$data[t],deleteIcon:t=>Reflect.deleteProperty(n.$data,t),setIcon(t,e){Reflect.set(n.$data,t,e)}},r=Symbol("events_"+(65536*(1+Math.random())|0).toString(16).substring(1)),o={document:document,window:window,globalThis:globalThis,self:self,setTimeout:globalThis.setTimeout.bind(globalThis),setInterval:globalThis.setInterval.bind(globalThis),clearTimeout:globalThis.clearTimeout.bind(globalThis),clearInterval:globalThis.clearInterval.bind(globalThis)},a=Object.assign({},o),i={init(t){t||(t=Object.assign({},o)),Object.assign(a,t)},get document(){return a.document},get window(){return a.window},get globalThis(){return a.globalThis},get self(){return a.self},get setTimeout(){return a.setTimeout},get setInterval(){return a.setInterval},get clearTimeout(){return a.clearTimeout},get clearInterval(){return a.clearInterval}},s={Object:{defineProperty:Object.defineProperty}},l=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,p=536870912,c=1073741824,d=new WeakMap;var f;const m=((t,e)=>n=>{const r=e.get(n);let o=void 0===r?n.size:r<c?r+1:0;if(!n.has(o))return t(n,o);if(n.size<p){for(;n.has(o);)o=Math.floor(Math.random()*c);return t(n,o)}if(n.size>l)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;n.has(o);)o=Math.floor(Math.random()*l);return t(n,o)})((f=d,(t,e)=>(f.set(t,e),e)),d),u=new WeakMap,h=new WeakMap,b=new Map([[0,null]]),g=new Map([[0,null]]),v=(t=>{const e=(n=t,{...n,connect:({call:t})=>async()=>{const{port1:e,port2:n}=new MessageChannel,r=await t("connect",{port:e},[e]);return u.set(n,r),n},disconnect:({call:t})=>async e=>{const n=u.get(e);if(void 0===n)throw new Error("The given port is not connected.");await t("disconnect",{portId:n})},isSupported:({call:t})=>()=>t("isSupported")});var n;return t=>{const n=(t=>{if(h.has(t))return h.get(t);const e=new Map;return h.set(t,e),e})(t);t.addEventListener("message",({data:t})=>{const{id:e}=t;if(null!==e&&n.has(e)){const{reject:r,resolve:o}=n.get(e);n.delete(e),void 0===t.error?o(t.result):r(new Error(t.error.message))}}),(t=>"function"==typeof t.start)(t)&&t.start();const r=(e,r=null,o=[])=>new Promise((a,i)=>{const s=m(n);n.set(s,{reject:i,resolve:a}),null===r?t.postMessage({id:s,method:e},o):t.postMessage({id:s,method:e,params:r},o)}),o=(e,n,r=[])=>{t.postMessage({id:null,method:e,params:n},r)};let a={};for(const[t,n]of Object.entries(e))a={...a,[t]:n({call:r,notify:o})};return{...a}}})({clearInterval:({call:t})=>e=>{"symbol"==typeof b.get(e)&&(b.set(e,null),t("clear",{timerId:e,timerType:"interval"}).then(()=>{b.delete(e)}))},clearTimeout:({call:t})=>e=>{"symbol"==typeof g.get(e)&&(g.set(e,null),t("clear",{timerId:e,timerType:"timeout"}).then(()=>{g.delete(e)}))},setInterval:({call:t})=>(e,n=0,...r)=>{const o=Symbol(),a=m(b);b.set(a,o);const i=()=>t("set",{delay:n,now:performance.timeOrigin+performance.now(),timerId:a,timerType:"interval"}).then(()=>{const t=b.get(a);if(void 0===t)throw new Error("The timer is in an undefined state.");t===o&&(e(...r),b.get(a)===o&&i())});return i(),a},setTimeout:({call:t})=>(e,n=0,...r)=>{const o=Symbol(),a=m(g);return g.set(a,o),t("set",{delay:n,now:performance.timeOrigin+performance.now(),timerId:a,timerType:"timeout"}).then(()=>{const t=g.get(a);if(void 0===t)throw new Error("The timer is in an undefined state.");t===o&&(g.delete(a),e(...r))}),a}}),x=((t,e)=>{let n=null;return()=>{if(null!==n)return n;const r=new Blob([e],{type:"application/javascript; charset=utf-8"}),o=URL.createObjectURL(r);return n=t(o),setTimeout(()=>URL.revokeObjectURL(o)),n}})(t=>{const e=new Worker(t);return v(e)},'(()=>{var e={455:function(e,t){!function(e){"use strict";var t=function(e){return function(t){var r=e(t);return t.add(r),r}},r=function(e){return function(t,r){return e.set(t,r),r}},n=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,o=536870912,s=2*o,a=function(e,t){return function(r){var a=t.get(r),i=void 0===a?r.size:a<s?a+1:0;if(!r.has(i))return e(r,i);if(r.size<o){for(;r.has(i);)i=Math.floor(Math.random()*s);return e(r,i)}if(r.size>n)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;r.has(i);)i=Math.floor(Math.random()*n);return e(r,i)}},i=new WeakMap,u=r(i),c=a(u,i),l=t(c);e.addUniqueNumber=l,e.generateUniqueNumber=c}(t)}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n].call(s.exports,s,s.exports,r),s.exports}(()=>{"use strict";const e=-32603,t=-32602,n=-32601,o=(e,t)=>Object.assign(new Error(e),{status:t}),s=t=>o(\'The handler of the method called "\'.concat(t,\'" returned an unexpected result.\'),e),a=(t,r)=>async({data:{id:a,method:i,params:u}})=>{const c=r[i];try{if(void 0===c)throw(e=>o(\'The requested method called "\'.concat(e,\'" is not supported.\'),n))(i);const r=void 0===u?c():c(u);if(void 0===r)throw(t=>o(\'The handler of the method called "\'.concat(t,\'" returned no required result.\'),e))(i);const l=r instanceof Promise?await r:r;if(null===a){if(void 0!==l.result)throw s(i)}else{if(void 0===l.result)throw s(i);const{result:e,transferables:r=[]}=l;t.postMessage({id:a,result:e},r)}}catch(e){const{message:r,status:n=-32603}=e;t.postMessage({error:{code:n,message:r},id:a})}};var i=r(455);const u=new Map,c=(e,r,n)=>({...r,connect:({port:t})=>{t.start();const n=e(t,r),o=(0,i.generateUniqueNumber)(u);return u.set(o,()=>{n(),t.close(),u.delete(o)}),{result:o}},disconnect:({portId:e})=>{const r=u.get(e);if(void 0===r)throw(e=>o(\'The specified parameter called "portId" with the given value "\'.concat(e,\'" does not identify a port connected to this worker.\'),t))(e);return r(),{result:null}},isSupported:async()=>{if(await new Promise(e=>{const t=new ArrayBuffer(0),{port1:r,port2:n}=new MessageChannel;r.onmessage=({data:t})=>e(null!==t),n.postMessage(t,[t])})){const e=n();return{result:e instanceof Promise?await e:e}}return{result:!1}}}),l=(e,t,r=()=>!0)=>{const n=c(l,t,r),o=a(e,n);return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},d=(e,t)=>r=>{const n=t.get(r);if(void 0===n)return Promise.resolve(!1);const[o,s]=n;return e(o),t.delete(r),s(!1),Promise.resolve(!0)},f=(e,t,r,n)=>(o,s,a)=>{const i=o+s-t.timeOrigin,u=i-t.now();return new Promise(t=>{e.set(a,[r(n,u,i,e,t,a),t])})},m=new Map,h=d(globalThis.clearTimeout,m),p=new Map,v=d(globalThis.clearTimeout,p),w=((e,t)=>{const r=(n,o,s,a)=>{const i=n-e.now();i>0?o.set(a,[t(r,i,n,o,s,a),s]):(o.delete(a),s(!0))};return r})(performance,globalThis.setTimeout),g=f(m,performance,globalThis.setTimeout,w),T=f(p,performance,globalThis.setTimeout,w);l(self,{clear:async({timerId:e,timerType:t})=>({result:await("interval"===t?h(e):v(e))}),set:async({delay:e,now:t,timerId:r,timerType:n})=>({result:await("interval"===n?g:T)(e,t,r)})})})()})();');let y=class{constructor(){this.__map={}}beforeEach(t){this.__interceptor=t}on(t,e){const n=Array.isArray(t)?t:[t];for(const t of n){this.__map[t]=this.__map[t]||[];const n=this.__map[t];n&&n.push(e)}return this}emit(t,e,n){void 0!==this.__interceptor?this.__interceptor(t,()=>{this.__emit(t,e),n&&n()}):(this.__emit(t,e),n&&n())}__emit(t,e){const n=this.__map[t];if(Array.isArray(n)&&(null==n?void 0:n.length))for(const r of n)r(e,t);this.event=e}off(t,e){const n=this.__map[t];if(void 0!==n)if(void 0===e)delete this.__map[t];else{const t=n.findIndex(t=>t===e);n.splice(t,1)}}destroy(){this.__map={}}};const w="clientX",A="clientY",C="start",k="cancel",E="end",S={4:"start",5:"move",1:"end",3:"cancel"};function $(t){return S[t]}function T(t,e,n){const r={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(t)][e];return void 0!==r&&r[n]||0}function I(t){[1,3,2].includes(t.state)&&(t.state=0)}function M(t){return[5,1,3].includes(t)}function B(t){if(t.disabled)return t.state=0,!0}function L(t,e){return Object.assign(Object.assign(Object.assign({},t),e),{state:0,disabled:!1})}function z(t){return Math.round(100*t)/100}function R(){let t,e,n,r,o=0;return function(a){if(t=e,void 0!==a){o=Number.MAX_SAFE_INTEGER>o?++o:1;const i=function(t,e){const{phase:n,points:r,changedPoints:o,nativeEvent:a}=t,i=r.length,s=C===n,l=E===n&&0===i||k===n,p=Date.now(),{x:c,y:d}=P(r)||P(o),{currentTarget:f}=a;return Object.assign(t,{id:e,x:c,y:d,timestamp:p,isStart:s,isEnd:l,pointLength:i,currentTarget:f,getOffset(t=f){const e=t.getBoundingClientRect();return{x:c-Math.round(e.left),y:d-Math.round(e.top)}}})}(a,o);e=i;const{isStart:s,pointLength:l}=i;return s&&(n=i,t=void 0,r=1<l?i:void 0),Object.assign(Object.assign({},i),{prevInput:t,startMultiInput:r,startInput:n})}}}function P(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return{x:Math.round(e),y:Math.round(n)}}const n=t.reduce((t,e)=>(t.x+=e[w],t.y+=e[A],t),{x:0,y:0});return{x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function N(t,e,n,r){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let a;return document.createEvent?(a=document.createEvent("HTMLEvents"),a.initEvent(t,null==r?void 0:r.bubbles,null==r?void 0:r.cancelable)):a=new Event(t,r),Object.assign(a,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every(t=>a.currentTarget.contains(t))}),e.dispatchEvent(a)}const O=["touchstart","touchmove","touchend","touchcancel","mousedown"],_=["mousemove","mouseup"],D={domEvents:{bubbles:!0,cancelable:!0},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return!/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return!1}};let H=class extends y{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=!1,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},D),e);const n=function(t){const e=R();return function(n){const r=[],o=[];Array.from(n.touches).forEach(({clientX:e,clientY:n,target:a})=>{(null==t?void 0:t.contains(a))&&(r.push(a),o.push({clientX:e,clientY:n,target:a}))});const a=Array.from(n.changedTouches).map(({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n}));return e({phase:n.type.replace("touch",""),changedPoints:a,points:o,nativeEvent:n,target:n.target,targets:r})}}(this.el),r=function(){let t,e=!1,n=null;const r=R();return function(o){const{clientX:a,clientY:i,type:s,button:l,target:p}=o;let c,d=[{clientX:a,clientY:i,target:p}];if("mousedown"===s&&0===l)n=p,e=!0,c="start";else{if(!e)return;"mousemove"===s?c="move":"mouseup"===s&&(d=[],c="end",e=!1)}const f=t||[{clientX:a,clientY:i,target:p}];if(t=[{clientX:a,clientY:i,target:p}],void 0!==c)return r({phase:c,changedPoints:f,points:d,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:r,mousemove:r,mouseup:r},this.on("at:after",t=>{const{target:e,__type:n}=t,{domEvents:r}=this.__options;r&&void 0!==this.el&&e&&(N(n,e,t,r),N("at:after",e,t,r))}),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=!1;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0}}),window.addEventListener("_",()=>{},t)}catch(t){}this.on("u",function(t,e,n){return O.forEach(r=>{t.addEventListener(r,e,n)}),_.forEach(t=>{window.addEventListener(t,e,n)}),()=>{O.forEach(n=>{t.removeEventListener(n,e)}),_.forEach(t=>{window.removeEventListener(t,e)})}}(t,this.catchEvent.bind(this),!1===this.__options.preventDefault&&e?{passive:!0}:{passive:!1}))}}use(t,e){this.__pluginContexts.push(t(this,e))}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),r=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(function(t,e){const{preventDefault:n}=e;return r=n,"[object Function]"===Object.prototype.toString.call(r)?n(t):!!n;var r}(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=!0:"touchmove"===t.type&&(this.__isIgnoreMouse=!1),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=!1));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const a={};this.__computeFunctionList.forEach(t=>{const n=t(e,a);if(void 0!==n)for(const t in n)a[t]=n[t]}),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),a),{stopPropagation:n,stopImmediatePropagation:r,preventDefault:o}))}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e)}beforeEach(t){super.beforeEach((e,n)=>{var r;(null===(r=this.c)||void 0===r?void 0:r.name)?t(e,n):n()})}get(t){return this.__pluginContexts.find(e=>t===e.name)}set(t){this.__options=Object.assign(Object.assign({},this.__options),t)}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}))})}destroy(){this.emit("u"),super.destroy()}};var U=t=>Math.sqrt(t.x*t.x+t.y*t.y),F=t=>t/Math.PI*180,V=(t,e)=>{var n=((t,e)=>{var n=U(t)*U(e);if(0===n)return 0;var r=((t,e)=>t.x*e.x+t.y*e.y)(t,e)/n;return r>1&&(r=1),Math.acos(r)})(t,e);return((t,e)=>t.x*e.y-e.x*t.y)(t,e)>0&&(n*=-1),F(n)},Y=(t,e)=>{if(0!==t||0!==e)return Math.abs(t)>=Math.abs(e)?0<t?"right":"left":0<e?"down":"up"};function G(){let t=0,e=0;return function(n,r){const{prevVecotr:o,startVecotr:a,activeVecotr:i}=r;return i&&(e=Math.round(V(i,o)),t=Math.round(V(i,a))),{angle:t,deltaAngle:e}}}function Q(){return function(t){const{prevInput:e}=t;let n=0,r=0,o=0;if(void 0!==e&&(n=t.x-e.x,r=t.y-e.y,0!==n||0!==r)){const t=Math.sqrt(Math.pow(n,2)+Math.pow(r,2));o=Math.round(F(Math.acos(Math.abs(n)/t)))}return{deltaX:n,deltaY:r,deltaXYAngle:o}}}function K(){let t,e=0,n=0,r=0,o=0,a=0;return function(i){const{phase:s,startInput:l}=i;return C===s?(e=0,n=0,r=0,o=0,a=0):"move"===s&&(e=Math.round(i.points[0][w]-l.points[0][w]),n=Math.round(i.points[0][A]-l.points[0][A]),r=Math.abs(e),o=Math.abs(n),a=Math.round(U({x:r,y:o})),t=Y(e,n)),{displacementX:e,displacementY:n,distanceX:r,distanceY:o,distance:a,overallDirection:t}}}function X(){let t=1;return function(e,n){let r=1;const{prevVecotr:o,startVecotr:a,activeVecotr:i}=n;return i&&(r=z(U(i)/U(o)),t=z(U(i)/U(a))),{scale:t,deltaScale:r}}}function j(){let t,e,n=0,r=0,o=0,a=0;return function(i){if(void 0!==i){e=e||i.startInput;const s=i.timestamp-e.timestamp;if(16<s){const l=i.x-e.x,p=i.y-e.y;o=Math.round(l/s*100)/100,a=Math.round(p/s*100)/100,n=Math.abs(o),r=Math.abs(a),t=Y(l,p),e=i}}return{velocityX:n,velocityY:r,speedX:o,speedY:a,direction:t}}}function W(){let t=0;return function(e){const{phase:n}=e;return C===n&&(t=e.pointLength),{maxPointLength:t}}}function q(t){return{x:t.points[1][w]-t.points[0][w],y:t.points[1][A]-t.points[0][A]}}function J(){let t,e,n;return function(r){const{prevInput:o,startMultiInput:a}=r;return void 0!==a&&void 0!==o&&r.id!==a.id&&1<o.pointLength&&1<r.pointLength?(t=q(a),e=q(o),n=q(r)):n=void 0,{startVecotr:t,prevVecotr:e,activeVecotr:n}}}const Z={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function tt(t,e){const n=L(Z,e);let r,o,a,i=0;function s(){i=0,r=void 0,o=void 0}return t.compute([K,W],e=>{if(B(n))return;const{phase:l,x:p,y:c}=e;E===l&&(n.state=0,function(){const{startInput:t,pointLength:r,timestamp:o}=e,a=o-t.timestamp,{distance:i,maxPointLength:s}=e;return s===n.pointLength&&0===r&&n.maxDistance>=i&&n.maxPressTime>a}()?(clearTimeout(a),function(t,e){if(void 0!==r){const n=U({x:t.x-r.x,y:t.y-r.y});return r=t,e.maxDistanceFromPrevTap>=n}return r=t,!0}({x:p,y:c},n)&&function(t){const e=performance.now();if(void 0===o)return o=e,!0;{const n=e-o;return o=e,n<t}}(n.waitNextTapTime)?i++:i=1,0==i%n.tapTimes?(n.state=1,t.emit2(n.name,e,n),s()):a=setTimeout(()=>{n.state=2,s()},n.waitNextTapTime)):(s(),n.state=2))}),n}const et={name:"pan",threshold:10,pointLength:1};function nt(t,e){const n=L(et,e);return t.compute([j,K,Q],e=>{if(I(n),B(n))return;const r=function(){const{pointLength:t,distance:r}=e;return n.pointLength===t&&n.threshold<=r}();if(n.state=T(r,n.state,e.phase),r||M(n.state)){const{name:r}=n;t.emit2(r,e,n),t.emit2(r+$(n.state),e,n),![E,k].includes(e.phase)&&e.direction&&t.emit2(r+e.direction,e,n)}}),n}const rt={name:"swipe",threshold:10,velocity:.3,pointLength:1};function ot(t,e){const n=L(rt,e);return t.compute([K,j,W],e=>{if(n.state=0,!n.disabled&&function(){if(E!==e.phase)return!1;const{velocityX:t,velocityY:r,distance:o,maxPointLength:a}=e;return a===n.pointLength&&0===e.points.length&&n.threshold<o&&n.velocity<Math.max(t,r)}()){const{name:r}=n;n.state=1,t.emit2(r,e,n),t.emit2(r+e.direction,e,n)}}),n}const at={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function it(t,e){const n=L(at,e);let r=0;return t.compute([K],e=>{if(B(n))return;const{phase:o,startInput:a,pointLength:i}=e;if(C===o&&n.pointLength===i)I(n),clearTimeout(r),r=setTimeout(()=>{n.state=1,t.emit2(n.name,e,n)},n.minPressTime);else if(E===o&&1===n.state)t.emit2(`${n.name}up`,e,n);else if(1!==n.state){const t=e.timestamp-a.timestamp;(!function(){const{distance:t}=e;return t&&n.maxDistance>t}()||n.minPressTime>t&&[E,k].includes(o))&&(clearTimeout(r),n.state=2)}}),n}const st={name:"pinch",threshold:0,pointLength:2};function lt(t,e){const n=L(st,e);return t.compute([J,X],e=>{if(I(n),B(n))return;const r=function(){const{pointLength:t,scale:r,deltaScale:o,phase:a}=e;return n.pointLength===t&&n.threshold<Math.abs(r-1)}();n.state=T(r,n.state,e.phase);const{name:o}=n;if(r||M(n.state)){t.emit2(o,e,n);const{deltaScale:r}=e;1!==r&&t.emit2(o+(1<r?"in":"out"),e,n)}const a=$(n.state);a&&t.emit2(o+a,e,n)}),n}const pt={name:"rotate",threshold:0,pointLength:2};function ct(t,e){const n=L(pt,e);return t.compute([J,G],e=>{if(B(n))return;I(n);const r=function(){const{pointLength:t,angle:r}=e;return n.pointLength===t&&n.threshold<Math.abs(r)}();n.state=T(r,n.state,e.phase);const{name:o}=n;(r||M(n.state))&&t.emit2(o,e,n);const a=$(n.state);a&&t.emit2(o+a,e,n)}),n}class dt extends H{constructor(t,e){super(t,e),this.use(tt),this.use(nt),this.use(ot),this.use(it),this.use(lt),this.use(ct)}}dt.STATE_POSSIBLE=0,dt.STATE_START=4,dt.STATE_MOVE=5,dt.STATE_END=1,dt.STATE_CANCELLED=3,dt.STATE_FAILED=2,dt.STATE_RECOGNIZED=1,dt.tap=tt,dt.pan=nt,dt.swipe=ot,dt.press=it,dt.rotate=ct,dt.pinch=lt,dt.doubletap=function(t){t.use(tt,{name:"doubletap",tapTimes:2});const e=t.get("doubletap");let n;return t.beforeEach((t,r)=>{"tap"===t?(clearTimeout(n),n=setTimeout(()=>{[0,2].includes(e.state)&&r()},300)):r()}),e};const ft=new class{isWin(t){return"object"==typeof t&&(!(t instanceof Node)&&(t===globalThis||(t===window||(t===self||(t===i.globalThis||(t===i.window||(t===i.self||("undefined"!=typeof unsafeWindow&&t===unsafeWindow||"[object Math]"===t?.Math?.toString()))))))))}isDOM(t){return t instanceof Node}delete(t,e){"object"==typeof Reflect&&Reflect.deleteProperty?Reflect.deleteProperty(t,e):delete t[e]}assign(t={},e={},n=!1){const r=this;if(null==e)return t;if(null==t&&(t={}),Array.isArray(e)){if(!e.filter(t=>"object"==typeof t).length)return e}if(n)for(const o in e){const a=t[o],i=e[o];"object"!=typeof i||null==i||!(o in t)||r.isDOM(i)?t[o]=i:t[o]=r.assign(a,i,n)}else for(const o in t)if(o in e){const a=Reflect.get(t,o),i=Reflect.get(e,o);if("object"==typeof i&&null!=i&&!r.isDOM(i)&&Object.keys(i).length){const e=r.assign(a,i,n);Reflect.set(t,o,e);continue}Reflect.set(t,o,i)}return t}getRandomGUID(){return"function"==typeof i.globalThis?.crypto?.randomUUID?i.globalThis.crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=16*Math.random()|0;return("x"===t?e:3&e|8).toString(16)})}contains(...t){const[e,n]=t;if(1===t.length)return this.contains(i.document.body||i.document.documentElement,t[0]);if(null==n)return!1;if("function"==typeof n[Symbol.iterator]){let t=!0;for(const r of n)if(!e.contains(r)){t=!1;break}return t}return e.contains(n)}formatTime(t=new Date,e="yyyy-MM-dd HH:mm:ss"){const n=null==t?new Date:new Date(t);function r(t){return t<10?"0"+t:t}const o={yyyy:n.getFullYear(),MM:r(n.getMonth()+1),dd:r(n.getDate()),HH:r(n.getHours()),hh:r((a=n.getHours(),a>12?a-12:a)),mm:r(n.getMinutes()),ss:r(n.getSeconds())};var a;return Object.keys(o).forEach(function(t){const n=new RegExp(t,"g");e=e.replace(n,o[t])}),e}formatByteToSize(t,e=!0){if(t=parseInt(t.toString()),isNaN(t))throw new TypeError("Utils.formatByteToSize 参数 byteSize 格式不正确");let n=0,r="KB";const o={B:1,KB:1024};o.MB=o.KB*o.KB,o.GB=o.MB*o.KB,o.TB=o.GB*o.KB,o.PB=o.TB*o.KB,o.EB=o.PB*o.KB,o.ZB=o.EB*o.KB,o.YB=o.ZB*o.KB,o.BB=o.YB*o.KB,o.NB=o.BB*o.KB,o.DB=o.NB*o.KB;for(const e in o)if(n=t/o[e],r=e,o.KB>=n)break;return n=n.toFixed(2),n=e?n+r.toString():parseFloat(n.toString()),n}AnyTouch=()=>dt;isPhone(t=i.globalThis.navigator.userAgent){return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(t))}setTimeout(t,e=0){try{return((...t)=>x().setTimeout(...t))(t,e)}catch{return i.setTimeout(t,e)}}clearTimeout(t){try{null!=t&&(e=t,x().clearTimeout(e))}catch{}finally{i.clearTimeout(t)}var e}setInterval(t,e=0){try{return((...t)=>x().setInterval(...t))(t,e)}catch{return i.setInterval(t,e)}}clearInterval(t){try{null!=t&&(e=t,x().clearInterval(e))}catch{}finally{i.clearInterval(t)}var e}},mt={getSafeHTML(t){if(window.trustedTypes){return window.trustedTypes.createPolicy("safe-innerHTML",{createHTML:t=>t}).createHTML(t)}return t},setSafeHTML(t,e){t.innerHTML=this.getSafeHTML(e)}},ut="pops-flex-items-center",ht="pops-flex-y-center",bt="pops-hide",gt="pops-hide-important",vt="pops-user-select-none",xt="pops-text-is-disabled";class yt{on(t,e,n,o,a){function l(t,e,n){const r=t[e];return"boolean"==typeof r?(n.capture=r,"boolean"==typeof t[e+1]&&(n.once=t[e+1]),"boolean"==typeof t[e+2]&&(n.passive=t[e+2])):"object"==typeof r&&("capture"in r||"once"in r||"passive"in r||"isComposedPath"in r)&&(n.capture=r.capture,n.once=r.once,n.passive=r.passive,n.isComposedPath=r.isComposedPath),n}const p=this,c=arguments;if("string"==typeof t&&(t=p.selectorAll(t)),null==t)return;let d=[];t instanceof NodeList||Array.isArray(t)?d=[...t]:d.push(t);let f=[];Array.isArray(e)?f=f.concat(e.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof e&&(f=f.concat(e.split(" ").filter(t=>""!==t)));let m=[];Array.isArray(n)?m=m.concat(n.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof n&&m.push(n);let u=o,h={capture:!1,once:!1,passive:!1,isComposedPath:!1};function b(){h.once&&p.off(t,e,n,o,a)}"function"==typeof n?(u=n,h=l(c,3,h)):h=l(c,4,h),d.forEach(t=>{function e(e){if(m.length){let n=h.isComposedPath?e.composedPath()[0]:e.target,r=t;ft.isWin(r)&&r===i.document&&(r=i.document.documentElement);if(m.find(t=>{if(p.matches(n,t))return!0;const e=p.closest(n,t);return!(!e||!r?.contains(e))&&(n=e,!0)})){try{s.Object.defineProperty(e,"target",{get:()=>n})}catch{}u.call(n,e,n),b()}}else u.call(t,e),b()}f.forEach(n=>{t.addEventListener(n,e,h);const o=Reflect.get(t,r)||{};o[n]=o[n]||[],o[n].push({selector:m,option:h,callback:e,originCallBack:u}),Reflect.set(t,r,o)})})}off(t,e,n,o,a,i){function s(t,e,n){const r=t[e];return"boolean"==typeof r?n.capture=r:"object"==typeof r&&null!=r&&"capture"in r&&(n.capture=r.capture),n}const l=arguments;if("string"==typeof t&&(t=this.selectorAll(t)),null==t)return;let p=[];t instanceof NodeList||Array.isArray(t)?p=[...t]:p.push(t);let c=[];Array.isArray(e)?c=c.concat(e.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof e&&(c=c.concat(e.split(" ").filter(t=>""!==t)));let d=[];Array.isArray(n)?d=d.concat(n.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof n&&d.push(n);let f=o,m={capture:!1};"function"==typeof n?(f=n,m=s(l,3,m)):m=s(l,4,m);let u=!1;(2===l.length||3===l.length&&"string"==typeof l[2]||Array.isArray(l[2]))&&(u=!0),5===l.length&&"function"==typeof l[4]&&"function"!=typeof i&&(i=a),p.forEach(t=>{const n=Reflect.get(t,r)||{};c.forEach(r=>{const o=n[r]||[],a="function"==typeof i?o.filter(i):o;for(let e=0;e<a.length;e++){const n=a[e];let i=!0;if(i&&f&&n.originCallBack!==f&&(i=!1),i&&d.length&&Array.isArray(n.selector)&&JSON.stringify(n.selector)!==JSON.stringify(d)&&(i=!1),i&&"boolean"==typeof n.option.capture&&m.capture!==n.option.capture&&(i=!1),i||u){t.removeEventListener(r,n.callback,n.option);const e=o.findIndex(t=>t===n);-1!==e&&o.splice(e,1)}}0===o.length&&ft.delete(n,e)}),Reflect.set(t,r,n)})}offAll(t,e){if("string"==typeof t&&(t=i.document.querySelectorAll(t)),null==t)return;let n=[];t instanceof NodeList||Array.isArray(t)?n=[...t]:n.push(t);let r=[];Array.isArray(e)?r=r.concat(e):"string"==typeof e&&(r=r.concat(e.split(" "))),n.forEach(t=>{Object.getOwnPropertySymbols(t).forEach(e=>{if(!e.toString().startsWith("Symbol(events_"))return;const n=t[e]||{};(r.length?r:Object.keys(n)).forEach(r=>{const o=n[r];if(o){for(const e of o)t.removeEventListener(r,e.callback,{capture:e.option.capture});ft.delete(t[e],r)}})})})}ready(t){const e=this;if("function"!=typeof t)return;function n(){!function(){for(let t=0;t<r.length;t++){const n=r[t];e.off(n.target,n.eventType,n.callback)}}(),t()}const r=[{target:i.document,eventType:"DOMContentLoaded",callback:n},{target:i.window,eventType:"load",callback:n}];!function(){try{return"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll}catch{return!1}}()?function(){for(let t=0;t<r.length;t++){const n=r[t];e.on(n.target,n.eventType,n.callback)}}():ft.setTimeout(t,0)}trigger(t,e,n,o=!0){if("string"==typeof t&&(t=i.document.querySelector(t)),null==t)return;let a=[];a=t instanceof NodeList||Array.isArray(t)?[...t]:[t];let s=[];Array.isArray(e)?s=e:"string"==typeof e&&(s=e.split(" ")),a.forEach(t=>{const e=t[r]||{};s.forEach(r=>{let a=null;n&&n instanceof Event?a=n:(a=new Event(r),n&&Object.keys(n).forEach(t=>{a[t]=n[t]})),0==o&&r in e?e[r].forEach(t=>{t.callback(a)}):t.dispatchEvent(a)})})}click(t,e,n,r){const o=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null==e?o.trigger(t,"click",n,r):o.on(t,"click",null,e))}blur(t,e,n,r){const o=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null===e?o.trigger(t,"blur",n,r):o.on(t,"blur",null,e))}focus(t,e,n,r){const o=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null==e?o.trigger(t,"focus",n,r):o.on(t,"focus",null,e))}hover(t,e,n){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(this.on(t,"mouseenter",null,e,n),this.on(t,"mouseleave",null,e,n))}keyup(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keyup",null,e,n))}keydown(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keydown",null,e,n))}keypress(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keypress",null,e,n))}preventEvent(t,e=[],n){function r(t){return t?.preventDefault(),t?.stopPropagation(),t?.stopImmediatePropagation(),!1}if(1===arguments.length)return r(arguments[0]);"string"==typeof e&&(e=[e]),e.forEach(e=>{this.on(t,e,r,{capture:Boolean(n)})})}selector(t){return this.selectorAll(t)[0]}selectorAll(t){if((t=t.trim()).match(/[^\s]{1}:empty$/gi))return t=t.replace(/:empty$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>""===t?.innerHTML?.trim());if(t.match(/[^\s]{1}:contains\("(.*)"\)$/i)||t.match(/[^\s]{1}:contains\('(.*)'\)$/i)){const e=t.match(/:contains\(("|')(.*)("|')\)$/i)[2];return t=t.replace(/:contains\(("|')(.*)("|')\)$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>(t?.textContent||t?.innerText)?.includes(e))}if(t.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||t.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let e=t.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const n=e.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let r="";n&&(e=e.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),r=n[3]);const o=new RegExp(e,r);return t=t.replace(/:regexp\(("|')(.*)("|')\)$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>Boolean((t?.textContent||t?.innerText)?.match(o)))}return Array.from(i.document.querySelectorAll(t))}matches(t,e){if(e=e.trim(),null==t)return!1;if(e.match(/[^\s]{1}:empty$/gi))return e=e.replace(/:empty$/gi,""),t.matches(e)&&""===t?.innerHTML?.trim();if(e.match(/[^\s]{1}:contains\("(.*)"\)$/i)||e.match(/[^\s]{1}:contains\('(.*)'\)$/i)){const n=e.match(/:contains\(("|')(.*)("|')\)$/i)[2];e=e.replace(/:contains\(("|')(.*)("|')\)$/gi,"");let r=t?.textContent||t?.innerText;return"string"!=typeof r&&(r=""),t.matches(e)&&r?.includes(n)}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const r=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let o="";r&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),o=r[3]);const a=new RegExp(n,o);e=e.replace(/:regexp\(("|')(.*)("|')\)$/gi,"");let i=t?.textContent||t?.innerText;return"string"!=typeof i&&(i=""),t.matches(e)&&Boolean(i?.match(a))}return t.matches(e)}closest(t,e){if((e=e.trim()).match(/[^\s]{1}:empty$/gi)){e=e.replace(/:empty$/gi,"");const n=t?.closest(e);return n&&""===n?.innerHTML?.trim()?n:null}if(e.match(/[^\s]{1}:contains\("(.*)"\)$/i)||e.match(/[^\s]{1}:contains\('(.*)'\)$/i)){const n=e.match(/:contains\(("|')(.*)("|')\)$/i)[2];e=e.replace(/:contains\(("|')(.*)("|')\)$/gi,"");const r=t?.closest(e);if(r){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.includes(n))return r}return null}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const r=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let o="";r&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),o=r[3]);const a=new RegExp(n,o);e=e.replace(/:regexp\(("|')(.*)("|')\)$/gi,"");const i=t?.closest(e);if(i){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.match(a))return i}return null}{const n=t?.closest(e);return n}}}const wt=new class extends yt{getAnimationEndNameList(){return["webkitAnimationEnd","mozAnimationEnd","MSAnimationEnd","oanimationend","animationend"]}getTransitionEndNameList(){return["webkitTransitionEnd","mozTransitionEnd","MSTransitionEnd","otransitionend","transitionend"]}offset(t,e=!0){const n=t.getBoundingClientRect(),r=t.ownerDocument.defaultView;return new DOMRect(e?parseFloat((n.left+(r?.pageXOffset||0)).toString()):n.left,e?parseFloat((n.top+(r?.pageYOffset||0)).toString()):n.top,n.width,n.height)}width(t,e=!1,n){const r=this;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(ft.isWin(t))return i.window.document.documentElement.clientWidth;if(9===t.nodeType)return Math.max(t.body.scrollWidth,t.documentElement.scrollWidth,t.body.offsetWidth,t.documentElement.offsetWidth,t.documentElement.clientWidth);if(e||!e&&wt.isShow(t)){if(parseFloat(wt.getStyleValue(t,"width").toString())>0)return parseFloat(wt.getStyleValue(t,"width").toString());if(t.offsetWidth>0){const e=wt.getStyleValue(t,"borderLeftWidth"),n=wt.getStyleValue(t,"borderRightWidth"),r=wt.getStyleValue(t,"paddingLeft"),o=wt.getStyleValue(t,"paddingRight"),a=parseFloat(t.offsetWidth.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(r.toString())-parseFloat(o.toString());return parseFloat(a.toString())}return 0}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.width(e,!0,n);return o(),a}}}height(t,e=!1,n){const r=this;if(ft.isWin(t))return i.window.document.documentElement.clientHeight;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(9===t.nodeType)return Math.max(t.body.scrollHeight,t.documentElement.scrollHeight,t.body.offsetHeight,t.documentElement.offsetHeight,t.documentElement.clientHeight);if(e||!e&&wt.isShow(t)){if(parseFloat(wt.getStyleValue(t,"height").toString())>0)return parseFloat(wt.getStyleValue(t,"height").toString());if(t.offsetHeight>0){const e=wt.getStyleValue(t,"borderTopWidth"),n=wt.getStyleValue(t,"borderBottomWidth"),r=wt.getStyleValue(t,"paddingTop"),o=wt.getStyleValue(t,"paddingBottom"),a=parseFloat(t.offsetHeight.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(r.toString())-parseFloat(o.toString());return parseFloat(a.toString())}return 0}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.height(e,!0,n);return o(),a}}}outerWidth(t,e=!1,n){const r=this;if(ft.isWin(t))return i.window.innerWidth;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(e||!e&&wt.isShow(t)){const e=getComputedStyle(t,null),n=wt.getStyleValue(e,"marginLeft"),r=wt.getStyleValue(e,"marginRight");return t.offsetWidth+n+r}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.outerWidth(e,!0,n);return o(),a}}}outerHeight(t,e=!1,n){const r=this;if(ft.isWin(t))return i.window.innerHeight;if("string"==typeof t&&(t=i.document.querySelector(t)),e||!e&&wt.isShow(t)){const e=getComputedStyle(t,null),n=wt.getStyleValue(e,"marginTop"),r=wt.getStyleValue(e,"marginBottom");return t.offsetHeight+n+r}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.outerHeight(e,!0,n);return o(),a}}addClassName(t,e){if(null==t)return;if("string"!=typeof e)return;if(""===e.trim())return;const n=e.split(" ").filter(t=>""!==t.trim());t.classList.add(...n)}removeClassName(t,e){if(null==t)return;if("string"!=typeof e)return;if(""===e.trim())return;const n=e.split(" ").filter(t=>""!==t.trim());t.classList.remove(...n)}containsClassName(t,e){return null!=t&&("string"==typeof e&&(""!==e.trim()&&t.classList.contains(e)))}css(t,e,n){if("string"==typeof t&&(t=i.document.querySelector(t)),null==t)return;const r=(e,n)=>{"string"==typeof n&&n.trim().endsWith("!important")?(n=n.trim().replace(/!important$/gi,"").trim(),t.style.setProperty(e,n,"important")):(n=function(t,e){return"number"==typeof e&&(e=e.toString()),"string"==typeof e&&["width","height","top","left","right","bottom","font-size"].includes(t)&&e.match(/[0-9]$/gi)&&(e+="px"),e}(e,n),t.style.setProperty(e,n))};if("string"==typeof e){if(null==n)return getComputedStyle(t).getPropertyValue(e);r(e,n)}else if("object"==typeof e)for(const t in e){r(t,e[t])}}createElement(t,e,n){const r=i.document.createElement(t);return"string"==typeof e?(mt.setSafeHTML(r,e),r):(null==e&&(e={}),null==n&&(n={}),Object.keys(e).forEach(t=>{const n=e[t];"innerHTML"!==t?Reflect.set(r,t,n):mt.setSafeHTML(r,n)}),Object.keys(n).forEach(t=>{let e=n[t];"object"==typeof e?e=JSON.stringify(e):"function"==typeof e&&(e=e.toString()),r.setAttribute(t,e)}),r)}parseTextToDOM(t){t=t.replace(/^[\n|\s]*/g,"").replace(/[\n|\s]*$/g,"");return this.createElement("div",{innerHTML:t}).firstChild}getTextBoundingRect(t,e,n,r){if(!t||!("value"in t))return t;if("string"==typeof e&&(e=parseFloat(e)),("number"!=typeof e||isNaN(e))&&(e=0),e=e<0?0:Math.min(t.value.length,e),"string"==typeof n&&(n=parseFloat(n)),("number"!=typeof n||isNaN(n)||n<e)&&(n=e),n=n<0?0:Math.min(t.value.length,n),"function"==typeof t.createTextRange){const r=t.createTextRange();return r.collapse(!0),r.moveStart("character",e),r.moveEnd("character",n-e),r.getBoundingClientRect()}const o=function(){const e=document.body,n=document.defaultView,r=document.documentElement,o=document.createElement("div");o.style.paddingLeft=o.style.width="1px",e.appendChild(o);const a=2==o.offsetWidth;e.removeChild(o);const i=t.getBoundingClientRect(),s=r.clientTop||e.clientTop||0,l=r.clientLeft||e.clientLeft||0,p=n?.pageYOffset||a&&r.scrollTop||e.scrollTop,c=n?.pageXOffset||a&&r.scrollLeft||e.scrollLeft;return{top:i.top+p-s,left:i.left+c-l}}();let a=o.top,s=o.left;const l=v("width",!0),p=v("height",!0);let c="white-space:pre;padding:0;margin:0;";const d=["direction","font-family","font-size","font-size-adjust","font-variant","font-weight","font-style","letter-spacing","line-height","text-align","text-indent","text-transform","word-wrap","word-spacing"];a+=v("padding-top",!0),a+=v("border-top-width",!0),s+=v("padding-left",!0),s+=v("border-left-width",!0),s+=1;for(let t=0;t<d.length;t++){const e=d[t];c+=e+":"+v(e,!1)+";"}const f=t.value||"G",m=f.length,u=document.createElement("div");e>0&&g(0,e);const h=g(e,n);m>n&&g(n,m),u.style.cssText=c,u.style.position="absolute",u.style.top=a+"px",u.style.left=s+"px",u.style.width=l+"px",u.style.height=p+"px",i.document.body.appendChild(u);const b=h.getBoundingClientRect();return r||u.parentNode.removeChild(u),b;function g(t,e){const n=document.createElement("span");return n.style.cssText=c,n.textContent=f.substring(t,e),u.appendChild(n),n}function v(e,n){const r=i.document.defaultView.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}}cssHide(t,e=!1){null!=t&&(e?wt.addClassName(t,gt):wt.addClassName(t,bt))}cssShow(t){null!=t&&(wt.removeClassName(t,bt),wt.removeClassName(t,gt))}toElement(t,e=!1,n=!1){return e?function(){const e=new DOMParser;return n?e.parseFromString(t,"text/html"):e.parseFromString(t,"text/html").body.firstChild}():function(){const e=i.document.createElement("div");return mt.setSafeHTML(e,t),n?e:e.firstChild}()}append(t,e){var n,r;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t)if(Array.isArray(e)||e instanceof NodeList){const n=i.document.createDocumentFragment();e.forEach(t=>{"string"==typeof t&&(t=this.toElement(t,!0,!1)),n.appendChild(t)}),t.appendChild(n)}else n=t,r=e,"string"==typeof e?n.insertAdjacentHTML("beforeend",mt.getSafeHTML(r)):n.appendChild(r)}appendHead(t){i.document.head?i.document.head.appendChild(t):i.document.documentElement.appendChild(t)}appendBody(t){i.document.body?i.document.body.appendChild(t):i.document.documentElement.appendChild(t)}isShow(t){return Boolean(t.getClientRects().length)}showElement(t,e){const n=t.cloneNode(!0);n.setAttribute("style","visibility: hidden !important;display:block !important;");let r=i.document.documentElement;const o=t.getRootNode();return r=null==e?o==t?i.document.documentElement:o:e,r.appendChild(n),{cloneNode:n,recovery(){n.remove()}}}getStyleValue(t,e){let n=null,r=null;t instanceof CSSStyleDeclaration?r=t:(n=t.ownerDocument.defaultView,n&&n.opener||(n=window),r=n.getComputedStyle(t));const o=parseFloat(r[e]);return isNaN(o)?0:o}before(t,e){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("beforebegin",mt.getSafeHTML(e)):t.parentElement.insertBefore(e,t))}after(t,e){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("afterend",mt.getSafeHTML(e)):t.parentElement.insertBefore(e,t.nextSibling))}getKeyFrames(t){const e={};return Object.keys(t.cssRules).forEach(n=>{7===t.cssRules[n].type&&t.cssRules[n].name.startsWith("pops-anim-")&&(e[t.cssRules[n].name]=t.cssRules[n])}),e}calcColor(){return function t(){return{hexToRgb:t=>{let e="";if(!/^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(t))return console.warn("输入错误的hex"),"";e=(t=t.replace("#","")).match(/../g);for(let t=0;t<3;t++)e[t]=parseInt(e[t],16);return e},rgbToHex:(t,e,n)=>{const r=/^\d{1,3}$/;if(!r.test(t)||!r.test(e)||!r.test(n))return console.warn("输入错误的rgb颜色值"),"";const o=[t.toString(16),e.toString(16),n.toString(16)];for(let t=0;t<3;t++)1==o[t].length&&(o[t]=`0${o[t]}`);return`#${o.join("")}`},getDarkColor:(e,n)=>{if(!/^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(e))return console.warn("输入错误的hex颜色值"),"";const r=t().hexToRgb(e);for(let t=0;t<3;t++)r[t]=Math.floor(r[t]*(1-n));return t().rgbToHex(r[0],r[1],r[2])},getLightColor:(e,n)=>{if(!/^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(e))return console.warn("输入错误的hex颜色值"),"";const r=t().hexToRgb(e);for(let t=0;t<3;t++)r[t]=Math.floor((255-r[t])*n+r[t]);return t().rgbToHex(r[0],r[1],r[2])}}}()}getTransform(t){let e=0,n=0;const r=i.globalThis.getComputedStyle(t).transform;if("none"!==r&&null!=r&&""!==r){const t=r.match(/\((.+)\)/),o=t?.[1]?.split?.(",");e=Math.abs(parseInt(o[4])),n=Math.abs(parseInt(o[5]))}return{transformLeft:e,transformTop:n}}onInput(t,e,n){let r=!1;const o=async t=>{r||await e(t)},a=()=>{r=!0},i=()=>{r=!1,this.trigger(t,"input",{isComposite:r})};return this.on(t,"input",o,n),this.on(t,"compositionstart",a,n),this.on(t,"compositionend",i,n),{off:()=>{this.off(t,"input",o,n),this.off(t,"compositionstart",a,n),this.off(t,"compositionend",i,n)}}}},At={createMask:(t,e=101,n="")=>(e-=100,n.startsWith(";")&&(n=n.replace(";","")),`<div class="pops-mask" data-guid="${t}" style="z-index:${e};${n}"></div>`),createAnim(t,e,n,r="",o="",a){const i=n;let s="",l="";const p=i.position||"";null!=n.zIndex&&(s+=`z-index: ${a};`,l+=`z-index: ${a};`),null!=i.width&&(l+=`width: ${i.width};`),null!=i.height&&(l+=`height: ${i.height};`);const c=""!==o.trim();return`\n\t\t<div class="pops-anim" anim="${i.animation||""}" style="${s}" data-guid="${t}">${null!=n.style?`<style tyle="text/css">${n.style}</style>`:""}\n\t\t\t<div class="pops ${n.class||""}" data-bottom-btn="${c}" type-value="${e}" style="${l}" position="${p}" data-guid="${t}">${r}</div>\n\t\t</div>`},createHeader(t,e){if(!e.btn)return"";const r=e;if("iframe"!==t&&!r.btn?.close?.enable)return"";let o="",a="";const i=e;if("iframe"===t&&""!==i.topRightButton?.trim()){let t="";i.topRightButton.split("|").forEach(e=>{e=e.toLowerCase(),t+=`\n <button class="pops-header-control" type="button" data-type="${e}">\n <i class="pops-icon">${n.getIcon(e)}</i>\n </button>`}),o=`\n <div class="pops-header-controls" data-margin>${t}</div>`}else r.btn?.close?.enable&&(a=`\n <div class="pops-header-controls">\n <button class="pops-header-control" type="button" data-type="close" data-header>\n \t<i class="pops-icon">${n.getIcon("close")}</i>\n </button>\n </div>`),o=a;return o},createHeaderStyle:(t,e)=>({headerStyle:e?.title?.html&&e?.title?.style||"",headerPStyle:e?.title?.html?"":e?.title?.style||""}),createBottom(t,e){if(null==e.btn)return"";const r=e;if(!(e.btn?.ok?.enable||r.btn?.cancel?.enable||r.btn?.other?.enable))return"";let o="",a="",i="",s="",l="";if(e.btn.position&&(o+=`justify-content: ${e.btn.position};`),r.btn.reverse&&(o+="flex-direction: row-reverse;"),e.btn?.ok?.enable){let o="";("large"===e.btn.ok.size||"small"===e.btn.ok.size)&&(o="pops-button-"+e.btn.ok.size);let a="";const s=r.btn.ok.icon;if(""!==s){let t="";t=n.hasIcon(s)?n.getIcon(s):s,t=t||"",a=`<i class="pops-bottom-icon" is-loading="${e.btn.ok.iconIsLoading}">${t}</i>`}i=`\n <button \n\t\t\t\tclass="pops-${t}-btn-ok ${o}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${r.btn.ok?.type}"\n\t\t\t\tdata-has-icon="${""!==(r.btn.ok.icon||"")}"\n\t\t\t\tdata-rightIcon="${r.btn.ok?.rightIcon}"\n >${a}<span>${e.btn.ok.text}</span>\n </button>`}if(r.btn?.cancel?.enable){let e="";("large"===r.btn.cancel.size||"small"===r.btn.cancel.size)&&(e="pops-button-"+r.btn.cancel.size);let o="";const a=r.btn.cancel.icon;if(""!==a){let t="";t=n.hasIcon(a)?n.getIcon(a):a,t=t||"",o=`<i class="pops-bottom-icon" is-loading="${r.btn.cancel.iconIsLoading}">${t}</i>`}s=`\n <button\n\t\t\t\tclass="pops-${t}-btn-cancel ${e}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${r.btn.cancel.type}"\n\t\t\t\tdata-has-icon="${""!==(r.btn.cancel.icon||"")}"\n\t\t\t\tdata-rightIcon="${r.btn.cancel.rightIcon}"\n >${o}<span>${r.btn.cancel.text}</span>\n </button>`}if(r.btn?.other?.enable){let e="";("large"===r.btn.other.size||"small"===r.btn.other.size)&&(e="pops-button-"+r.btn.other.size);let o="";const a=r.btn.other.icon;if(""!==a){let t="";n.hasIcon(a)&&(t=n.getIcon(a)),t=t||"",o=`<i class="pops-bottom-icon" is-loading="${r.btn.other.iconIsLoading}">${t}</i>`}l=`\n <button\n\t\t\t\tclass="pops-${t}-btn-other ${e}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${r.btn.other.type}"\n\t\t\t\tdata-has-icon="${""!==(r.btn.other.icon||"")}"\n\t\t\t\tdata-rightIcon="${r.btn.other.rightIcon}"\n >${o}<span>${r.btn.other.text}</span>\n </button>`}if(r.btn.merge){let e="display: flex;";r.btn.mergeReverse?e+="flex-direction: row-reverse;":e+="flex-direction: row;",a=`\n <div class="pops-botttom-btn-controls pops-${t}-btn" style="${o}">${l}<div \n class="pops-${t}-btn-merge"\n style="${e}">${i}${s}</div>\n </div>\n `}else a=`<div class="pops-botttom-btn-controls pops-${t}-btn" style="${o}">${i}${s}${l}</div>`;return a},createContentStyle:(t,e)=>({contentStyle:e?.content?.html&&e?.content?.style||"",contentPStyle:e?.content?.html?"":e?.content?.style||""}),parseElement:t=>wt.parseTextToDOM(t)};const Ct={index:'@charset "utf-8";\r\n.pops * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n /* 代替::-webkit-scrollbar */\r\n scrollbar-width: thin;\r\n}\r\n.pops {\r\n --pops-bg-opacity: 1;\r\n --pops-bd-opacity: 1;\r\n --pops-font-size: 16px;\r\n interpolate-size: allow-keywords;\r\n --pops-color: #000000;\r\n --pops-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --pops-bd-color: rgb(235, 238, 245, var(--pops-bd-opacity));\r\n --pops-box-shadow-color: rgba(0, 0, 0, 0.12);\r\n --pops-title-color: #000000;\r\n --pops-title-border-color: var(--pops-bd-color);\r\n --pops-content-color: #000000;\r\n --pops-bottom-btn-controls-border-color: var(--pops-bd-color);\r\n --pops-components-is-disabled-text-color: #a8abb2;\r\n --pops-components-is-disabled-bg-color: #f5f7fa;\r\n}\r\n@media (prefers-color-scheme: dark) {\r\n .pops {\r\n --pops-mask-bg-opacity: 0.8;\r\n --pops-color: #ffffff;\r\n --pops-bg-color: rgb(17, 17, 17, var(--pops-bg-opacity));\r\n --pops-bd-color: rgb(55, 55, 55, var(--pops-bd-opacity));\r\n --pops-box-shadow-color: rgba(81, 81, 81, 0.12);\r\n --pops-title-color: #e8e8e8;\r\n --pops-title-border-color: var(--pops-bd-color);\r\n --pops-content-color: #e5e5e5;\r\n --pops-components-is-disabled-text-color: #a8abb2;\r\n --pops-components-is-disabled-bg-color: #262727;\r\n }\r\n}\r\n.pops {\r\n color: var(--pops-color);\r\n background-color: var(--pops-bg-color);\r\n border: 1px solid var(--pops-bd-color);\r\n border-radius: 4px;\r\n font-size: var(--pops-font-size);\r\n line-height: normal;\r\n box-shadow: 0 0 12px var(--pops-box-shadow-color);\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n transition: all 0.35s;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.pops-anim {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.pops-anim[anim=""] {\r\n top: unset;\r\n right: unset;\r\n bottom: unset;\r\n left: unset;\r\n width: unset;\r\n height: unset;\r\n transition: none;\r\n}\r\n/* 底部图标动画和样式 */\r\n.pops i.pops-bottom-icon[is-loading="true"] {\r\n animation: rotating 2s linear infinite;\r\n}\r\n.pops i.pops-bottom-icon {\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: inherit;\r\n font-size: inherit;\r\n}\r\n\r\n/* 遮罩层样式 */\r\n.pops-mask {\r\n --pops-mask-bg-opacity: 0.4;\r\n --pops-mask-bg-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\r\n}\r\n.pops-mask {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n border-radius: 0;\r\n background-color: var(--pops-mask-bg-color);\r\n box-shadow: none;\r\n transition: none;\r\n}\r\n\r\n.pops-header-controls button.pops-header-control[type][data-header] {\r\n float: right;\r\n margin: 0 0;\r\n outline: 0;\r\n border: 0;\r\n border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n background-color: transparent;\r\n color: #888;\r\n cursor: pointer;\r\n}\r\n.pops-header-controls button.pops-header-control[data-type="max"],\r\n.pops-header-controls button.pops-header-control[data-type="mise"],\r\n.pops-header-controls button.pops-header-control[data-type="min"] {\r\n outline: 0 !important;\r\n border: 0;\r\n border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n background-color: transparent;\r\n color: rgb(136, 136, 136);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\nbutton.pops-header-control i {\r\n color: rgb(144, 147, 153);\r\n font-size: inherit;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n}\r\nbutton.pops-header-control svg {\r\n height: 1.25em;\r\n width: 1.25em;\r\n}\r\nbutton.pops-header-control {\r\n right: 15px;\r\n padding: 0;\r\n border: none;\r\n outline: 0;\r\n background: 0 0;\r\n cursor: pointer;\r\n position: unset;\r\n line-height: normal;\r\n}\r\nbutton.pops-header-control i:hover {\r\n color: rgb(64, 158, 255);\r\n}\r\n.pops-header-controls[data-margin] button.pops-header-control {\r\n margin: 0 6px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops[type-value] .pops-header-controls {\r\n display: flex;\r\n gap: 6px;\r\n}\r\n\r\n/* 代码块 <code> */\r\n.pops code {\r\n font-family: Menlo, Monaco, Consolas, "Courier New", monospace;\r\n font-size: 0.85em;\r\n color: #000;\r\n background-color: #f0f0f0;\r\n border-radius: 3px;\r\n border: 0;\r\n padding: 0.2em 0;\r\n white-space: normal;\r\n background: #f5f5f5;\r\n text-wrap: wrap;\r\n text-align: left;\r\n word-spacing: normal;\r\n word-break: normal;\r\n word-wrap: normal;\r\n line-height: 1.4;\r\n -moz-tab-size: 8;\r\n -o-tab-size: 8;\r\n tab-size: 8;\r\n -webkit-hyphens: none;\r\n -moz-hyphens: none;\r\n -ms-hyphens: none;\r\n hyphens: none;\r\n direction: ltr;\r\n}\r\n\r\n.pops code::before,\r\n.pops code::after {\r\n letter-spacing: -0.2em;\r\n content: "\\00a0";\r\n}\r\n\r\n/* 标题 */\r\n.pops .pops-title {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-bottom: 1px solid var(--pops-title-border-color);\r\n width: 100%;\r\n height: var(--container-title-height);\r\n}\r\n/* 标题-普通文本 */\r\n.pops .pops-title p[pops] {\r\n color: var(--pops-title-color);\r\n width: 100%;\r\n overflow: hidden;\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n}\r\n\r\n/* 内容 */\r\n.pops .pops-content {\r\n width: 100%;\r\n /*height: calc(\r\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n\t);*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n/* 内容-普通文本 */\r\n.pops .pops-content p[pops] {\r\n color: var(--pops-content-color);\r\n padding: 5px 10px;\r\n text-indent: 15px;\r\n}\r\n\r\n/* 底部-按钮组 */\r\n.pops .pops-botttom-btn-controls {\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n border-top: 1px solid var(--pops-bottom-btn-controls-border-color);\r\n text-align: right;\r\n align-items: center;\r\n}\r\n',ninePalaceGridPosition:'.pops[position="top_left"] {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n}\r\n.pops[position="top"] {\r\n position: fixed;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n.pops[position="top_right"] {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n}\r\n.pops[position="center_left"] {\r\n position: fixed;\r\n top: 50%;\r\n left: 0;\r\n transform: translateY(-50%);\r\n}\r\n.pops[position="center"] {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n.pops[position="center_right"] {\r\n position: fixed;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n}\r\n.pops[position="bottom_left"] {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.pops[position="bottom"] {\r\n position: fixed;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n}\r\n.pops[position="bottom_right"] {\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n',scrollbar:"/* ::-webkit-scrollbar 是非标准的css */\r\n/* https://caniuse.com/?search=%20%3A%3A-webkit-scrollbar */\r\n.pops ::-webkit-scrollbar {\r\n width: 6px;\r\n height: 0;\r\n}\r\n\r\n/* 滚动条轨道 */\r\n.pops ::-webkit-scrollbar-track {\r\n width: 0;\r\n}\r\n/* 滚动条滑块 */\r\n.pops ::-webkit-scrollbar-thumb {\r\n min-height: 28px;\r\n border-radius: 2em;\r\n background: rgb(204, 204, 204, var(--pops-bg-opacity, 1));\r\n background-clip: padding-box;\r\n}\r\n/* 滚动条滑块 */\r\n.pops ::-webkit-scrollbar-thumb:hover {\r\n background: rgb(178, 178, 178, var(--pops-bg-opacity, 1));\r\n}\r\n",button:'.pops {\r\n --button-font-size: 14px;\r\n --button-height: 32px;\r\n --button-color: rgb(51, 51, 51);\r\n --button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --button-margin-top: 0px;\r\n --button-margin-bottom: 0px;\r\n --button-margin-left: 5px;\r\n --button-margin-right: 5px;\r\n --button-padding-top: 6px;\r\n --button-padding-bottom: 6px;\r\n --button-padding-left: 12px;\r\n --button-padding-right: 12px;\r\n --button-radius: 4px;\r\n\r\n --container-title-height: 55px;\r\n --container-bottom-btn-height: 55px;\r\n\r\n /* default按钮 */\r\n --button-default-color: #333333;\r\n --button-default-bd-color: #dcdfe6;\r\n --button-default-bg-color: #ffffff;\r\n --button-default-active-color: #409eff;\r\n --button-default-active-bd-color: #409eff;\r\n --button-default-active-bg-color: #ecf5ff;\r\n --button-default-hover-color: #409eff;\r\n --button-default-hover-bd-color: #c6e2ff;\r\n --button-default-hover-bg-color: #ecf5ff;\r\n --button-default-focus-visible-outline-color: #a0cfff;\r\n --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\r\n --button-default-focus-visible-outline-offset: 1px;\r\n --button-default-disabled-color: #a8abb2;\r\n --button-default-disabled-bd-color: #ffffff;\r\n --button-default-disabled-bg-color: #e4e7ed;\r\n\r\n /* primary按钮 */\r\n --button-primary-color: #ffffff;\r\n --button-primary-bd-color: #409eff;\r\n --button-primary-bg-color: #409eff;\r\n --button-primary-active-color: #ffffff;\r\n --button-primary-active-bd-color: #337ecc;\r\n --button-primary-active-bg-color: #337ecc;\r\n --button-primary-hover-color: #ffffff;\r\n --button-primary-hover-bd-color: #79bbff;\r\n --button-primary-hover-bg-color: #79bbff;\r\n --button-primary-focus-visible-outline-color: #a0cfff;\r\n --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\r\n --button-primary-focus-visible-outline-offset: 1px;\r\n --button-primary-disabled-color: #ffffff80;\r\n --button-primary-disabled-bd-color: #a0cfff;\r\n --button-primary-disabled-bg-color: #a0cfff;\r\n\r\n /* success按钮 */\r\n --button-success-color: #ffffff;\r\n --button-success-bd-color: #4cae4c;\r\n --button-success-bg-color: #5cb85c;\r\n --button-success-active-color: #ffffff;\r\n --button-success-active-bd-color: #529b2e;\r\n --button-success-active-bg-color: #529b2e;\r\n --button-success-hover-color: #ffffff;\r\n --button-success-hover-bd-color: #95d475;\r\n --button-success-hover-bg-color: #95d475;\r\n --button-success-focus-visible-outline-color: #b3e19d;\r\n --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\r\n --button-success-focus-visible-outline-offset: 1px;\r\n --button-success-disabled-color: #ffffff80;\r\n --button-success-disabled-bd-color: #b3e19d;\r\n --button-success-disabled-bg-color: #b3e19d;\r\n\r\n /* info按钮 */\r\n --button-info-color: #ffffff;\r\n --button-info-bd-color: #909399;\r\n --button-info-bg-color: #909399;\r\n --button-info-active-color: #ffffff;\r\n --button-info-active-bd-color: #73767a;\r\n --button-info-active-bg-color: #73767a;\r\n --button-info-hover-color: #ffffff;\r\n --button-info-hover-bd-color: #b1b3b8;\r\n --button-info-hover-bg-color: #b1b3b8;\r\n --button-info-focus-visible-outline-color: #c8c9cc;\r\n --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\r\n --button-info-focus-visible-outline-offset: 1px;\r\n --button-info-disabled-color: #ffffff80;\r\n --button-info-disabled-bd-color: #c8c9cc;\r\n --button-info-disabled-bg-color: #c8c9cc;\r\n\r\n /* warning按钮 */\r\n --button-warning-color: #ffffff;\r\n --button-warning-bd-color: #e6a23c;\r\n --button-warning-bg-color: #e6a23c;\r\n --button-warning-active-color: #ffffff;\r\n --button-warning-active-bd-color: #b88230;\r\n --button-warning-active-bg-color: #b88230;\r\n --button-warning-hover-color: #ffffff80;\r\n --button-warning-hover-bd-color: #eebe77;\r\n --button-warning-hover-bg-color: #eebe77;\r\n --button-warning-focus-visible-outline-color: #f3d19e;\r\n --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\r\n --button-warning-focus-visible-outline-offset: 1px;\r\n --button-warning-disabled-color: #ffffff80;\r\n --button-warning-disabled-bd-color: #f3d19e;\r\n --button-warning-disabled-bg-color: #f3d19e;\r\n\r\n /* danger按钮 */\r\n --button-danger-color: #ffffff;\r\n --button-danger-bd-color: #f56c6c;\r\n --button-danger-bg-color: #f56c6c;\r\n --button-danger-active-color: #ffffff;\r\n --button-danger-active-bd-color: #c45656;\r\n --button-danger-active-bg-color: #c45656;\r\n --button-danger-hover-color: #ffffff;\r\n --button-danger-hover-bd-color: #f89898;\r\n --button-danger-hover-bg-color: #f89898;\r\n --button-danger-focus-visible-outline-color: #fab6b6;\r\n --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\r\n --button-danger-focus-visible-outline-offset: 1px;\r\n --button-danger-disabled-color: #ffffff80;\r\n --button-danger-disabled-bd-color: #fab6b6;\r\n --button-danger-disabled-bg-color: #fab6b6;\r\n\r\n /* xiaomi-primary按钮 */\r\n --button-xiaomi-primary-color: #ffffff;\r\n --button-xiaomi-primary-bd-color: #ff5c00;\r\n --button-xiaomi-primary-bg-color: #ff5c00;\r\n --button-xiaomi-primary-active-color: #ffffff;\r\n --button-xiaomi-primary-active-bd-color: #da4f00;\r\n --button-xiaomi-primary-active-bg-color: #da4f00;\r\n --button-xiaomi-primary-hover-color: #ffffff;\r\n --button-xiaomi-primary-hover-bd-color: #ff7e29;\r\n --button-xiaomi-primary-hover-bg-color: #ff7e29;\r\n --button-xiaomi-primary-focus-visible-outline-color: #ffa061;\r\n --button-xiaomi-primary-focus-visible-outline: 2px solid var(--button-xiaomi-primary-focus-visible-outline-color);\r\n --button-xiaomi-primary-focus-visible-outline-offset: 1px;\r\n --button-xiaomi-primary-disabled-color: #ffffff80;\r\n --button-xiaomi-primary-disabled-bd-color: #fad5b6;\r\n --button-xiaomi-primary-disabled-bg-color: #fad5b6;\r\n\r\n /* violet按钮 */\r\n --button-violet-color: #ffffff;\r\n --button-violet-bd-color: #626aef;\r\n --button-violet-bg-color: #626aef;\r\n --button-violet-active-color: #ffffff;\r\n --button-violet-active-bd-color: #8188f2;\r\n --button-violet-active-bg-color: #8188f2;\r\n --button-violet-hover-color: #ffffff;\r\n --button-violet-hover-bd-color: #4b50ad;\r\n --button-violet-hover-bg-color: #4b50ad;\r\n --button-violet-focus-visible-outline-color: #2a598a;\r\n --button-violet-focus-visible-outline: 2px solid var(--button-violet-focus-visible-outline-color);\r\n --button-violet-focus-visible-outline-offset: 1px;\r\n --button-violet-disabled-color: #ffffff80;\r\n --button-violet-disabled-bd-color: #3b3f82;\r\n --button-violet-disabled-bg-color: #3b3f82;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops {\r\n /* default按钮 */\r\n --button-default-color: #cfd3dc;\r\n --button-default-bd-color: #4c4d4f;\r\n --button-default-bg-color: transparent;\r\n --button-default-active-color: #409eff;\r\n --button-default-active-bd-color: #409eff;\r\n --button-default-active-bg-color: #18222c;\r\n --button-default-hover-color: #409eff;\r\n --button-default-hover-bd-color: #213d5b;\r\n --button-default-hover-bg-color: #18222c;\r\n --button-default-focus-visible-outline-color: #2a598a;\r\n --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\r\n --button-default-focus-visible-outline-offset: 1px;\r\n --button-default-disabled-color: #ffffff80;\r\n --button-default-disabled-bd-color: #414243;\r\n --button-default-disabled-bg-color: transparent;\r\n\r\n /* primary按钮 */\r\n --button-primary-color: #ffffff;\r\n --button-primary-bd-color: #409eff;\r\n --button-primary-bg-color: #409eff;\r\n --button-primary-active-color: #ffffff;\r\n --button-primary-active-bd-color: #66b1ff;\r\n --button-primary-active-bg-color: #66b1ff;\r\n --button-primary-hover-color: #ffffff;\r\n --button-primary-hover-bd-color: #3375b9;\r\n --button-primary-hover-bg-color: #3375b9;\r\n --button-primary-focus-visible-outline-color: #2a598a;\r\n --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\r\n --button-primary-focus-visible-outline-offset: 1px;\r\n --button-primary-disabled-color: #ffffff80;\r\n --button-primary-disabled-bd-color: #2a598a;\r\n --button-primary-disabled-bg-color: #2a598a;\r\n\r\n /* success按钮 */\r\n --button-success-color: #ffffff;\r\n --button-success-bd-color: #67c23a;\r\n --button-success-bg-color: #67c23a;\r\n --button-success-active-color: #ffffff;\r\n --button-success-active-bd-color: #85ce61;\r\n --button-success-active-bg-color: #85ce61;\r\n --button-success-hover-color: #ffffff;\r\n --button-success-hover-bd-color: #4e8e2f;\r\n --button-success-hover-bg-color: #4e8e2f;\r\n --button-success-focus-visible-outline-color: #3e6b27;\r\n --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\r\n --button-success-focus-visible-outline-offset: 1px;\r\n --button-success-disabled-color: #ffffff80;\r\n --button-success-disabled-bd-color: #3e6b27;\r\n --button-success-disabled-bg-color: #3e6b27;\r\n\r\n /* info按钮 */\r\n --button-info-color: #ffffff;\r\n --button-info-bd-color: #909399;\r\n --button-info-bg-color: #909399;\r\n --button-info-active-color: #ffffff;\r\n --button-info-active-bd-color: #a6a9ad;\r\n --button-info-active-bg-color: #a6a9ad;\r\n --button-info-hover-color: #ffffff;\r\n --button-info-hover-bd-color: #6b6d71;\r\n --button-info-hover-bg-color: #6b6d71;\r\n --button-info-focus-visible-outline-color: #525457;\r\n --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\r\n --button-info-focus-visible-outline-offset: 1px;\r\n --button-info-disabled-color: #ffffff80;\r\n --button-info-disabled-bd-color: #525457;\r\n --button-info-disabled-bg-color: #525457;\r\n\r\n /* warning按钮 */\r\n --button-warning-color: #ffffff;\r\n --button-warning-bd-color: #e6a23c;\r\n --button-warning-bg-color: #e6a23c;\r\n --button-warning-active-color: #ffffff;\r\n --button-warning-active-bd-color: #ebb563;\r\n --button-warning-active-bg-color: #ebb563;\r\n --button-warning-hover-color: #ffffff80;\r\n --button-warning-hover-bd-color: #a77730;\r\n --button-warning-hover-bg-color: #a77730;\r\n --button-warning-focus-visible-outline-color: #7d5b28;\r\n --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\r\n --button-warning-focus-visible-outline-offset: 1px;\r\n --button-warning-disabled-color: #ffffff80;\r\n --button-warning-disabled-bd-color: #7d5b28;\r\n --button-warning-disabled-bg-color: #7d5b28;\r\n\r\n /* danger按钮 */\r\n --button-danger-color: #ffffff;\r\n --button-danger-bd-color: #f56c6c;\r\n --button-danger-bg-color: #f56c6c;\r\n --button-danger-active-color: #ffffff;\r\n --button-danger-active-bd-color: #f78989;\r\n --button-danger-active-bg-color: #f78989;\r\n --button-danger-hover-color: #ffffff;\r\n --button-danger-hover-bd-color: #b25252;\r\n --button-danger-hover-bg-color: #b25252;\r\n --button-danger-focus-visible-outline-color: #854040;\r\n --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\r\n --button-danger-focus-visible-outline-offset: 1px;\r\n --button-danger-disabled-color: #ffffff80;\r\n --button-danger-disabled-bd-color: #854040;\r\n --button-danger-disabled-bg-color: #854040;\r\n }\r\n}\r\n.pops[data-bottom-btn="false"] {\r\n --container-bottom-btn-height: 0px;\r\n}\r\n.pops button {\r\n white-space: nowrap;\r\n float: right;\r\n display: inline-block;\r\n margin: var(--button-margin-top) var(--button-margin-right) var(--button-margin-bottom) var(--button-margin-left);\r\n padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);\r\n outline: 0;\r\n}\r\n.pops button[data-has-icon="false"] .pops-bottom-icon {\r\n display: none;\r\n}\r\n.pops button {\r\n border-radius: var(--button-radius);\r\n box-shadow: none;\r\n font-weight: 400;\r\n font-size: var(--button-font-size);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n.pops button {\r\n display: flex;\r\n align-items: center;\r\n height: var(--button-height);\r\n line-height: normal;\r\n box-sizing: border-box;\r\n border: 1px solid var(--button-bd-color);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops button {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:active {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n outline: 0;\r\n}\r\n.pops button:hover {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:focus-visible {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:disabled {\r\n cursor: not-allowed;\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button.pops-button-large {\r\n --button-height: 32px;\r\n --button-padding-top: 12px;\r\n --button-padding-bottom: 12px;\r\n --button-padding-left: 19px;\r\n --button-padding-right: 19px;\r\n --button-font-size: 14px;\r\n --button-border-radius: 4px;\r\n}\r\n\r\n.pops button.pops-button-small {\r\n --button-height: 24px;\r\n --button-padding-top: 5px;\r\n --button-padding-bottom: 5px;\r\n --button-padding-left: 11px;\r\n --button-padding-right: 11px;\r\n --button-font-size: 12px;\r\n --button-border-radius: 4px;\r\n}\r\n.pops-panel-button-no-icon .pops-panel-button_inner i {\r\n display: none;\r\n}\r\n.pops-panel-button-right-icon .pops-panel-button_inner {\r\n flex-direction: row-reverse;\r\n}\r\n.pops-panel-button .pops-panel-button_inner i:has(svg),\r\n.pops-panel-button-right-icon .pops-panel-button-text {\r\n margin-right: 6px;\r\n}\r\n\r\n.pops button[data-type="default"] {\r\n --button-color: var(--button-default-color);\r\n --button-bd-color: var(--button-default-bd-color);\r\n --button-bg-color: var(--button-default-bg-color);\r\n}\r\n.pops button[data-type="default"]:active {\r\n --button-color: var(--button-default-active-color);\r\n --button-bd-color: var(--button-default-active-bd-color);\r\n --button-bg-color: var(--button-default-active-bg-color);\r\n}\r\n.pops button[data-type="default"]:hover {\r\n --button-color: var(--button-default-hover-color);\r\n --button-bd-color: var(--button-default-hover-bd-color);\r\n --button-bg-color: var(--button-default-hover-bg-color);\r\n}\r\n.pops button[data-type="default"]:focus-visible {\r\n outline: var(--button-default-focus-visible-outline);\r\n outline-offset: var(--button-default-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="default"]:disabled {\r\n --button-color: var(--button-default-disabled-color);\r\n --button-bd-color: var(--button-default-disabled-bd-color);\r\n --button-bg-color: var(--button-default-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="primary"] {\r\n --button-color: var(--button-primary-color);\r\n --button-bd-color: var(--button-primary-bd-color);\r\n --button-bg-color: var(--button-primary-bg-color);\r\n}\r\n.pops button[data-type="primary"]:active {\r\n --button-color: var(--button-primary-active-color);\r\n --button-bd-color: var(--button-primary-active-bd-color);\r\n --button-bg-color: var(--button-primary-active-bg-color);\r\n}\r\n.pops button[data-type="primary"]:hover {\r\n --button-color: var(--button-primary-hover-color);\r\n --button-bd-color: var(--button-primary-hover-bd-color);\r\n --button-bg-color: var(--button-primary-hover-bg-color);\r\n}\r\n.pops button[data-type="primary"]:focus-visible {\r\n outline: var(--button-primary-focus-visible-outline);\r\n outline-offset: var(--button-primary-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="primary"]:disabled {\r\n --button-color: var(--button-primary-disabled-color);\r\n --button-bd-color: var(--button-primary-disabled-bd-color);\r\n --button-bg-color: var(--button-primary-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="success"] {\r\n --button-color: var(--button-success-color);\r\n --button-bd-color: var(--button-success-bd-color);\r\n --button-bg-color: var(--button-success-bg-color);\r\n}\r\n.pops button[data-type="success"]:active {\r\n --button-color: var(--button-success-active-color);\r\n --button-bd-color: var(--button-success-active-bd-color);\r\n --button-bg-color: var(--button-success-active-bg-color);\r\n}\r\n.pops button[data-type="success"]:hover {\r\n --button-color: var(--button-success-hover-color);\r\n --button-bd-color: var(--button-success-hover-bd-color);\r\n --button-bg-color: var(--button-success-hover-bg-color);\r\n}\r\n.pops button[data-type="success"]:focus-visible {\r\n outline: var(--button-success-focus-visible-outline);\r\n outline-offset: var(--button-success-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="success"]:disabled {\r\n --button-color: var(--button-success-disabled-color);\r\n --button-bd-color: var(--button-success-disabled-bd-color);\r\n --button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="info"] {\r\n --button-color: var(--button-info-color);\r\n --button-bd-color: var(--button-info-bd-color);\r\n --button-bg-color: var(--button-info-bg-color);\r\n}\r\n.pops button[data-type="info"]:active {\r\n --button-color: var(--button-info-active-color);\r\n --button-bd-color: var(--button-info-active-bd-color);\r\n --button-bg-color: var(--button-info-active-bg-color);\r\n}\r\n.pops button[data-type="info"]:hover {\r\n --button-color: var(--button-info-hover-color);\r\n --button-bd-color: var(--button-info-hover-bd-color);\r\n --button-bg-color: var(--button-info-hover-bg-color);\r\n}\r\n.pops button[data-type="info"]:focus-visible {\r\n outline: var(--button-info-focus-visible-outline);\r\n outline-offset: var(--button-info-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="info"]:disabled {\r\n --button-color: var(--button-info-disabled-color);\r\n --button-bd-color: var(--button-info-disabled-bd-color);\r\n --button-bg-color: var(--button-info-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="warning"] {\r\n --button-color: var(--button-warning-color);\r\n --button-bd-color: var(--button-warning-bd-color);\r\n --button-bg-color: var(--button-warning-bg-color);\r\n}\r\n.pops button[data-type="warning"]:active {\r\n --button-color: var(--button-warning-active-color);\r\n --button-bd-color: var(--button-warning-active-bd-color);\r\n --button-bg-color: var(--button-warning-active-bg-color);\r\n}\r\n.pops button[data-type="warning"]:hover {\r\n --button-color: var(--button-warning-hover-color);\r\n --button-bd-color: var(--button-warning-hover-bd-color);\r\n --button-bg-color: var(--button-warning-hover-bg-color);\r\n}\r\n.pops button[data-type="warning"]:focus-visible {\r\n outline: var(--button-warning-focus-visible-outline);\r\n outline-offset: var(--button-warning-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="warning"]:disabled {\r\n --button-color: var(--button-warning-disabled-color);\r\n --button-bd-color: var(--button-warning-disabled-bd-color);\r\n --button-bg-color: var(--button-warning-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="danger"] {\r\n --button-color: var(--button-danger-color);\r\n --button-bd-color: var(--button-danger-bd-color);\r\n --button-bg-color: var(--button-danger-bg-color);\r\n}\r\n.pops button[data-type="danger"]:active {\r\n --button-color: var(--button-danger-active-color);\r\n --button-bd-color: var(--button-danger-active-bd-color);\r\n --button-bg-color: var(--button-danger-active-bg-color);\r\n}\r\n.pops button[data-type="danger"]:hover {\r\n --button-color: var(--button-danger-hover-color);\r\n --button-bd-color: var(--button-danger-hover-bd-color);\r\n --button-bg-color: var(--button-danger-hover-bg-color);\r\n}\r\n.pops button[data-type="danger"]:focus-visible {\r\n outline: var(--button-danger-focus-visible-outline);\r\n outline-offset: var(--button-danger-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="danger"]:disabled {\r\n --button-color: var(--button-danger-disabled-color);\r\n --button-bd-color: var(--button-danger-disabled-bd-color);\r\n --button-bg-color: var(--button-danger-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="xiaomi-primary"] {\r\n --button-color: var(--button-xiaomi-primary-color);\r\n --button-bd-color: var(--button-xiaomi-primary-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-bg-color);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:active {\r\n --button-color: var(--button-xiaomi-primary-active-color);\r\n --button-bd-color: var(--button-xiaomi-primary-active-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-active-bg-color);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:hover {\r\n --button-color: var(--button-xiaomi-primary-hover-color);\r\n --button-bd-color: var(--button-xiaomi-primary-hover-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-hover-bg-color);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:focus-visible {\r\n outline: var(--button-xiaomi-primary-focus-visible-outline);\r\n outline-offset: var(--button-xiaomi-primary-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:disabled {\r\n --button-color: var(--button-xiaomi-primary-disabled-color);\r\n --button-bd-color: var(--button-xiaomi-primary-disabled-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="violet"] {\r\n --button-color: var(--button-violet-color);\r\n --button-bd-color: var(--button-violet-bd-color);\r\n --button-bg-color: var(--button-violet-bg-color);\r\n}\r\n.pops button[data-type="violet"]:active {\r\n --button-color: var(--button-violet-active-color);\r\n --button-bd-color: var(--button-violet-active-bd-color);\r\n --button-bg-color: var(--button-violet-active-bg-color);\r\n}\r\n.pops button[data-type="violet"]:hover {\r\n --button-color: var(--button-violet-hover-color);\r\n --button-bd-color: var(--button-violet-hover-bd-color);\r\n --button-bg-color: var(--button-violet-hover-bg-color);\r\n}\r\n.pops button[data-type="violet"]:focus-visible {\r\n outline: var(--button-violet-focus-visible-outline);\r\n outline-offset: var(--button-violet-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="violet"]:disabled {\r\n --button-color: var(--button-violet-disabled-color);\r\n --button-bd-color: var(--button-violet-disabled-bd-color);\r\n --button-bg-color: var(--button-violet-disabled-bg-color);\r\n}\r\n',common:".pops-flex-items-center {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-flex-y-center {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.pops-flex-x-center {\r\n display: flex;\r\n align-content: center;\r\n}\r\n.pops-hide {\r\n display: none;\r\n}\r\n.pops-hide-important {\r\n display: none !important;\r\n}\r\n.pops-no-border {\r\n border: 0;\r\n}\r\n.pops-no-border-important {\r\n border: 0 !important;\r\n}\r\n.pops-user-select-none {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-line-height-center {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops-width-fill {\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n}\r\n.pops-text-is-disabled {\r\n --pops-text-is-disabled-color: #a8abb2;\r\n color: var(--pops-text-is-disabled-color);\r\n --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);\r\n}\r\n.pops-text-is-disabled-important {\r\n --pops-text-is-disabled-color: #a8abb2;\r\n color: var(--pops-text-is-disabled-color) !important;\r\n --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;\r\n}\r\n",anim:'@keyframes rotating {\r\n 0% {\r\n transform: rotate(0);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes iframeLoadingChange_85 {\r\n 0% {\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n }\r\n 20% {\r\n background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\r\n }\r\n 40% {\r\n background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\r\n }\r\n 60% {\r\n background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\r\n }\r\n 80% {\r\n background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\r\n }\r\n 100% {\r\n background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\r\n }\r\n from {\r\n width: 75%;\r\n }\r\n to {\r\n width: 100%;\r\n }\r\n}\r\n@keyframes iframeLoadingChange {\r\n 0% {\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n }\r\n 20% {\r\n background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\r\n }\r\n 40% {\r\n background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\r\n }\r\n 60% {\r\n background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\r\n }\r\n 80% {\r\n background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\r\n }\r\n 100% {\r\n background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\r\n }\r\n from {\r\n width: 0;\r\n }\r\n to {\r\n width: 75%;\r\n }\r\n}\r\n\r\n@keyframes searchSelectFalIn {\r\n from {\r\n opacity: 0;\r\n display: none;\r\n }\r\n to {\r\n display: block;\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes searchSelectFalOut {\r\n from {\r\n display: block;\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes pops-anim-wait-rotate {\r\n form {\r\n transform: rotate(0);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes pops-anim-spread {\r\n 0% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes pops-anim-shake {\r\n 0%,\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n 10%,\r\n 30%,\r\n 50%,\r\n 70%,\r\n 90% {\r\n transform: translateX(-10px);\r\n }\r\n 20%,\r\n 40%,\r\n 60%,\r\n 80% {\r\n transform: translateX(10px);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-100%) rotate(-120deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-right {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(100%) rotate(120deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-top {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-bottom {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-right {\r\n 0% {\r\n transform: translateX(200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-fadein {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes pops-anim-fadein-zoom {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.5);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-alert {\r\n 0% {\r\n transform: scale(0.5);\r\n }\r\n 45% {\r\n transform: scale(1.05);\r\n }\r\n 80% {\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes pops-anim-don {\r\n 0% {\r\n opacity: 0;\r\n transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 2.08333% {\r\n transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 4.16667% {\r\n transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 6.25% {\r\n transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 8.33333% {\r\n transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 10.4167% {\r\n transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 12.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 14.5833% {\r\n transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 16.6667% {\r\n transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 18.75% {\r\n transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 20.8333% {\r\n transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 22.9167% {\r\n transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 25% {\r\n transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 27.0833% {\r\n transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 29.1667% {\r\n transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 31.25% {\r\n transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 33.3333% {\r\n transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 35.4167% {\r\n transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 37.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 39.5833% {\r\n transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 41.6667% {\r\n transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 43.75% {\r\n transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 45.8333% {\r\n transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 47.9167% {\r\n transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 52.0833% {\r\n transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 54.1667% {\r\n transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 56.25% {\r\n transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 58.3333% {\r\n transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 60.4167% {\r\n transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 62.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 64.5833% {\r\n transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 66.6667% {\r\n transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 68.75% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 70.8333% {\r\n transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 72.9167% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 75% {\r\n transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 77.0833% {\r\n transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 79.1667% {\r\n transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 81.25% {\r\n transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 83.3333% {\r\n transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 85.4167% {\r\n transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 87.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 89.5833% {\r\n transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 91.6667% {\r\n transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 93.75% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 95.8333% {\r\n transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 97.9167% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n}\r\n@keyframes pops-anim-roll {\r\n 0% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\r\n }\r\n 100% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n}\r\n@keyframes pops-anim-sandra {\r\n 0% {\r\n opacity: 0;\r\n transform: scale3d(1.1, 1.1, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-gather {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-spread-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n}\r\n@keyframes pops-anim-shake-reverse {\r\n 0%,\r\n 100% {\r\n transform: translateX(10px);\r\n }\r\n 10%,\r\n 30%,\r\n 50%,\r\n 70%,\r\n 90% {\r\n transform: translateX(-10px);\r\n }\r\n 20%,\r\n 40%,\r\n 60%,\r\n 80% {\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-left-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(-100%) rotate(-120deg);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-right-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(100%) rotate(120deg);\r\n }\r\n}\r\n@keyframes pops-anim-slide-top-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-bottom-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-left-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(-200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-right-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(200%);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-reverse {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n@keyframes pops-anim-fadein-zoom-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0.5);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-alert-reverse {\r\n 0% {\r\n transform: scale(1);\r\n }\r\n 45% {\r\n transform: scale(0.95);\r\n }\r\n 80% {\r\n transform: scale(1.05);\r\n }\r\n 100% {\r\n transform: scale(0.5);\r\n }\r\n}\r\n@keyframes pops-anim-don-reverse {\r\n 100% {\r\n opacity: 0;\r\n transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 97.9167% {\r\n transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 95.8333% {\r\n transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 93.75% {\r\n transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 91.6667% {\r\n transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 89.5833% {\r\n transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 87.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 85.4167% {\r\n transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 83.3333% {\r\n transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 81.25% {\r\n transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 79.1667% {\r\n transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 77.0833% {\r\n transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 75% {\r\n transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 72.9167% {\r\n transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 70.8333% {\r\n transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 68.75% {\r\n transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 66.6667% {\r\n transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 64.5833% {\r\n transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 62.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 60.4167% {\r\n transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 58.3333% {\r\n transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 56.25% {\r\n transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 54.1667% {\r\n transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 52.0833% {\r\n transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 47.9167% {\r\n transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 45.8333% {\r\n transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 43.75% {\r\n transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 41.6667% {\r\n transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 39.5833% {\r\n transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 37.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 35.4167% {\r\n transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 33.3333% {\r\n transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 31.25% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 29.1667% {\r\n transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 27.0833% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 25% {\r\n transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 22.9167% {\r\n transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 20.8333% {\r\n transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 18.75% {\r\n transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 16.6667% {\r\n transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 14.5833% {\r\n transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 12.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 10.4167% {\r\n transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 8.33333% {\r\n transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 6.25% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 4.16667% {\r\n transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 2.08333% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 0% {\r\n opacity: 1;\r\n transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n}\r\n@keyframes pops-anim-roll-reverse {\r\n 0% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n 100% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\r\n }\r\n}\r\n@keyframes pops-anim-sandra-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale3d(1.1, 1.1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-gather-reverse {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pops-motion-fadeInTop {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-30px);\r\n transform: translateY(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInTop {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n -ms-transform: translateY(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutTop {\r\n 0% {\r\n opacity: 10;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-30px);\r\n transform: translateY(-30px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutTop {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n -ms-transform: translateY(-30px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInBottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInBottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n -ms-transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutBottom {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutBottom {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n -ms-transform: translateY(20px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-20px);\r\n transform: translateX(-20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-30px);\r\n transform: translateX(-30px);\r\n -ms-transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutLeft {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-30px);\r\n transform: translateX(-30px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutLeft {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-20px);\r\n transform: translateX(-20px);\r\n -ms-transform: translateX(-20px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInRight {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInRight {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n -ms-transform: translateX(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutRight {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutRight {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n -ms-transform: translateX(20px);\r\n }\r\n}\r\n\r\n/* 动画 */\r\n.pops-anim[anim="pops-anim-spread"] {\r\n animation: pops-anim-spread 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-shake"] {\r\n animation: pops-anim-shake 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-left"] {\r\n animation: pops-anim-rolling-left 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-right"] {\r\n animation: pops-anim-rolling-right 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-top"] {\r\n animation: pops-anim-slide-top 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-bottom"] {\r\n animation: pops-anim-slide-bottom 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-left"] {\r\n animation: pops-anim-slide-left 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-right"] {\r\n animation: pops-anim-slide-right 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein"] {\r\n animation: pops-anim-fadein 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-zoom"] {\r\n animation: pops-anim-fadein-zoom 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-alert"] {\r\n animation: pops-anim-fadein-alert 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-don"] {\r\n animation: pops-anim-don 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-roll"] {\r\n animation: pops-anim-roll 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-sandra"] {\r\n animation: pops-anim-sandra 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-gather"] {\r\n animation: pops-anim-gather 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-spread-reverse"] {\r\n animation: pops-anim-spread-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-shake-reverse"] {\r\n animation: pops-anim-shake-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-left-reverse"] {\r\n animation: pops-anim-rolling-left-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-right-reverse"] {\r\n animation: pops-anim-rolling-right-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-top-reverse"] {\r\n animation: pops-anim-slide-top-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-bottom-reverse"] {\r\n animation: pops-anim-slide-bottom-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-left-reverse"] {\r\n animation: pops-anim-slide-left-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-right-reverse"] {\r\n animation: pops-anim-slide-right-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-reverse"] {\r\n animation: pops-anim-fadein-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-zoom-reverse"] {\r\n animation: pops-anim-fadein-zoom-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-alert-reverse"] {\r\n animation: pops-anim-fadein-alert-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-don-reverse"] {\r\n animation: pops-anim-don-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-roll-reverse"] {\r\n animation: pops-anim-roll-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-sandra-reverse"] {\r\n animation: pops-anim-sandra-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-gather-reverse"] {\r\n animation: pops-anim-gather-reverse 0.3s;\r\n}\r\n',alertCSS:"",confirmCSS:"",promptCSS:'.pops[type-value="prompt"] {\r\n --input-color: #000000;\r\n --input-bg-color: none;\r\n --input-placeholder-color: #a1a4ac;\r\n}\r\n.pops[type-value="prompt"] input[pops],\r\n.pops[type-value="prompt"] textarea[pops] {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0;\r\n border: 0;\r\n color: var(--input-color);\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n.pops[type-value="prompt"] input[pops] {\r\n padding: 5px 10px;\r\n}\r\n.pops[type-value="prompt"] textarea[pops] {\r\n padding: 5px 10px;\r\n resize: none;\r\n}\r\n\r\n.pops[type-value="prompt"] input[pops]::placeholder,\r\n.pops[type-value="prompt"] textarea[pops]::placeholder {\r\n color: var(--input-placeholder-color);\r\n}\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="prompt"] {\r\n --input-color: #ffffff;\r\n --input-bg-color: #333333;\r\n --input-placeholder-color: #8d9095;\r\n }\r\n}\r\n',loadingCSS:'.pops[type-value="loading"] {\r\n --loading-bd-color: rgba(0, 0, 0, 0.2);\r\n --loading-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --loading-box-shadow-color: rgb(0 0 0 / 50%);\r\n --loading-icon-color: rgba(100, 149, 237, 0.1);\r\n --loading-icon-bd-top-color: rgb(100, 149, 237, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="loading"] {\r\n position: absolute;\r\n top: 272.5px;\r\n top: 50%;\r\n left: 26px;\r\n left: 50%;\r\n display: flex;\r\n overflow: hidden;\r\n padding: 10px 15px;\r\n max-width: 100%;\r\n max-height: 100%;\r\n min-width: 0;\r\n min-height: 0;\r\n border: 1px solid var(--loading-bd-color);\r\n border-radius: 5px;\r\n background-color: var(--loading-bg-color);\r\n box-shadow: 0 0 5px var(--loading-box-shadow-color);\r\n vertical-align: middle;\r\n transition: all 0.35s;\r\n transform: translate(-50%, -50%);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n align-content: center;\r\n}\r\n.pops[type-value="loading"]:before {\r\n float: left;\r\n display: inline-block;\r\n width: 2em;\r\n height: 2em;\r\n border: 0.3em solid var(--loading-icon-color);\r\n border-top: 0.3em solid var(--loading-icon-bd-top-color);\r\n border-radius: 50%;\r\n content: " ";\r\n vertical-align: middle;\r\n font-size: inherit;\r\n animation: pops-anim-wait-rotate 1.2s linear infinite;\r\n}\r\n.pops[type-value="loading"] .pops-loading-content {\r\n position: static;\r\n top: 0;\r\n bottom: 0;\r\n float: left;\r\n overflow: hidden;\r\n width: auto;\r\n font-size: inherit;\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="loading"] {\r\n --loading-bg-color: #222222;\r\n }\r\n}\r\n',iframeCSS:'.pops[type-value="iframe"] {\r\n --container-title-height: 55px;\r\n transition:\r\n width 0.35s ease,\r\n height 0.35s ease;\r\n}\r\n.pops[type-value="iframe"] .pops-content {\r\n overflow: hidden;\r\n}\r\n.pops-loading {\r\n position: absolute;\r\n top: 40px;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 5;\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-loading:before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 3;\r\n display: block;\r\n margin: -20px 0 0 -20px;\r\n padding: 20px;\r\n border: 4px solid rgb(221, 221, 221, var(--pops-bd-opacity));\r\n border-radius: 50%;\r\n content: "";\r\n border-top-color: transparent;\r\n animation: pops-anim-wait-rotate 1.2s linear infinite;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="min"] {\r\n bottom: 0;\r\n max-width: 200px;\r\n max-height: 53px;\r\n position: unset;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="min"] .pops-header-control[data-type="min"] {\r\n display: none;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-top {\r\n top: unset !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-left {\r\n left: unset !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-transform {\r\n transform: none !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-transition {\r\n transition: none !important;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="max"] {\r\n width: 100% !important;\r\n height: 100% !important;\r\n}\r\n.pops[type-value="iframe"] iframe[pops] {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n}\r\n.pops-iframe-content-global-loading {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 999999;\r\n width: 0;\r\n height: 4px;\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n animation: iframeLoadingChange 2s forwards;\r\n}\r\n\r\n.pops-anim:has(.pops[type-value="iframe"].pops[type-module="min"]) {\r\n position: unset;\r\n}\r\n',tooltipCSS:'.pops-tip {\r\n --pops-bg-opacity: 1;\r\n --tooltip-color: #4e4e4e;\r\n --tooltip-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --tooltip-bd-radius: 2px;\r\n --tooltip-box-shadow-left-color: rgba(0, 0, 0, 0.24);\r\n --tooltip-box-shadow-right-color: rgba(0, 0, 0, 0.12);\r\n --tooltip-font-size: 14px;\r\n --tooltip-padding-top: 13px;\r\n --tooltip-padding-right: 13px;\r\n --tooltip-padding-bottom: 13px;\r\n --tooltip-padding-left: 13px;\r\n\r\n --tooltip-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\r\n --tooltip-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\r\n --tooltip-arrow--after-color: rgb(78, 78, 78);\r\n --tooltip-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --tooltip-arrow--after-width: 12px;\r\n --tooltip-arrow--after-height: 12px;\r\n}\r\n.pops-tip {\r\n padding: var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom)\r\n var(--tooltip-padding-left);\r\n max-width: 400px;\r\n max-height: 300px;\r\n border-radius: var(--tooltip-bd-radius);\r\n background-color: var(--tooltip-bg-color);\r\n box-shadow:\r\n 0 1.5px 4px var(--tooltip-box-shadow-left-color),\r\n 0 1.5px 6px var(--tooltip-box-shadow-right-color);\r\n color: var(--tooltip-color);\r\n font-size: var(--tooltip-font-size);\r\n}\r\n.pops-tip[data-position="absolute"] {\r\n position: absolute;\r\n}\r\n.pops-tip[data-position="fixed"] {\r\n position: fixed;\r\n}\r\n\r\n.pops-tip .pops-tip-arrow {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 12.5px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow::after {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: var(--tooltip-arrow--after-width);\r\n height: var(--tooltip-arrow--after-height);\r\n background: var(--tooltip-arrow--after-bg-color);\r\n color: var(--tooltip-arrow--after-color);\r\n box-shadow:\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\r\n content: "";\r\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="bottom"] {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 12.5px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="bottom"]:after {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: var(--tooltip-arrow--after-width);\r\n height: var(--tooltip-arrow--after-height);\r\n background: var(--tooltip-arrow--after-bg-color);\r\n box-shadow:\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\r\n content: "";\r\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="left"] {\r\n top: 50%;\r\n left: -12.5px;\r\n width: 12.5px;\r\n height: 50px;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="left"]:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n content: "";\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="right"] {\r\n top: 50%;\r\n right: -12.5px;\r\n left: auto;\r\n width: 12.5px;\r\n height: 50px;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="right"]:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n content: "";\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="top"] {\r\n top: -12.5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="top"]:after {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n content: "";\r\n}\r\n\r\n.pops-tip[data-motion] {\r\n -webkit-animation-duration: 0.25s;\r\n animation-duration: 0.25s;\r\n -webkit-animation-fill-mode: forwards;\r\n animation-fill-mode: forwards;\r\n}\r\n.pops-tip[data-motion="fadeOutRight"] {\r\n -webkit-animation-name: pops-motion-fadeOutRight;\r\n animation-name: pops-motion-fadeOutRight;\r\n}\r\n.pops-tip[data-motion="fadeInTop"] {\r\n -webkit-animation-name: pops-motion-fadeInTop;\r\n animation-name: pops-motion-fadeInTop;\r\n animation-timing-function: cubic-bezier(0.49, 0.49, 0.13, 1.3);\r\n}\r\n.pops-tip[data-motion="fadeOutTop"] {\r\n -webkit-animation-name: pops-motion-fadeOutTop;\r\n animation-name: pops-motion-fadeOutTop;\r\n animation-timing-function: cubic-bezier(0.32, 0.37, 0.06, 0.87);\r\n}\r\n.pops-tip[data-motion="fadeInBottom"] {\r\n -webkit-animation-name: pops-motion-fadeInBottom;\r\n animation-name: pops-motion-fadeInBottom;\r\n}\r\n.pops-tip[data-motion="fadeOutBottom"] {\r\n -webkit-animation-name: pops-motion-fadeOutBottom;\r\n animation-name: pops-motion-fadeOutBottom;\r\n}\r\n.pops-tip[data-motion="fadeInLeft"] {\r\n -webkit-animation-name: pops-motion-fadeInLeft;\r\n animation-name: pops-motion-fadeInLeft;\r\n}\r\n.pops-tip[data-motion="fadeOutLeft"] {\r\n -webkit-animation-name: pops-motion-fadeOutLeft;\r\n animation-name: pops-motion-fadeOutLeft;\r\n}\r\n.pops-tip[data-motion="fadeInRight"] {\r\n -webkit-animation-name: pops-motion-fadeInRight;\r\n animation-name: pops-motion-fadeInRight;\r\n}\r\n\r\n/* github的样式 */\r\n.pops-tip.github-tooltip {\r\n --tooltip-bg-opacity: 1;\r\n --tooltip-color: #ffffff;\r\n --tooltip-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\r\n --tooltip-bd-radius: 6px;\r\n --tooltip-padding-top: 6px;\r\n --tooltip-padding-right: 8px;\r\n --tooltip-padding-bottom: 6px;\r\n --tooltip-padding-left: 8px;\r\n\r\n --tooltip-arrow--after-color: rgb(255, 255, 255);\r\n --tooltip-arrow--after-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\r\n --tooltip-arrow--after-width: 8px;\r\n --tooltip-arrow--after-height: 8px;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops-tip {\r\n --tooltip-color: #ffffff;\r\n --tooltip-bg-color: #fafafa;\r\n --tooltip-arrow--after-color: #fafafa;\r\n --tooltip-arrow--after-bg-color: rgb(250, 250, 250, var(--pops-bg-opacity));\r\n }\r\n}\r\n',drawerCSS:'.pops[type-value="drawer"] {\r\n position: fixed;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow:\r\n 0px 16px 48px 16px rgba(0, 0, 0, 0.08),\r\n 0px 12px 32px rgba(0, 0, 0, 0.12),\r\n 0px 8px 16px -8px rgba(0, 0, 0, 0.16);\r\n overflow: hidden;\r\n transition: all 0.3s;\r\n}\r\n\r\n.pops[type-value="drawer"][direction="top"] {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n}\r\n.pops[type-value="drawer"][direction="bottom"] {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n.pops[type-value="drawer"][direction="left"] {\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.pops[type-value="drawer"][direction="right"] {\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n',folderCSS:'.pops-folder-list {\r\n --folder-arrow-fill-color: #d4d7de;\r\n --folder-arrow-active-fill-color: #06a7ff;\r\n --header-breadcrumb-text-color: #06a7ff;\r\n --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-last-text-color: #999999;\r\n --table-header-row-text-color: #818999;\r\n --table-body-td-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\r\n --table-body-th-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\r\n --table-body-row-text-color: #05082c;\r\n --table-body-row-file-name-text-color: #05082c;\r\n --table-body-row-hover-bd-color: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n --table-body-row-hover-bg-color: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n --table-body-row-file-name-hover-text-color: #06a7ff;\r\n --table-body-row-content-text-color: #818999;\r\n}\r\n.pops-folder-list .cursor-p {\r\n cursor: pointer;\r\n}\r\n.pops-folder-list a {\r\n background: 0 0;\r\n text-decoration: none;\r\n -webkit-tap-highlight-color: transparent;\r\n color: var(--header-breadcrumb-text-color);\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n width: 100%;\r\n table-layout: fixed;\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n padding: 0 20px;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n height: 100%;\r\n background: 0 0;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n -ms-flex-direction: column;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n}\r\ntable.pops-folder-list-table__body {\r\n height: 100%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-folder-list table tr {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops-folder-list-table__header-row {\r\n height: 50px;\r\n line-height: normal;\r\n align-content: center;\r\n color: var(--table-header-row-text-color);\r\n text-align: left;\r\n font-size: 12px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-folder-list-table__body-row {\r\n height: 50px;\r\n line-height: normal;\r\n align-content: center;\r\n color: var(--table-body-row-text-color);\r\n font-size: 12px;\r\n}\r\n.pops-folder-list-table__body-row:hover {\r\n background-color: var(--table-body-row-hover-bg-color);\r\n border-color: var(--table-body-row-hover-bd-color);\r\n border: 0;\r\n outline: none;\r\n}\r\n.pops-folder-list table th {\r\n border: 0;\r\n border-bottom: 1px solid var(--table-body-th-text-color);\r\n}\r\n.pops-folder-list table td {\r\n border: 0;\r\n border-bottom: 1px solid var(--table-body-td-text-color);\r\n position: relative;\r\n}\r\n.pops-folder-list .list-name-text {\r\n display: inline-block;\r\n padding-left: 12px;\r\n line-height: normal;\r\n align-content: center;\r\n max-width: 176px;\r\n}\r\n.pops-folder-list-file-name > div {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.pops-mobile-folder-list-file-name {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-mobile-folder-list-file-name > div {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n padding: 6px 0px;\r\n flex-direction: column;\r\n}\r\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\r\n width: 45px;\r\n height: 45px;\r\n}\r\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\r\n padding-left: unset;\r\n max-width: 250px;\r\n overflow-x: hidden;\r\n font-weight: 400;\r\n line-height: unset;\r\n margin-bottom: 4px;\r\n white-space: normal;\r\n text-overflow: unset;\r\n}\r\n\r\n/* 修改滚动 */\r\n.pops-folder-content {\r\n overflow: hidden !important;\r\n}\r\n.pops-folder-content .pops-folder-list {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.pops-folder-content .pops-folder-list-table__body-div {\r\n height: 100%;\r\n flex: 1 auto;\r\n overflow: auto;\r\n padding-bottom: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\r\n height: 100%;\r\n flex: 1 auto;\r\n overflow: auto;\r\n padding-bottom: 0;\r\n}\r\n.pops-folder-content table.pops-folder-list-table__body {\r\n overflow: auto;\r\n}\r\n.pops-folder-content .pops-folder-list-table__header-div {\r\n flex: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\r\n display: none;\r\n}\r\n\r\n.pops-folder-list .pops-folder-list-file-name-title-text {\r\n color: var(--table-body-row-file-name-text-color);\r\n}\r\n.pops-folder-list .pops-folder-list-file-name-title-text:hover {\r\n text-decoration: none;\r\n color: var(--table-body-row-file-name-hover-text-color);\r\n}\r\n.pops-folder-list .text-ellip {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n.pops-folder-list .content {\r\n color: var(--table-body-row-content-text-color);\r\n position: relative;\r\n width: 100%;\r\n text-align: left;\r\n}\r\n.pops-folder-list .inline-block-v-middle {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .flex-a-i-center {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-folder-list .u-file-icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .u-file-icon--list {\r\n width: 32px;\r\n height: 32px;\r\n}\r\n.pops-folder-list .pops-folder-list-file-icon {\r\n line-height: normal;\r\n align-content: center;\r\n position: relative;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\r\n flex: 1;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: row;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n min-height: 17px;\r\n flex-wrap: wrap;\r\n}\r\n.pops-folder-list .pops-folder-list-table__sort {\r\n display: inline-flex;\r\n margin-left: 4px;\r\n flex-direction: column;\r\n}\r\n\r\n.pops-folder-list .pops-folder-icon-arrow {\r\n width: 10px;\r\n height: 10px;\r\n fill: var(--folder-arrow-fill-color);\r\n}\r\n.pops-folder-list .pops-folder-icon-active {\r\n fill: var(--folder-arrow-active-fill-color);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb {\r\n padding: 4px 20px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: row;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n -webkit-box-pack: start;\r\n -webkit-justify-content: start;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n min-height: 35px;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\r\n font-size: 12px;\r\n color: var(--header-breadcrumb-all-files-text-color);\r\n line-height: normal;\r\n align-content: center;\r\n font-weight: 700;\r\n display: inline-block;\r\n max-width: 140px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\r\n color: var(--header-breadcrumb-all-files-last-text-color);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\r\n font-size: 14px;\r\n color: var(--header-breadcrumb-all-files-first-text-color);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n.pops-folder-list .iconArrow {\r\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\r\n 55% 50%/6px 9px no-repeat;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="folder"] {\r\n --pops-title-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n --pops-bottom-btn-controls-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n }\r\n .pops-folder-list {\r\n --header-breadcrumb-text-color: #06a7ff;\r\n --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-last-text-color: #818999;\r\n --table-body-row-text-color: #f7f8fa;\r\n --table-body-td-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n --table-body-th-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n --table-body-td-text-color: #495366;\r\n --table-body-row-hover-bd-color: #1f2022;\r\n --table-body-row-hover-bg-color: #1f2022;\r\n --table-body-row-file-name-text-color: #f7f8fa;\r\n }\r\n}\r\n',panelCSS:'.pops[type-value="panel"] {\r\n --pops-bg-color: #f2f2f2;\r\n --pops-color: #333333;\r\n --panel-title-bg-color: #ffffff;\r\n\r\n --panel-aside-bg-color: #ffffff;\r\n --panel-aside-hover-color: rgb(64, 158, 255);\r\n --panel-aside-hover-bg-color: rgba(64, 158, 255, 0.1);\r\n\r\n --pops-panel-forms-margin-top-bottom: 10px;\r\n --pops-panel-forms-margin-left-right: 20px;\r\n --pops-panel-forms-header-icon-size: calc(var(--pops-panel-forms-container-li-padding-left-right) + 1px);\r\n --pops-panel-forms-header-padding-top-bottom: 15px;\r\n --pops-panel-forms-header-padding-left-right: 10px;\r\n --pops-panel-forms-container-item-left-text-gap: 6px;\r\n --pops-panel-forms-container-item-left-desc-text-size: 0.8em;\r\n --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\r\n --pops-panel-forms-container-item-bg-color: #ffffff;\r\n --pops-panel-forms-container-item-title-color: #333;\r\n --pops-panel-forms-container-item-border-radius: 6px;\r\n --pops-panel-forms-container-item-margin-top-bottom: 10px;\r\n --pops-panel-forms-container-item-margin-left-right: var(--pops-panel-forms-margin-left-right);\r\n --pops-panel-forms-container-li-border-color: var(--pops-bd-color);\r\n --pops-panel-forms-container-li-padding-top-bottom: 12px;\r\n --pops-panel-forms-container-li-padding-left-right: 16px;\r\n\r\n --pops-panel-forms-container-deepMenu-item-active-bg: #e9e9e9;\r\n}\r\n.pops[type-value="panel"] {\r\n color: var(--pops-color);\r\n background: var(--pops-bg-color);\r\n}\r\n.pops[type-value] .pops-panel-title {\r\n background: var(--panel-title-bg-color);\r\n}\r\n\r\n/* ↓panel的CSS↓ */\r\n/* 左侧的列表 */\r\naside.pops-panel-aside {\r\n box-sizing: border-box;\r\n flex-shrink: 0;\r\n max-width: 200px;\r\n min-width: 100px;\r\n height: 100%;\r\n background: var(--panel-aside-bg-color);\r\n border-right: 1px solid var(--panel-aside-bg-color);\r\n font-size: 0.9em;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\naside.pops-panel-aside .pops-panel-aside-top-container {\r\n overflow: auto;\r\n}\r\naside.pops-panel-aside ul li {\r\n margin: 6px 8px;\r\n border-radius: 4px;\r\n padding: 6px 10px;\r\n cursor: default;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\naside.pops-panel-aside .pops-is-visited,\r\naside.pops-panel-aside ul li:not(.pops-panel-disabled-aside-hover-css):hover {\r\n color: var(--panel-aside-hover-color);\r\n background: var(--panel-aside-hover-bg-color);\r\n}\r\n/* 左侧的列表 */\r\n\r\n/* 底部的容器 */\r\n.pops-panel-bottom-wrapper {\r\n background: var(--panel-aside-bg-color);\r\n border-top: 1px solid #ebeef5;\r\n}\r\n.pops-panel-bottom-wrapper:has(.pops-panel-bottom-left-container:empty):has(.pops-panel-bottom-right-container:empty) {\r\n border-top: 0;\r\n}\r\n.pops-panel-bottom-container {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n}\r\n.pops-panel-bottom-left-container {\r\n}\r\n.pops-panel-bottom-right-container {\r\n}\r\n.pops-panel-bottom-wrapper .pops-panel-bottom-item {\r\n list-style-type: none;\r\n margin: 6px 8px;\r\n border-radius: 4px;\r\n padding: 6px 10px;\r\n cursor: default;\r\n}\r\n.pops-panel-bottom-wrapper:not(.pops-panel-disable-bottom-item-hover-css) .pops-panel-bottom-item:hover {\r\n color: var(--panel-aside-hover-color);\r\n background: var(--panel-aside-hover-bg-color);\r\n}\r\n/* 底部的容器 */\r\n\r\n.pops-panel-content {\r\n display: flex;\r\n flex-direction: row;\r\n flex: 1;\r\n overflow: auto;\r\n flex-basis: auto;\r\n box-sizing: border-box;\r\n min-width: 0;\r\n bottom: 0 !important;\r\n}\r\n\r\n.pops-panel-section-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\nsection.pops-panel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul,\r\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\r\n border-bottom: 1px solid rgba(223, 223, 223, var(--pops-bg-opacity));\r\n flex: 0 auto;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul li,\r\nsection.pops-panel-container .pops-panel-container-header-ul li.pops-panel-container-header-title-text {\r\n display: flex;\r\n justify-content: flex-start !important;\r\n margin: 0px !important;\r\n padding: var(--pops-panel-forms-header-padding-top-bottom)\r\n calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right));\r\n text-align: left;\r\n}\r\nsection.pops-panel-container ul.pops-panel-container-main-ul {\r\n overflow: auto;\r\n /*flex: 1;*/\r\n}\r\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: var(--pops-panel-forms-margin-top-bottom)\r\n calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-margin-left-right));\r\n gap: 10px;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\r\n margin: 10px;\r\n margin-left: calc(\r\n var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right)\r\n );\r\n font-size: 0.9em;\r\n text-align: left;\r\n color: var(--pops-panel-forms-container-item-title-color);\r\n}\r\nsection.pops-panel-container li.pops-panel-forms-container-item {\r\n /* 去除<li>左侧的圆点 */\r\n display: block;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist {\r\n border-radius: var(--pops-panel-forms-container-item-border-radius);\r\n background: var(--pops-panel-forms-container-item-bg-color);\r\n margin: var(--pops-panel-forms-container-item-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist li {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom)\r\n var(--pops-panel-forms-container-li-padding-left-right);\r\n margin: 0px 0px;\r\n border-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\r\n text-align: left;\r\n}\r\n/*section.pops-panel-container\r\n\t.pops-panel-forms-container-item\r\n\tul\r\n\tli.pops-panel-deepMenu-nav-item {\r\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\r\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right);\r\n\tborder-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\r\n}*/\r\nsection.pops-panel-container\r\n .pops-panel-forms-container-item\r\n ul.pops-panel-forms-container-item-formlist\r\n li:last-child {\r\n border: 0px;\r\n}\r\n/* 左侧的文字 */\r\nsection.pops-panel-container .pops-panel-item-left-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--pops-panel-forms-container-item-left-text-gap);\r\n}\r\n\r\n/* 左侧的主文字 */\r\n/*section.pops-panel-container .pops-panel-item-left-main-text {\r\n\t\r\n}*/\r\n/* 左侧的描述文字 */\r\nsection.pops-panel-container .pops-panel-item-left-desc-text {\r\n font-size: var(--pops-panel-forms-container-item-left-desc-text-size);\r\n color: var(--pops-panel-forms-container-item-left-desc-text-color);\r\n}\r\n\r\n/* 折叠面板 */\r\nsection.pops-panel-container .pops-panel-forms-fold {\r\n border-radius: var(--pops-panel-forms-container-item-border-radius);\r\n background: var(--pops-panel-forms-container-item-bg-color);\r\n margin: var(--pops-panel-forms-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container {\r\n display: flex;\r\n align-items: center;\r\n fill: #6c6c6c;\r\n justify-content: space-between;\r\n margin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-fold-container-icon {\r\n transform: rotate(90deg);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container-icon {\r\n width: 15px;\r\n height: 15px;\r\n display: flex;\r\n align-items: center;\r\n transform: rotate(-90deg);\r\n transition: transform 0.3s;\r\n}\r\n/* 折叠状态 */\r\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-container-item-formlist {\r\n height: 0;\r\n}\r\n/* 非折叠状态 */\r\nsection.pops-panel-container .pops-panel-forms-fold ul.pops-panel-forms-container-item-formlist {\r\n margin: 0;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-container-item-formlist {\r\n transition: height 0.3s;\r\n overflow: hidden;\r\n border-radius: unset;\r\n background: unset;\r\n margin: 0;\r\n height: calc-size(auto, size);\r\n}\r\n/* 折叠面板 */\r\n\r\n/* 姑且认为小于600px的屏幕为移动端 */\r\n@media (max-width: 600px) {\r\n /* 兼容移动端CSS */\r\n .pops[type-value="panel"] {\r\n --pops-panel-forms-margin-left-right: 10px;\r\n }\r\n .pops[type-value="panel"] {\r\n width: 92%;\r\n width: 92vw;\r\n width: 92dvw;\r\n }\r\n .pops[type-value="panel"] .pops-panel-content aside.pops-panel-aside {\r\n max-width: 20%;\r\n min-width: auto;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-forms-container-item > div {\r\n text-align: left;\r\n --pops-panel-forms-margin-left-right: 0px;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-forms-container-item ul {\r\n margin: 0px !important;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container > ul > li {\r\n margin: 10px 10px;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container > ul > li div:nth-child(2) {\r\n max-width: 55%;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-select select {\r\n min-width: 88px !important;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-container-header-ul li {\r\n font-size: 16px;\r\n }\r\n .pops[type-value="panel"] .pops-panel-title p[pops],\r\n .pops[type-value="panel"] section.pops-panel-container > ul li,\r\n .pops[type-value="panel"] aside.pops-panel-aside ul li {\r\n font-size: 14px;\r\n }\r\n}\r\n/* switch的CSS */\r\n.pops-panel-switch {\r\n --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --panel-switch-circle-color: #dcdfe6;\r\n --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --panel-switch-checked-circle-color: #409eff;\r\n --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\r\n --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-panel-switch {\r\n display: inline-flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n position: relative;\r\n font-size: 14px;\r\n line-height: normal;\r\n align-content: center;\r\n height: 32px;\r\n vertical-align: middle;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-panel-switch input.pops-panel-switch__input {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n margin: 0;\r\n}\r\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\r\n.pops-panel-switch[data-disabled],\r\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\r\n.pops-panel-switch input.pops-panel-switch__input:disabled + .pops-panel-switch__core {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n.pops-panel-switch span.pops-panel-switch__core {\r\n display: inline-flex;\r\n position: relative;\r\n align-items: center;\r\n min-width: 40px;\r\n height: 20px;\r\n border: 1px solid var(--panel-switch-core-bd-color);\r\n outline: 0;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n background: var(--panel-switch-core-bg-color);\r\n cursor: pointer;\r\n transition:\r\n border-color 0.3s,\r\n background-color 0.3s;\r\n}\r\n.pops-panel-switch .pops-panel-switch__action {\r\n position: absolute;\r\n left: 1px;\r\n border-radius: 100%;\r\n transition: all 0.3s;\r\n width: 16px;\r\n height: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: var(--panel-switch-circle-bg-color);\r\n color: var(--panel-switch-circle-color);\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\r\n border-color: var(--panel-switch-checked-core-bd-color);\r\n background-color: var(--panel-switch-checked-core-bg-color);\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\r\n left: calc(100% - 17px);\r\n color: var(--panel-switch-checked-circle-color);\r\n}\r\n/* switch的CSS */\r\n\r\n/* slider旧的CSS */\r\nsection.pops-panel-container .pops-panel-slider:has(> input[type="range"]) {\r\n overflow: hidden;\r\n height: 25px;\r\n line-height: normal;\r\n align-content: center;\r\n display: flex;\r\n align-items: center;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"] {\r\n height: 6px;\r\n background: rgb(228, 231, 237, var(--pops-bg-opacity));\r\n outline: 0;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-webkit-slider-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow:\r\n 0 0 2px rgba(0, 0, 0, 0.3),\r\n 0 3px 5px rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow:\r\n 0 0 2px rgba(0, 0, 0, 0.3),\r\n 0 3px 5px rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-moz-range-progress {\r\n height: 6px;\r\n border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\n/* slider旧的CSS */\r\n\r\n/* slider的CSS */\r\n.pops-slider {\r\n --pops-slider-color-white: #ffffff;\r\n --pops-slider-color-primary: #409eff;\r\n --pops-slider-color-info: #909399;\r\n --pops-slider-text-color-placeholder: #a8abb2;\r\n --pops-slider-border-color-light: #e4e7ed;\r\n --pops-slider-border-radius-circle: 100%;\r\n --pops-slider-transition-duration-fast: 0.2s;\r\n\r\n --pops-slider-main-bg-color: var(--pops-slider-color-primary);\r\n --pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\r\n --pops-slider-stop-bg-color: var(--pops-slider-color-white);\r\n --pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\r\n --pops-slider-border-radius: 3px;\r\n --pops-slider-height: 6px;\r\n --pops-slider-button-size: 20px;\r\n --pops-slider-button-wrapper-size: 36px;\r\n --pops-slider-button-wrapper-offset: -15px;\r\n}\r\n\r\n.pops-slider {\r\n width: 100%;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.pops-slider-width {\r\n flex: 0 0 52%;\r\n margin-left: 10px;\r\n}\r\n\r\n.pops-slider__runway {\r\n flex: 1;\r\n height: var(--pops-slider-height);\r\n background-color: var(--pops-slider-runway-bg-color);\r\n border-radius: var(--pops-slider-border-radius);\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.pops-slider__runway.show-input {\r\n margin-right: 30px;\r\n width: auto;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled {\r\n cursor: default;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\r\n background-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\r\n border-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n cursor: not-allowed;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n transform: scale(1);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n cursor: not-allowed;\r\n}\r\n\r\n.pops-slider__input {\r\n flex-shrink: 0;\r\n width: 130px;\r\n}\r\n\r\n.pops-slider__bar {\r\n height: var(--pops-slider-height);\r\n background-color: var(--pops-slider-main-bg-color);\r\n border-top-left-radius: var(--pops-slider-border-radius);\r\n border-bottom-left-radius: var(--pops-slider-border-radius);\r\n position: absolute;\r\n}\r\n\r\n.pops-slider__button-wrapper {\r\n height: var(--pops-slider-button-wrapper-size);\r\n width: var(--pops-slider-button-wrapper-size);\r\n position: absolute;\r\n z-index: 1;\r\n top: var(--pops-slider-button-wrapper-offset);\r\n transform: translate(-50%);\r\n background-color: transparent;\r\n text-align: center;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n line-height: normal;\r\n outline: none;\r\n}\r\n\r\n.pops-slider__button-wrapper:after {\r\n display: inline-block;\r\n content: "";\r\n height: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n cursor: grab;\r\n}\r\n\r\n.pops-slider__button {\r\n display: inline-block;\r\n width: var(--pops-slider-button-size);\r\n height: var(--pops-slider-button-size);\r\n vertical-align: middle;\r\n border: solid 2px var(--pops-slider-main-bg-color);\r\n background-color: var(--pops-slider-color-white);\r\n border-radius: 50%;\r\n box-sizing: border-box;\r\n transition: var(--pops-slider-transition-duration-fast);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover,\r\n.pops-slider__button.dragging {\r\n transform: scale(1.2);\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n cursor: grab;\r\n}\r\n\r\n.pops-slider__button.dragging {\r\n cursor: grabbing;\r\n}\r\n\r\n.pops-slider__stop {\r\n position: absolute;\r\n height: var(--pops-slider-height);\r\n width: var(--pops-slider-height);\r\n border-radius: var(--pops-slider-border-radius-circle);\r\n background-color: var(--pops-slider-stop-bg-color);\r\n transform: translate(-50%);\r\n}\r\n\r\n.pops-slider__marks {\r\n top: 0;\r\n left: 12px;\r\n width: 18px;\r\n height: 100%;\r\n}\r\n\r\n.pops-slider__marks-text {\r\n position: absolute;\r\n transform: translate(-50%);\r\n font-size: 14px;\r\n color: var(--pops-slider-color-info);\r\n margin-top: 15px;\r\n white-space: pre;\r\n}\r\n\r\n.pops-slider.is-vertical {\r\n position: relative;\r\n display: inline-flex;\r\n width: auto;\r\n height: 100%;\r\n flex: 0;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__runway {\r\n width: var(--pops-slider-height);\r\n height: 100%;\r\n margin: 0 16px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__bar {\r\n width: var(--pops-slider-height);\r\n height: auto;\r\n border-radius: 0 0 3px 3px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__button-wrapper {\r\n top: auto;\r\n left: var(--pops-slider-button-wrapper-offset);\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__stop {\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__marks-text {\r\n margin-top: 0;\r\n left: 15px;\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider--large {\r\n height: 40px;\r\n}\r\n\r\n.pops-slider--small {\r\n height: 24px;\r\n}\r\n/* slider的CSS */\r\n\r\n/* input的CSS */\r\n.pops-panel-input {\r\n --el-disabled-text-color: #a8abb2;\r\n --el-disabled-bg-color: #f5f7fa;\r\n --el-disabled-border-color: #e4e7ed;\r\n\r\n --pops-panel-components-input-text-color: #000000;\r\n --pops-panel-components-input-text-bg-color: transparent;\r\n --pops-panel-components-input-text-default-padding: 8px;\r\n --pops-panel-components-input-bd-color: #dcdfe6;\r\n --pops-panel-components-input-bg-color: #ffffff;\r\n --pops-panel-components-input-hover-bd-color: #c0c4cc;\r\n --pops-panel-components-input-focus-bd-color: #409eff;\r\n --pops-panel-components-input-suffix-color: #a8abb2;\r\n --pops-panel-components-input-suffix-bg-color: #ffffff;\r\n}\r\n.pops-panel-input {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid var(--pops-panel-components-input-bd-color);\r\n border-radius: 4px;\r\n background-color: var(--pops-panel-components-input-bg-color);\r\n position: relative;\r\n box-shadow: none;\r\n}\r\n.pops-panel-input:hover {\r\n border: 1px solid var(--pops-panel-components-input-hover-bd-color);\r\n}\r\n.pops-panel-input:has(input:disabled):hover {\r\n --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\r\n}\r\n.pops-panel-input:has(input:focus) {\r\n outline: 0;\r\n border: 1px solid var(--pops-panel-components-input-focus-bd-color);\r\n border-radius: 4px;\r\n box-shadow: none;\r\n}\r\n.pops-panel-input input {\r\n display: inline-flex;\r\n justify-content: center;\r\n text-align: start;\r\n align-items: center;\r\n align-content: center;\r\n white-space: nowrap;\r\n cursor: text;\r\n box-sizing: border-box;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n vertical-align: middle;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n color: var(--pops-panel-components-input-text-color);\r\n background-color: var(--pops-panel-components-input-text-bg-color);\r\n outline: 0;\r\n transition: 0.1s;\r\n border: 0;\r\n font-size: 14px;\r\n font-weight: 500;\r\n line-height: normal;\r\n height: 32px;\r\n width: 100%;\r\n flex: 1;\r\n /*margin-right: calc(1em + 8px);*/\r\n margin: 0px;\r\n padding: var(--pops-panel-components-input-text-default-padding);\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix {\r\n display: inline-flex;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n flex-wrap: nowrap;\r\n height: 100%;\r\n text-align: center;\r\n color: var(--pops-panel-components-input-suffix-color);\r\n background: var(--pops-panel-components-input-suffix-bg-color);\r\n transition: all 0.3s;\r\n pointer-events: none;\r\n padding: 0 8px;\r\n position: absolute;\r\n right: 0px;\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n border: 1px solid transparent;\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix-inner {\r\n pointer-events: all;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n/* 如果包含清空图标的按钮,则默认隐藏清空图标,当:hover、:focus、:focus-within、:active时显示清空图标 */\r\n.pops-panel-input span.pops-panel-input__suffix:has(svg[data-type="circleClose"]) {\r\n display: none;\r\n}\r\n.pops-panel-input:hover span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\r\n.pops-panel-input:focus span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\r\n.pops-panel-input:focus-within span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\r\n.pops-panel-input:active span.pops-panel-input__suffix:has(svg[data-type="circleClose"]) {\r\n display: inline-flex;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n cursor: pointer;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n height: inherit;\r\n line-height: normal;\r\n align-content: center;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all 0.3s;\r\n}\r\n.pops-panel-input .pops-panel-icon svg {\r\n height: 1em;\r\n width: 1em;\r\n}\r\n\r\n.pops-input-disabled {\r\n background-color: var(--pops-components-is-disabled-bg-color);\r\n}\r\n.pops-panel-input.pops-input-disabled:hover {\r\n --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\r\n}\r\n.pops-panel-input input:disabled,\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n color: var(--el-disabled-text-color);\r\n -webkit-text-fill-color: var(--el-disabled-text-color);\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n display: none;\r\n}\r\n/* input的CSS */\r\n\r\n/* textarea的CSS */\r\n.pops-panel-textarea {\r\n --pops-panel-components-textarea-text-color: #000000;\r\n --pops-panel-components-textarea-text-bg-color: #ffffff;\r\n --pops-panel-components-textarea-bd-color: #dcdfe6;\r\n --pops-panel-components-textarea-hover-bd-color: #c0c4cc;\r\n --pops-panel-components-textarea-focus-bd-color: #409eff;\r\n}\r\n.pops-panel-textarea textarea {\r\n width: 100%;\r\n /*vertical-align: bottom;*/\r\n position: relative;\r\n display: block;\r\n resize: none;\r\n padding: 5px 11px;\r\n /*line-height: 1;*/\r\n box-sizing: border-box;\r\n font-size: inherit;\r\n font-family: inherit;\r\n color: var(--pops-panel-components-textarea-text-color);\r\n background-color: var(--pops-panel-components-textarea-text-bg-color);\r\n background-image: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n box-shadow: none;\r\n border-radius: 0;\r\n transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n border: 1px solid var(--pops-panel-components-textarea-bd-color);\r\n}\r\n.pops-panel-textarea textarea:hover {\r\n border-color: var(--pops-panel-components-textarea-hover-bd-color);\r\n}\r\n.pops-panel-textarea:has(textarea:disabled):hover {\r\n --pops-panel-components-textarea-hover-bd-color: var(--pops-panel-components-textarea-bd-color);\r\n}\r\n.pops-panel-textarea-disable {\r\n --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color) !important;\r\n --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\r\n}\r\n.pops-panel-textarea-disable textarea {\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-textarea textarea:focus {\r\n outline: 0;\r\n border-color: var(--pops-panel-components-textarea-focus-bd-color);\r\n}\r\n/* textarea的CSS */\r\n\r\n/* select的CSS */\r\n.pops-panel-select {\r\n --pops-panel-components-select-text-color: #000000;\r\n --pops-panel-components-select-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\r\n --pops-panel-components-select-hover-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\r\n --pops-panel-components-select-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-panel-select {\r\n border: 0;\r\n}\r\n.pops-panel-select select {\r\n height: 32px;\r\n line-height: normal;\r\n align-content: center;\r\n min-width: 200px;\r\n border: 1px solid var(--pops-panel-components-select-bd-color);\r\n border-radius: 5px;\r\n text-align: center;\r\n outline: 0;\r\n color: var(--pops-panel-components-select-text-color);\r\n background-color: var(--pops-panel-components-select-bg-color);\r\n box-shadow: none;\r\n}\r\n.pops-panel-select select:hover {\r\n border: 1px solid var(--pops-panel-components-select-hover-bd-color);\r\n}\r\n.pops-panel-select-disable {\r\n --pops-panel-components-select-text-color: var(--pops-components-is-disabled-text-color);\r\n --pops-panel-components-select-bg-color: var(--pops-components-is-disabled-bg-color);\r\n}\r\n.pops-panel-select-disable select {\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-select-disable select:hover {\r\n box-shadow: none;\r\n --pops-panel-components-select-hover-bd-color: var(--pops-panel-components-select-bd-color);\r\n}\r\n.pops-panel-select select:focus {\r\n border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n box-shadow: none;\r\n}\r\n/* select的CSS */\r\n\r\n/* select-multiple的CSS*/\r\n.pops-panel-select-multiple {\r\n --el-border-radius-base: 4px;\r\n --el-fill-color-blank: #ffffff;\r\n --el-transition-duration: 0.3s;\r\n --el-border-color: #cbcbcb;\r\n --el-text-color-placeholder: #a8abb2;\r\n --color: inherit;\r\n --el-select-input-color: #a8abb2;\r\n --el-select-input-font-size: 14px;\r\n --el-text-color-regular: #606266;\r\n --el-color-info: #909399;\r\n --el-color-info-light-9: #f4f4f5;\r\n --el-color-info-light-8: #e9e9eb;\r\n --el-color-primary-light-9: #ecf5ff;\r\n --el-color-primary-light-8: #d9ecff;\r\n --el-color-primary: #409eff;\r\n --el-color-white: #ffffff;\r\n width: 200px;\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n text-align: left;\r\n font-size: 14px;\r\n padding: 4px 12px;\r\n gap: 6px;\r\n min-height: 32px;\r\n line-height: normal;\r\n align-content: center;\r\n border-radius: var(--el-border-radius-base);\r\n background-color: var(--el-fill-color-blank);\r\n transition: var(--el-transition-duration);\r\n transform: translateZ(0);\r\n border: 1px solid var(--el-border-color);\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\r\n --el-border-color: var(--el-color-primary);\r\n}\r\n.pops-panel-select-multiple .el-select__selection {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n flex: 1;\r\n min-width: 0;\r\n gap: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__selected-item {\r\n display: flex;\r\n flex-wrap: wrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-panel-select-multiple .el-select__selected-item.el-select__choose_tag .el-tag {\r\n max-width: 200px;\r\n}\r\n.pops-panel-select-multiple .el-select__input-wrapper {\r\n max-width: 100%;\r\n}\r\n.pops-panel-select-multiple .el-select__selection.is-near {\r\n margin-left: -8px;\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder {\r\n position: absolute;\r\n display: block;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 100%;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n color: var(--el-input-text-color, var(--el-text-color-regular));\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n color: var(--el-text-color-placeholder);\r\n}\r\n.pops-panel-select-multiple .el-select__prefix,\r\n.pops-panel-select-multiple .el-select__suffix {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n gap: 6px;\r\n color: var(--el-input-icon-color, var(--el-text-color-placeholder));\r\n}\r\n.pops-panel-select-multiple .el-icon {\r\n --color: inherit;\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n align-content: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: var(--color);\r\n font-size: inherit;\r\n}\r\n.pops-panel-select-multiple .el-icon svg {\r\n height: 1em;\r\n width: 1em;\r\n}\r\n.pops-panel-select-multiple .el-select__caret {\r\n color: var(--el-select-input-color);\r\n font-size: var(--el-select-input-font-size);\r\n transition: var(--el-transition-duration);\r\n transform: rotate(0);\r\n cursor: pointer;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n --el-tag-font-size: 12px;\r\n --el-tag-border-radius: 4px;\r\n --el-tag-border-radius-rounded: 9999px;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n background-color: var(--el-tag-bg-color);\r\n border-color: var(--el-tag-border-color);\r\n color: var(--el-tag-text-color);\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n vertical-align: middle;\r\n height: 24px;\r\n padding: 0 9px;\r\n font-size: var(--el-tag-font-size);\r\n line-height: normal;\r\n align-content: center;\r\n border-width: 1px;\r\n border-style: solid;\r\n border-radius: var(--el-tag-border-radius);\r\n box-sizing: border-box;\r\n white-space: nowrap;\r\n --el-icon-size: 14px;\r\n --el-tag-bg-color: var(--el-color-primary-light-9);\r\n --el-tag-border-color: var(--el-color-primary-light-8);\r\n --el-tag-hover-color: var(--el-color-primary);\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag {\r\n cursor: pointer;\r\n border-color: transparent;\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n --el-tag-bg-color: var(--el-color-info-light-9);\r\n --el-tag-border-color: var(--el-color-info-light-8);\r\n --el-tag-hover-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n --el-tag-text-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.is-closable {\r\n padding-right: 5px;\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\r\n min-width: 0;\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n flex-shrink: 0;\r\n color: var(--el-tag-text-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\r\n color: var(--el-color-white);\r\n background-color: var(--el-tag-hover-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-icon {\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: calc(var(--el-icon-size) - 2px);\r\n height: var(--el-icon-size);\r\n width: var(--el-icon-size);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n margin-left: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__tags-text {\r\n display: block;\r\n line-height: normal;\r\n align-content: center;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n.pops-panel-select-multiple-disable {\r\n --el-fill-color-blank: #f5f7fa;\r\n --color: #a8abb2;\r\n --el-border-color: #cbcbcb;\r\n}\r\n.pops-panel-select-multiple-disable .el-tag.el-tag--info {\r\n --el-tag-bg-color: #e7e7e7;\r\n --el-tag-text-color: var(--pops-components-is-disabled-text-color);\r\n}\r\n.pops-panel-select-multiple-disable .el-select__selection .el-tag,\r\n.pops-panel-select-multiple-disable .el-tag .el-tag__close:hover,\r\n.pops-panel-select-multiple-disable .el-select__wrapper,\r\n.pops-panel-select-multiple-disable .el-select__caret {\r\n cursor: not-allowed;\r\n}\r\n/* select-multiple的CSS*/\r\n\r\n/* deepMenu的css */\r\n.pops-panel-deepMenu-nav-item {\r\n cursor: pointer;\r\n}\r\n.pops-panel-deepMenu-nav-item:active {\r\n background: var(--pops-panel-forms-container-deepMenu-item-active-bg);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:active {\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom)\r\n var(--pops-panel-forms-container-li-padding-left-right);\r\n margin: 0px;\r\n}\r\n/* 去除上个兄弟item的底部边框颜色 */\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li:has(+ .pops-panel-deepMenu-nav-item:active) {\r\n border-bottom: 1px solid transparent;\r\n}\r\n/* 第一个和最后一个跟随圆角 */\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:first-child:active {\r\n border-top-left-radius: var(--pops-panel-forms-container-item-border-radius);\r\n border-top-right-radius: var(--pops-panel-forms-container-item-border-radius);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:last-child:active {\r\n border-bottom-left-radius: var(--pops-panel-forms-container-item-border-radius);\r\n border-bottom-right-radius: var(--pops-panel-forms-container-item-border-radius);\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\r\n display: flex;\r\n align-items: center;\r\n color: #6c6c6c;\r\n fill: #6c6c6c;\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\r\n width: 15px;\r\n height: 15px;\r\n display: flex;\r\n align-items: center;\r\n}\r\nsection.pops-panel-deepMenu-container .pops-panel-container-header-ul li.pops-panel-deepMenu-container-header {\r\n display: flex;\r\n align-items: center;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n padding: var(--pops-panel-forms-header-padding-top-bottom)\r\n calc(\r\n var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right) -\r\n var(--pops-panel-forms-header-icon-size)\r\n );\r\n gap: 0px;\r\n}\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\r\n width: var(--pops-panel-forms-header-icon-size);\r\n height: var(--pops-panel-forms-header-icon-size);\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n/* 修复safari上图标大小未正常显示 */\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon > svg {\r\n width: inherit;\r\n height: inherit;\r\n}\r\n/* deepMenu的css */\r\n\r\n/* 文字对齐 */\r\n.pops-panel-item-left-desc-text:has(code) {\r\n display: flex;\r\n align-items: baseline;\r\n flex-wrap: wrap;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="panel"] {\r\n --pops-bg-color: #000000;\r\n --pops-color: #f2f2f2;\r\n --panel-title-bg-color: #000000;\r\n --panel-aside-bg-color: #262626;\r\n --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\r\n --pops-panel-forms-container-item-bg-color: #262626;\r\n --pops-panel-forms-container-item-title-color: #c1c1c1;\r\n\r\n --pops-panel-forms-container-li-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\r\n --pops-panel-forms-container-deepMenu-item-active-bg: #333333;\r\n }\r\n .pops[type-value="panel"] .pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\r\n fill: #f2f2f2;\r\n }\r\n\r\n /* switch的CSS */\r\n .pops-panel-switch {\r\n --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --panel-switch-circle-color: #dcdfe6;\r\n --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --panel-switch-checked-circle-color: #409eff;\r\n --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\r\n --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\r\n }\r\n /* select的CSS */\r\n .pops-panel-select {\r\n --pops-panel-components-select-text-color: #f2f2f2;\r\n --pops-panel-components-select-bd-color: rgb(51, 51, 51, var(--pops-bd-opacity));\r\n --pops-panel-components-select-bg-color: #141414;\r\n }\r\n /* select-multiple的CSS*/\r\n .pops-panel-select-multiple {\r\n --el-fill-color-blank: #141414;\r\n --el-border-color: #4c4d4f;\r\n --el-text-color-placeholder: #a8abb2;\r\n --el-select-input-color: #a8abb2;\r\n --el-text-color-regular: #606266;\r\n --el-color-info: #909399;\r\n --el-color-info-light-8: #e9e9eb;\r\n --el-color-primary-light-9: #ecf5ff;\r\n --el-color-primary-light-8: #d9ecff;\r\n --el-color-primary: #409eff;\r\n --el-color-white: #ffffff;\r\n }\r\n .pops-panel-select-multiple .el-tag {\r\n --el-color-info-light-9: #202121;\r\n }\r\n .pops-panel-select-multiple-disable {\r\n --el-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\r\n }\r\n .pops-panel-select-multiple-disable .el-tag.el-tag--info {\r\n --el-tag-bg-color: #2f2f2f;\r\n }\r\n /* select-multiple的CSS*/\r\n /* slider的CSS */\r\n .pops-slider {\r\n --pops-slider-border-color-light: #414243;\r\n }\r\n /* input的CSS */\r\n .pops-panel-input {\r\n --pops-panel-components-input-text-color: #f2f2f2;\r\n --pops-panel-components-input-bd-color: #4f5052;\r\n --pops-panel-components-input-bg-color: #141414;\r\n --pops-panel-components-input-hover-bd-color: #6f7175;\r\n --pops-panel-components-input-focus-bd-color: #409eff;\r\n --pops-panel-components-input-suffix-color: #a8abb2;\r\n }\r\n /* textarea的CSS */\r\n .pops-panel-textarea {\r\n --pops-panel-components-textarea-text-color: #f2f2f2;\r\n --pops-panel-components-textarea-text-bg-color: #141414;\r\n --pops-panel-components-textarea-bd-color: #4f5052;\r\n --pops-panel-components-textarea-hover-bd-color: #6f7175;\r\n --pops-panel-components-textarea-focus-bd-color: #409eff;\r\n }\r\n .pops-panel-textarea-disable {\r\n --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\r\n --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color);\r\n }\r\n /* slider */\r\n .pops-slider {\r\n --pops-slider-text-color-placeholder: #8d9095;\r\n }\r\n}\r\n',rightClickMenu:'.pops-rightClickMenu {\r\n --pops-right-context-color: #000000;\r\n --pops-right-context-bg-color: rgb(255, 255, 255, 0.733);\r\n --pops-right-context-backdrop-filter: blur(10px);\r\n --pops-right-context-z-index: 10000;\r\n --pops-right-context-bd-radius: 6px;\r\n --pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);\r\n --pops-right-context-menu-row-bd-radius: 6px;\r\n --pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);\r\n --pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);\r\n}\r\n.pops-rightClickMenu * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n scrollbar-width: thin;\r\n}\r\n.pops-rightClickMenu {\r\n position: fixed;\r\n z-index: var(--pops-right-context-z-index);\r\n text-align: center;\r\n border-radius: var(--pops-right-context-bd-radius);\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: var(--pops-right-context-color);\r\n background: var(--pops-right-context-bg-color);\r\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);\r\n -webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);\r\n backdrop-filter: var(--pops-right-context-backdrop-filter);\r\n}\r\n/* scale动画 */\r\n.pops-rightClickMenu-anim-scale {\r\n transition:\r\n opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),\r\n transform 150ms cubic-bezier(0.2, 0, 0.2, 1);\r\n transform: scale(0.85);\r\n}\r\n.pops-rightClickMenu-anim-scale-open {\r\n transform: scale(1);\r\n}\r\n.pops-rightClickMenu-anim-scale-not-open {\r\n opacity: 0;\r\n}\r\n/* 展开动画 */\r\n.pops-rightClickMenu-anim-grid {\r\n display: grid;\r\n transition: 0.3s;\r\n grid-template-rows: 0fr;\r\n}\r\n.pops-rightClickMenu-anim-show {\r\n grid-template-rows: 1fr;\r\n}\r\n.pops-rightClickMenu-is-visited {\r\n background: var(--pops-right-context-menu-row-visited-color);\r\n}\r\ni.pops-rightClickMenu-icon {\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n align-content: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: inherit;\r\n font-size: inherit;\r\n margin-right: 6px;\r\n}\r\ni.pops-rightClickMenu-icon[is-loading="true"] {\r\n animation: rotating 2s linear infinite;\r\n}\r\n.pops-rightClickMenu li:hover {\r\n background: var(--pops-right-context-menu-row-hover-color);\r\n cursor: pointer;\r\n}\r\n.pops-rightClickMenu ul {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n.pops-rightClickMenu ul li {\r\n padding: 5px 10px;\r\n margin: 5px 5px;\r\n border-radius: var(--pops-right-context-menu-row-bd-radius);\r\n display: flex;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n text-align: left;\r\n align-items: center;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n /*.pops-rightClickMenu {\r\n\t\t--pops-right-context-menu-shadow-color: #3c3c3c;\r\n\t}*/\r\n}\r\n@media (hover: hover) {\r\n .pops-rightClickMenu ul li:active {\r\n transform: scale(0.98);\r\n }\r\n}\r\n'},kt={$data:{},$flag:{isInit:!1},init(){if(!this.$flag.isInit){this.$flag.isInit=!0;const t=wt.createElement("style",{innerHTML:Ct.anim});wt.appendHead(t),this.$data=null,this.$data=wt.getKeyFrames(t.sheet),ft.setTimeout(()=>{t.remove()},50)}},hasAnim(t){return Object.prototype.hasOwnProperty.call(this.$data,t)}},Et={alert:[],confirm:[],drawer:[],folder:[],iframe:[],loading:[],panel:[],prompt:[],rightClickMenu:[],tooltip:[]},St={getMaxZIndexNodeInfo(t=1,e=i.document,n){t=Number.isNaN(t)?1:t;const r=2*Math.pow(10,9);let o=0,a=null;function s(t){if("function"==typeof n){const e=n(t);if("boolean"==typeof e&&!e)return}const e=i.window.getComputedStyle(t);if("static"!==(r=e).position&&"none"!==r.display){const n=parseInt(e.zIndex);isNaN(n)||n>o&&(o=n,a=t),null!=t.shadowRoot&&t instanceof ShadowRoot&&t.shadowRoot.querySelectorAll("*").forEach(t=>{s(t)})}var r}return e.querySelectorAll("*").forEach(t=>{s(t)}),o+=t,o>=r&&(o=r),{node:a,zIndex:o}},getPopsMaxZIndex(t=1){t=Number.isNaN(t)?1:t;const e=2*Math.pow(10,9);let n=0,r=null;function o(t){return"static"!==t.position&&"none"!==t.display}Object.keys(Et).forEach(t=>{const e=Et[t];for(let t=0;t<e.length;t++){const a=e[t],i=window.getComputedStyle(a.animElement);if(o(i)){const t=parseInt(i.zIndex);isNaN(t)||t>n&&(n=t,r=a.animElement)}}}),n+=t;const a=n>=e;return a&&(n=e),{zIndex:n,animElement:r,isOverMaxZIndex:a}},getMaxZIndex(t=1){return this.getMaxZIndexNodeInfo(t).zIndex},removeInstance(t,e,n=!1){function r(t){"function"==typeof t.beforeRemoveCallBack&&t.beforeRemoveCallBack(t),t?.animElement?.remove(),t?.popsElement?.remove(),t?.maskElement?.remove(),t?.$shadowContainer?.remove()}return t.forEach(t=>{t.forEach((o,a)=>{if(n||o.guid===e){const e=o.animElement.getAttribute("anim");if(kt.hasAnim(e)){const t=e+"-reverse";o.animElement.style.width="100%",o.animElement.style.height="100%",o.animElement.style["animation-name"]=t,kt.hasAnim(o.animElement.style["animation-name"])?wt.on(o.animElement,wt.getAnimationEndNameList(),function(){r(o)},{capture:!0}):r(o)}else r(o);t.splice(a,1)}})}),t},hide:(t,e,n,r,o,a)=>new Promise(i=>{const s=o.querySelector(".pops[type-value]");if("drawer"===t){const l=r;ft.setTimeout(()=>{a.style.setProperty("display","none"),["top","bottom"].includes(l.direction)?s.style.setProperty("height","0"):["left","right"].includes(l.direction)?s.style.setProperty("width","0"):console.error("未知direction:",l.direction),i()},l.closeDelay)}else{const p=e.find(t=>t.guid===n);if(p){const c=p;if(c.animElement.style.width="100%",c.animElement.style.height="100%",Reflect.set(c.animElement.style,"animation-name",c.animElement.getAttribute("anim")+"-reverse"),kt.hasAnim(Reflect.get(c.animElement.style,"animation-name"))){function d(){c.animElement.style.display="none",c.maskElement&&(c.maskElement.style.display="none"),wt.off(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0}),i()}wt.on(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0})}else c.animElement.style.display="none",c.maskElement&&(c.maskElement.style.display="none"),i()}}}),show:(t,e,n,r,o,a)=>new Promise(i=>{const s=o.querySelector(".pops[type-value]");if("drawer"===t){const l=r;ft.setTimeout(()=>{wt.css(a,"display","");const t=l.direction,e=l.size.toString();["top","bottom"].includes(t)?s.style.setProperty("height",e):["left","right"].includes(t)?s.style.setProperty("width",e):console.error("未知direction:",t),i()},l.openDelay??0)}else{const p=e.find(t=>t.guid===n);if(p){const c=p;if(c.animElement.style.width="",c.animElement.style.height="",Reflect.set(c.animElement.style,"animation-name",c.animElement.getAttribute("anim").replace("-reverse","")),kt.hasAnim(Reflect.get(c.animElement.style,"animation-name"))){function d(){wt.off(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0}),i()}c.animElement.style.display="",c.maskElement&&(c.maskElement.style.display=""),wt.on(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0})}else c.animElement.style.display="",c.maskElement&&(c.maskElement.style.display=""),i()}}}),close:(t,e,n,r,o)=>new Promise(a=>{const i=o.querySelector(".pops[type-value]"),s=r;"drawer"===t?ft.setTimeout(()=>{wt.on(i,wt.getTransitionEndNameList(),function t(r){"transform"===r.propertyName&&(wt.off(i,wt.getTransitionEndNameList(),void 0,t),St.removeInstance([e],n),a())}),"none"===getComputedStyle(i).transform?["top"].includes(s.direction)?i.style.setProperty("transform","translateY(-100%)"):["bottom"].includes(s.direction)?i.style.setProperty("transform","translateY(100%)"):["left"].includes(s.direction)?i.style.setProperty("transform","translateX(-100%)"):["right"].includes(s.direction)?i.style.setProperty("transform","translateX(100%)"):console.error("未知direction:",s.direction):wt.trigger(i,wt.getTransitionEndNameList(),void 0,!0)},s.closeDelay):(St.removeInstance([e],n),a())}),drag(t,e){e=Object.assign({limit:!0,extraDistance:3,container:i.globalThis,triggerClick:!0},e);let n=!1,r=0,o=0;const a=new(ft.AnyTouch())(e.dragElement,{preventDefault:t=>"function"!=typeof e.preventEvent||e.preventEvent(t)});function s(t){return t=t??globalThis,{width:wt.width(t),height:wt.height(t)}}wt.css(e.dragElement,{cursor:"move"});let l=wt.getTransform(t),p=null;a.on("pan",function(a){if(!n){n=!0;const i=e.dragElement.getBoundingClientRect();r=a.x-i.left,o=a.y-i.top,l=wt.getTransform(t),p=function(t){const e=t.style.transitionDuration;return"0s"!==globalThis.getComputedStyle(t).transitionDuration&&(t.style.transitionDuration="0s"),()=>{t.style.transitionDuration=e}}(t)}let i=a.x-r+l.transformLeft,c=a.y-o+l.transformTop;if("move"===a.phase){if(e.limit){const n=s(e.container).width-wt.width(t)+l.transformLeft,{left:r,top:o}=function(t){if(t=t??globalThis,ft.isWin(t))return{left:0,top:0};{const e=t.getBoundingClientRect();return{left:e.left,top:e.top}}}(e.container),a=s(e.container).height-wt.height(t)+l.transformTop;i>n&&(i=n),c>a&&(c=a),i-2*e.extraDistance<r+l.transformLeft?(i=r+l.transformLeft,i+=e.extraDistance):i-=e.extraDistance,c-2*e.extraDistance<o+l.transformTop?(c=o+l.transformTop,c+=e.extraDistance):c-=e.extraDistance}"function"==typeof e.moveCallBack&&e.moveCallBack(t,i,c),wt.css(t,{left:i+"px",top:c+"px"})}"end"===a.phase&&(n=!1,"function"==typeof p&&(p(),p=null),"function"==typeof e.endCallBack&&e.endCallBack(t,i,c))}),e.triggerClick&&a.on(["tap"],function(t){t.changedPoints.forEach(t=>{wt.trigger(t.target,"click",void 0,!0)})})},sortElementListByProperty(t,e,n=!0){if("boolean"!=typeof n)throw new TypeError("参数 sortByDesc 必须为boolean类型");if(null==t||null==e)throw new Error("获取前面的值或后面的值的方法不能为空");return function(r,o){const a=t(o),i=e(r);return n?i>a?-1:i<a?1:0:i<a?-1:i>a?1:0}}},$t={handlerShadow(t){const e=wt.createElement("div",{className:"pops-shadow-container"});if(t.useShadowRoot){const t=e.attachShadow({mode:"open"});return{$shadowContainer:e,$shadowRoot:t}}return{$shadowContainer:e,$shadowRoot:e}},handleInit(t,e){if(kt.init(),arguments.length&&null!=t&&null!=e){if("string"==typeof e){if(""===e.trim())return;e=[{css:e}]}else e=e.map(t=>"string"==typeof t?{css:t}:t);for(const n of e){const e=wt.createElement("style",{},{"data-type":"PopsHandler.handleInit"});e.textContent=n.css,"string"==typeof n.name&&e.setAttribute("data-name",n.name),t.appendChild(e)}}},handleMask(t={}){const e={maskElement:wt.parseTextToDOM(t.maskHTML)};let n=!1;function r(n){wt.preventEvent(n);const r=Et[t.type];function o(){return t.config.mask.clickEvent.toClose?St.close(t.type,r,t.guid,t.config,t.animElement):t.config.mask.clickEvent.toHide?St.hide(t.type,r,t.guid,t.config,t.animElement,e.maskElement):void 0}return"function"==typeof t.config.mask.clickCallBack?t.config.mask.clickCallBack(o,t.config):o(),!1}if(t.config.mask.clickEvent.toClose||t.config.mask.clickEvent.toHide){function o(t){return Boolean("div"===t?.localName?.toLowerCase()&&t.className&&"pops-anim"===t.className&&t.hasAttribute("anim"))}wt.on(t.animElement,["touchstart","mousedown"],void 0,t=>{const e=t.composedPath()[0];n=o(e)}),wt.on(t.animElement,"click",void 0,t=>{if(o(t.composedPath()[0])&&n)return r(t)}),wt.on(e.maskElement,"click",void 0,t=>{n=!0,r(t)})}return e},handleQueryElement:(t,e)=>({$pops:t.querySelector(".pops[type-value"),$btnOk:t.querySelector(`.pops-${e}-btn-ok`),$btnCancel:t.querySelector(`.pops-${e}-btn-cancel`),$btnOther:t.querySelector(`.pops-${e}-btn-other`),$title:t.querySelector(`.pops-${e}-title`),$input:t.querySelector(`.pops-${e}-content textarea[pops]`)?t.querySelector(`.pops-${e}-content textarea[pops]`):t.querySelector(`.pops-${e}-content input[pops]`),$headerControls:t.querySelector(".pops-header-controls"),$iframe:t.querySelector("iframe[pops]"),$loading:t.querySelector(".pops-loading"),$content:t.querySelector(`.pops-${e}-content`),$panelRightSectionWrapper:t.querySelector(`.pops-${e}-section-wrapper`),$panelLeftAside:t.querySelector(`.pops-${e}-content aside.pops-${e}-aside`),$panelContentSectionContainer:t.querySelector(`.pops-${e}-content section.pops-${e}-container`),$panelBottomWrapper:t.querySelector(`.pops-${e}-bottom-wrapper`),$panelBottomContainer:t.querySelector(`.pops-${e}-bottom-container`),$panelBottomLeftContainer:t.querySelector(`.pops-${e}-bottom-left-container`),$panelBottomRightContainer:t.querySelector(`.pops-${e}-bottom-right-container`),$contentLoading:t.querySelector(`.pops-${e}-content-global-loading`),$headerBtnMin:t.querySelector(".pops-header-control[data-type='min']"),$headerBtnMax:t.querySelector(".pops-header-control[data-type='max']"),$headerBtnMise:t.querySelector(".pops-header-control[data-type='mise']"),$headerBtnClose:t.querySelector(".pops-header-control[data-type='close']"),$folderList:t.querySelector(".pops-folder-list"),$folderHeaderNav:t.querySelector(".pops-folder-list .pops-folder-list-table__header-div"),$folderHeaderRow:t.querySelector(".pops-folder-list .pops-folder-list-table__header-div .pops-folder-list-table__header-row"),$folderTbody:t.querySelector(".pops-folder-list .pops-folder-list-table__body-div tbody"),$folderHeaderBreadcrumbPrimary:t.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-primary"),$folderSortFileName:t.querySelector('.pops-folder-list-table__sort[data-sort="fileName"]'),$folderSortLatestTime:t.querySelector('.pops-folder-list-table__sort[data-sort="latestTime"]'),$folderSortFileSize:t.querySelector('.pops-folder-list-table__sort[data-sort="fileSize"]')}),handleEventDetails:(t,e,n,r,o,a,i,s)=>({$shadowContainer:e,$shadowRoot:n,element:o,animElement:o,popsElement:a,maskElement:i,mode:r,guid:t,close:()=>St.close(r,Et[r],t,s,o),hide:()=>St.hide(r,Et[r],t,s,o,i),show:()=>St.show(r,Et[r],t,s,o,i)}),handleLoadingEventDetails:(t,e,n,r,o,a)=>({element:n,animElement:n,popsElement:r,maskElement:o,mode:e,guid:t,close:()=>St.close(e,Et[e],t,a,n),hide:()=>St.hide(e,Et[e],t,a,n,o),show:()=>St.show(e,Et[e],t,a,n,o)}),handleResultDetails(t){const e=Object.assign({},t);return ft.delete(e,"type"),ft.delete(e,"function"),e},handleClickEvent(t,e,n,r){wt.on(e,"click",e=>{const o={type:t};r(Object.assign(n,o),e)},{capture:!0})},handleKeyboardEvent(t,e=[],n){const r=function(r){const o=r.code||r.key,a=r.charCode||r.keyCode||r.which;e.includes("ctrl")&&!r.ctrlKey||e.includes("alt")&&!r.altKey||e.includes("meta")&&!r.metaKey||e.includes("shift")&&!r.shiftKey||("string"==typeof t&&t===o?n&&n(r):"number"==typeof t&&t===a&&n&&n(r))};return wt.on(i.globalThis,"keydown",r,{capture:!0}),{removeKeyboardEvent(){wt.off(globalThis,"keydown",r,{capture:!0})}}},handlePromptClickEvent(t,e,n,r,o){wt.on(n,"click",n=>{const a={type:t,text:e.value};o(Object.assign(r,a),n)},{capture:!0})},handleZIndex:t=>"function"==typeof t?t():t,handleOnly(t,e){if(e.only)if("loading"===t||"tooltip"===t||"rightClickMenu"===t){const e=Et[t];e&&St.removeInstance([e],"",!0)}else St.removeInstance([Et.alert,Et.confirm,Et.prompt,Et.iframe,Et.drawer,Et.folder,Et.panel],"",!0);else{const t=e.zIndex;e.zIndex=()=>{const{zIndex:e}=St.getPopsMaxZIndex($t.handleZIndex(t)+100);return e}}return e},handlePush(t,e){Et[t].push(e)}},Tt={init(t){const n=ft.getRandomGUID(),r="alert";let o={title:{text:"默认标题",position:"left",html:!1,style:""},content:{text:"默认内容",html:!1,style:""},btn:{position:"flex-end",ok:{size:void 0,enable:!0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback:function(t){t.close()}},close:{enable:!0,callback:function(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"alertCSS",css:Ct.alertCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentStyle:m,contentPStyle:u}=At.createContentStyle(r,o),h=At.createAnim(n,r,o,`\n\t\t\t<div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${r}-content" style="${m}">${o.content.html?o.content.text:`<p pops class="pops-${r}-content-text" style="${u}">${o.content.text}</p>`}</div>${c}`,c,s),b=At.parseElement(h),{$pops:g,$headerBtnClose:v,$btnOk:x,$title:y}=$t.handleQueryElement(b,r);let w=null;const A=[b];if(o.mask.enable){w=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:l}).maskElement,A.push(w)}const C=$t.handleEventDetails(n,a,i,r,b,g,w,o);$t.handleClickEvent("close",v,C,o.btn.close.callback),$t.handleClickEvent("ok",x,C,o.btn.ok.callback),wt.append(i,A),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=w&&b.after(w),$t.handlePush(r,{guid:n,animElement:b,popsElement:g,maskElement:w,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(g,{dragElement:y,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});return $t.handleResultDetails(C)}},It={init(t){const n=ft.getRandomGUID(),r="confirm";let o={title:{text:"默认标题",position:"left",html:!1,style:""},content:{text:"默认内容",html:!1,style:""},btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"confirmCSS",css:Ct.confirmCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentStyle:m,contentPStyle:u}=At.createContentStyle(r,o),h=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n <div class="pops-content pops-${r}-content" style="${m}">${o.content.html?o.content.text:`<p pops class="pops-${r}-content-text" style="${u}">${o.content.text}</p>`}</div>${c}`,c,s),b=At.parseElement(h),{$pops:g,$title:v,$headerBtnClose:x,$btnOk:y,$btnCancel:w,$btnOther:A}=$t.handleQueryElement(b,r);let C=null;const k=[b];if(o.mask.enable){C=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:l}).maskElement,k.push(C)}const E=$t.handleEventDetails(n,a,i,r,b,g,C,o);$t.handleClickEvent("close",x,E,o.btn.close.callback),$t.handleClickEvent("ok",y,E,o.btn.ok.callback),$t.handleClickEvent("cancel",w,E,o.btn.cancel.callback),$t.handleClickEvent("other",A,E,o.btn.other.callback),wt.append(i,k),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=C&&b.after(C),$t.handlePush(r,{guid:n,animElement:b,popsElement:g,maskElement:C,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(g,{dragElement:v,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});return $t.handleResultDetails(E)}},Mt={init(t){const n=ft.getRandomGUID(),r="drawer";let o={title:{enable:!0,position:"center",text:"默认标题",html:!1,style:""},content:{text:"默认内容",html:!1,style:""},btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},mask:{enable:!0,clickEvent:{toClose:!0,toHide:!1},clickCallBack:null},useShadowRoot:!0,class:"",zIndex:1e4,only:!1,direction:"right",size:"30%",lockScroll:!1,closeOnPressEscape:!0,openDelay:0,closeDelay:0,borderRadius:0,style:null,beforeAppendToPageCallBack(){},forbiddenScroll:!1};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"drawerCSS",css:Ct.drawerCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentStyle:m,contentPStyle:u}=At.createContentStyle(r,o),h=At.createAnim(n,r,o,`\n ${o.title.enable?`<div class="pops-title pops-${r}-title" style="${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="width: 100%;text-align: ${o.title.position};${f}">${o.title.text}</p>`}${p}</div>`:""}\n <div class="pops-content pops-${r}-content" style="${m}">${o.content.html?o.content.text:`<p pops class="pops-${r}-content-text" style="${u}">${o.content.text}</p>`}</div>${c}`,c,s),b=At.parseElement(h),{$pops:g,$headerBtnClose:v,$btnCancel:x,$btnOk:y,$btnOther:w}=$t.handleQueryElement(b,r),A=g,C=v,k=x,E=y,S=w;let $=null;const T=[b];if(o.mask.enable){$=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:l}).maskElement,T.push($)}const I=$t.handleEventDetails(n,a,i,r,b,A,$,o);A.setAttribute("direction",o.direction),"top"===o.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`0px 0px ${o.borderRadius}px ${o.borderRadius}px`)):"bottom"===o.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`${o.borderRadius}px ${o.borderRadius}px 0px 0px`)):"left"===o.direction?(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`0px ${o.borderRadius}px 0px ${o.borderRadius}px`)):"right"===o.direction&&(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`${o.borderRadius}px 0px ${o.borderRadius}px 0px`)),o.closeOnPressEscape&&$t.handleKeyboardEvent("Escape",[],function(){I.close()});[{type:"close",ele:C},{type:"cancel",ele:k},{type:"ok",ele:E},{type:"other",ele:S}].forEach(t=>{$t.handleClickEvent(t.type,t.ele,I,e=>{"function"==typeof o.btn[t.type].callback&&o.btn[t.type].callback(e)})}),T.forEach(t=>{t.style.setProperty("display","none"),["top"].includes(o.direction)?(A.style.setProperty("height",o.size.toString()),A.style.setProperty("transform","translateY(-100%)")):["bottom"].includes(o.direction)?(A.style.setProperty("height",o.size.toString()),A.style.setProperty("transform","translateY(100%)")):["left"].includes(o.direction)?(A.style.setProperty("width",o.size.toString()),A.style.setProperty("transform","translateX(-100%)")):["right"].includes(o.direction)&&(A.style.setProperty("width",o.size.toString()),A.style.setProperty("transform","translateX(100%)")),t.style.setProperty("display","")}),wt.append(i,T),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),ft.setTimeout(()=>{ft.setTimeout(()=>{A.style.setProperty("transform","")},o.openDelay)},50),null!=$&&b.after($),$t.handlePush(r,{guid:n,animElement:b,popsElement:A,maskElement:$,$shadowContainer:a,$shadowRoot:i});return $t.handleResultDetails(I)}},Bt={init(t){let n={parent:document.body,content:{text:"加载中...",icon:"loading",style:""},useShadowRoot:!0,class:"",only:!1,zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},animation:"pops-anim-fadein-zoom",forbiddenScroll:!1,isAbsolute:!1,style:null,addIndexCSS:!0};n=ft.assign(n,e.getGlobalConfig()),n=ft.assign(n,t);const r=ft.getRandomGUID(),o="loading";n=$t.handleOnly(o,n);const a=$t.handleZIndex(n.zIndex),i=At.createMask(r,a),{contentPStyle:s}=At.createContentStyle("loading",n),l=At.createAnim(r,o,n,`\n <div class="pops-content pops-${o}-content">${n.addIndexCSS?`\n <style data-model-name="index">${Ct.index}</style>\n <style data-model-name="anim">${Ct.anim}</style>\n <style data-model-name="common">${Ct.common}</style>\n `:""}\n <style data-model-name="loadingCSS">\n ${Ct.loadingCSS}\n </style>\n ${null!=n.style?`<style>${n.style}</style>`:""}\n \t<p pops class="pops-${o}-content-text" style="${s}">${n.content.text}</p>\n </div>`,"",a),p=At.parseElement(l),{$pops:c}=$t.handleQueryElement(p,o);let d=null;const f=[p];if(n.mask.enable){d=$t.handleMask({type:o,guid:r,config:n,animElement:p,maskHTML:i}).maskElement,f.push(d)}const m=$t.handleLoadingEventDetails(r,o,p,c,d,n);wt.append(n.parent,f),null!=d&&p.after(d),$t.handlePush(o,{guid:r,animElement:p,popsElement:c,maskElement:d}),n.isAbsolute&&(wt.css(p,"position","absolute !important"),d&&wt.css(d,"position","absolute !important"));return $t.handleResultDetails(m)}},Lt=()=>({title:{text:"pops.Folder",position:"center",html:!1,style:""},sort:{name:"latestTime",isDesc:!1,callback(){}},folder:[{fileName:"测试文件夹",fileSize:0,fileType:"",createTime:0,latestTime:0,isFolder:!0,index:0,clickEvent:()=>[{fileName:"测试文件夹2222",fileSize:0,fileType:"",createTime:0,latestTime:0,isFolder:!0,index:0,clickEvent:()=>[{fileName:"内部-测试文件.zip",fileSize:1025e3,fileType:"zip",createTime:1702038410440,latestTime:1702039602126,isFolder:!1,index:1,clickEvent(){return console.log("下载文件:",this.fileName),"https://update.greasyfork.org/scripts/456485/pops.js"}}]}]},{fileName:"测试文件.apk",fileSize:30125682,fileType:"apk",createTime:1702036410440,latestTime:1702039410440,isFolder:!1,index:1,clickEvent(){return console.log("下载文件:",this.fileName),"https://update.greasyfork.org/scripts/456485/pops.js"}}],btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"500px",height:window.innerHeight<450?"70vh":"400px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}}),zt={folder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUxpcf++Hv/ZU//OPv/DL/+9Gv/BI/+4Bf+4Ef/XcP/LOP/TSf/RRP/WTv/JM/+3Ef+9Ff/bhf+5BP/DJf+yDv/imv/kqv/bXP/w0v/fd//calQXUgwAAAAKdFJOUwB///8d3L9enl8sr20gAAACN0lEQVRYw+2Y65abIBRGE1EzVbyNSW18/wctHA6XYw4q9Ee7Vt2AgOHbcVyTOMztdnFxcXFMWf7gKHN190VRKDpFC0iNqB5ZvqpXzJRxHoF7hrAa9/hK9j2oYIA2QA/UqXeyNg5QDBrshhHbUH8xxO+uT7sOJ/tU5a4wh0eK8KmKHTxd28Bfo16pqphep5l6I+R/p8xr668kVghVceH8M5EZYnGhnBKRceGqmaZXPPw2xbO+1xU+8axwe8NfzkIV7xVZdF0AVhi+rWdxIfgmwloE6CkrDCPwJbYUeFgK61icxFcNKyxIxE+WgnllQ0y4+HffzZ8WZtJlCDtz+CzqaaFaVGiWBNEOZZ15zihsT2CFnXk4QStsLohTU3FC+Af8I8JWV1fa1jy8u+hnOUy2vnd5SkeGrJBfHZwDbxe87pfxQvejmMZZYxxdYSoyVyixSvtXFLJ7hWq5xCRNSTozczzHCj8T54kI5d8QCtvZAodDIa7DgRkJaII2hBfaJC7EOE7D076XuIoVBu8oN3kpBLVt4YXBVaUSFSbS5Akb00znSoPn9KCJCN0am7SnGhganC4kKhR2MV0vvEn4M7bFhM3GIZqtgfiPr9BdSAYnrnCX3rQeB/2xsKcHouiBBhpO+phQL9CdjmKqsRkXpkMz57dmfTY1v3k8is26zvN2A6yIbKVqm/tMjFBMp5jpxrWKbsB1dJw/AsC3Lt/YEaK7x1t5r7aLj3ned/fRj1TK3H9wXFxc/F/8BgM0jBZ4nc19AAAAAElFTkSuQmCC",zip:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFQUExURUxpcYHaOWDM+pryU4TbPXLU/XHT/X3Y/nrZpIffP/+gI4La/+9QTvhycXjQL4fbQvBUUoXaQHrSMf+cJPl2dfBXVf+KMDu99IveRv+ZJf+NLv+PLIncRPdvbV7L+VnJ+P/u5HDS/P+DD1PG93fV/U3D9kTB9WfP+2vR/GLN+nvSM86bL33UNf/69f/+/XzTNP+vVf/iyf/06sOCRsGhYP2Jh/t8e4TVPX3QNat7jnzCMfxfXXrUMP/UqJPoTX/cM/aDLOVjKP/jw/9yC/98HP+GLP/Ec2C63f+iQ4TjNvOiasmpZLuTpfaQgfjEu4HGOPKGeHDC4s2YXU+02/Ozn/B0J+1oYHvSNGnM9P/r291KSNGeZIHGObeOn5zzVM6PHkS978mNUt+EO/GadPOgbZzyVJvyVNG6g66AksCer4LGOc7Mp/eWh/SZVu6adP6VKOSF/TkAAAAKdFJOUwDf39+Af5/9MKAONWYwAAADB0lEQVRYw+3Y+U/TYBjAcUDYIahlA3bCimM3Y64MERWdeExFOhDoxkTnDuTm///R9+jx9MjbtcT4S78sIVnCh+c9mjDGxry8vLz+TwGffxp2/Ql0vYJbJuXzE76AvTc1rc9//gx0vqxg+XwON+XY8+8+BO22NayQKxQKSzZiwMj5D/TgQZtORjASe9U+QKHQfplAilEuhfIxQT/g6P4bwEZbGS1FS08wQR1GzpOCYfSFX7XGEtDSJPaEQCPH2cagwmEwpdfSmQwbXIEaOlAMhsNkRvQ9jEANy9CYoA7Dt6PdqIVBtUY6rdOy2SwbVLEcvR5G8DCjWkSzA3VPAbkcJlCHZbORCBPUY+h+pKzArKZF7MAcvLf4PDUwRsDfikU1O9DwFKDzPKzFYjGMkW8yGIExQbpO9SlAB0BANQxGDDFBdbS0ctdMYMQReHn5Te0n6aIPwf7WBWoLdsEEN57PoR6RFnGSVIdgfV6J47gZHPdqVBBzG6IobutCb+w5B+dkcE5Ys0iQZJBzPOENAsvG1oQ910u+EcplvroDqvLlsrDveEJlyXvox8Xbz6BbEf2KfdcTIlA4On4KOj4SNJBzAQpmUHAxobrkE4E3gyf7YECHE1qAPAWd7+EiAXleHMI/RYYiz5/c41AQaO4+YNXKq7oHpe2dqqmd7XnXhyJJg8Hd8CtoeDcYSDPuwflOp/NOF3qjwzm42Oc/SN/ler3eer8O6q+b6jHBszfRaDSZTD7BzaI2m6UEqPTyxWqrUiwWQ6HQY9zrt1+Y4B8ZTDLASoV4o4G/EJiMat7s5un9QDKhDBLSPGGl4mTJeA+T8pLphFeleCIeTyTwK04mJJvofg9PS3GQMqGjPdSfsjVYdA82jSA6lJa7CWdNEy6QCVedLPnMYg8XQHTJFecTwottAJ3dwwcWSzaBrRY8lHEmGJQvtjbhlQWomzDI/vAIn5TRlmzzkXnSvIcfQWZw0u4D86Rhyc3uB1CXgOCUbT206uA4PJRm9z2oKz/LFBwPjvAvAi8vL69/0l8fxm2XCv5p+gAAAABJRU5ErkJggg==",mp4:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcZKU/5eZ/4SG/5CS/5eb/6Sm/4WG/5uc/6eq/4uM/4iJ/6Ci/5ye/6eo/6Ol/46P/5mb/5eY/5GS//39/5SV//X1/6Ol/+3u/+Li/3Z498/Q/7u8/zCK/WcAAAAKdFJOUwB7Pf+fHN2gn59fp7PNAAACSElEQVRYw+3Ya3OjIBQG4FqamnDzTkT9/79zOQdUzG0PJjP7YX2DeAR5EtKZTu3X15EjR46Q851dnuY7nTtd9Kv8nlK9X60/Kl60/qh4wjUFNjx8XSznIlHMClgICadC+2PWYShFvFwpSRAvBSl0MYDyVpB7xfOyLXmVrl2h99cQPw49VTzLV7lGNVF8DW5CExNAeSaCSsHdyi9SUPi2Ds2h/KY4K+epbZANpYoKmRHBGy6qbt7qnAzKaZzU86SDtje91Z8Ddd+2renHIh6sEsFKVS64stKmhRg7rRi2yrM0MEoAW2Osrh4kFaxnEPd9/SiI+94N1jW0qu5icN13Xfl7iCBqPlsQ9y3nObyJCNYr2G9Bt28VzRPBroYWQGNMiy+Dlel116WBP24BrOlcGgC9NaNWdjjV4T0/NHAJgnF6O/Fo/l2wt6Nm4i2w6OOMExtYmQ42Tdd00BxoV85O9TCI0k26hDckgc2acgXtKIeB8WabvaCFL89xZfMuKG1vgZsa2O2dRwbdUng1vBut48bK7dZ9ezgOrC/diQSWUdg0jrhb4a3bJIOCVYrDD6N8HCLol0PP2QC7fexxTgN5yctF4Mxz8wE953gDdHQwSiDQmK9Lr3IamJCcAObPl4u9oBAL4EohRESGC+FrGoiOX+E/lYD4y3kg0CRQJOSfggwbFksZZhg2GKOAGQscrFrE+RrachaC8hfsN7uLCJ24myE9BuQb52HmGcqO3fPtc2jXB3RiTuNy+hPpKcv/mmzHfzOOHDny/+YPi6+BG+WQsHsAAAAASUVORK5CYII=",apk:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcXnGVmm8P2q8QHzIV4bNYXXDTWu8P3nFUYfNY26/RIPLXoDJWobNYXHASH3HVnXDTXnFUfT/7onPZej/2/v/+Ov+4cDypVmtLqvjjt38y57afsvyti89dh4AAAAKdFJOUwAQ3/8n3Xugn58KiJgCAAACeElEQVRYw+2Y2ZajIBBAuxuTtIhsKgTx/79zisUlaZ0pPPM048WwBa6FkpyYj4+Li4sLNNW9PqQq133W3e+4lSqr24GpPWms08S23ZhCmnvatsxYtZE4/a229BQZ78nxk27TXWKsWwwFRhA2ITXz3FBp1maxsc6OLF1Usb6cocBYNynAnKcs55tm22CNdYPl9vmXhUhj3bA8PpaMLdUNqc1qZIQggRRUi42lPIvmEzDMZazZBiHYOy9dd4TwezPXj1Pzqgxd7dpVlwnVNAzjS0SiM4N2a893mVC6MF2BsvO+64QQzTgMfadKhSIdQvFJD9p3duyNMf3khB0G44gSLCWcUKxwBhEZM2S0Af/E5TqgVKiI18MrRnKV3mRnhNy/+QbdbQIsF3oTFmr0vGJY8sjUGaGCBEcPht65UIDK2+C3UuUhaKFKSUmngen5tCE07Z+kh7bxMp9RKZRQLYg+CgmZQqk94SaUli8jyoTSx/lmsrHUvR1TqU4KuY3zddKtFVjzOSEd9S7G8UJhDEBKAp+4Hg7Itpg+C6WSKKEMgE8Se4CnaYAsEAbo8wDC5yGFQndAd1II13AfR08JOYlfg3BTTCzD3UktRwqFHJLk/DjCcBE5Wgi6BLH7xtHHuxKG4IRACJKTdhr3sISmM0r+QAgffIaS1u3uwlnIC4WckP1tuPhKhRDjHquvdMlrSdcmncvQgRLCDEpTtr6SNjX5klGkEM+/IyTxmF/bKlkLghbGrZE2SPLFFs1dZLuXMMJ71m1m0vkMdOmI71KC+QVbkQJQjyoPvA+zYnig/8L6vpDPUhUyxgfuSSr9ifH4I/cT/2ZcXFz8v/wC1sx9JR+88xQAAAAASUVORK5CYII=",gif:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcf+ubP+eUP+iWP+xcP+nX/+lXf+SO/uPSv+dUP6kX/+XRP+VQP+SO/+jWf+oYf+hVf///f+mXf+tav+ubf+rZ/+eUP+wcP+pZP/s3P+aSf/z6P/48v/UsvqFOf+6hP/jzf/Hmv/cwS4F5mYAAAALdFJOUwDdez2foByg/p/2onNSOQAAAh5JREFUWMPtmNuSoyAQQGeMUaZUxBveRfP/H7lc1VRJptF92Kr1INqtcKqNSSrk6+vm5uYGzMPzrTzcdYFff+I7cPV91/VfNZr6ykNb6WwMypW6tOBk9EoALka/KMtCTCr05OKi0S9AwI02YXXW+KwqMVluMqw4SimjtUGNzwoK0HgobC4Yn42iat6DanfKnPZdhCAersK0KcfXWOtYbPtrTeNBhGnapCt1n2VZX6cWnjDhjjETjNeFudrhWQpfeS7PqJ5vI0DCXJLKPVmkcMH5MQ5CBaGvIRtehIhkGVp2VmgqwgixhSEkciYeDz4jxDkWyD1F0zQhKrJZ3zzG+jKPQMLNJiAd6ogImHw1+1UngQh/8DHqefMS9/ycFhJVIC+ROAvJnrodRn7ARBfIS+TJirOwEp88JsTGx0skF4Tyfd3nZCtQ+c8KG3OXW4FZ1lJHIeUQ1dVXQzY0vMDBbLJEKjsFCxX1oOmHPe02wlHYDsewk0LWW5jPCfPZJuyZm7BTbWmtzHoMTNgpcPuBUg+CCSkfSTv2wTdXskKoUFGMdhhyqlASTcjOlLgLu3iyk0QOwjDqePsFfgeiA4VqykefCUK40KZ457wwuiaMBZFokc7EQTUTiigGCWMH/m1hAhR624TETFSh7Em8Np5DfsE+EgdAy4BQD473M9+SNYPcMV/fImh9CLiWCkKYL4SvSAMv/BXvxL8ZNzc3/y9/ADVfok94AIhIAAAAAElFTkSuQmCC",txt:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcTOL+DSL+DqO+Veb/mKl/kmX+zWL+U6a+2ao/0aW+0CS+kyZ/GCk/mWn/1yi/lef/VGc/Pr9/+jz/2+s+46//b3a/4O3/AJIojgAAAAKdFJOUwDf//8d3U+en52O09RGAAACF0lEQVRYw+2Y63ajIBCAW8ZqHC5KrZv3f9MFhpuJTQfrjz1n/SDIbT4npw2pfXu7uLi4YNOP39O367rRvOKja/V9GHOqcTTmVGNnzLlGl6A2WvvWxGsqJo9ajKMuGP0dDcbxSWTShKlGfOOoebCNRTidYxynDXrb1dUU0ziGEF3ZdHHoza14xocMXzJyhLdpmme/e6ag2XeobqYCnBRvs98fm32meId56nnCErk+czfVhlub0CyfOyzaHhTa9XOX9aDQqnU/w7uyjULrcC3i+ocI4iUOVkQ7+8IVeptXWgUgMXD3xjv1UYCyCa6QUAiC0E64fMUBYBTOrUJnROmBryCEMEAsCbYKrSIkCSXS0LYLla8U6K4KSYi+H5ZsWmcJY1ohmpos3OLWmoSF9JajX9m8ckyIRfjIrzM8KERfq5J/yridZwrDx0HF6suOMF24QoXJGijCR/gZboB/TZgDYyd9lqU8mqGPlGQMJR8OfiDjZNjDEQ5S0hlDZ4ushWkqwxSWJCgezOKYIMsw7Ri4wi0g3HfBKuF55bBQTNod1WcKw9kv6yShTQgUQA6A6IsjAEmFJ4RXOF24W+gBcIUxAaiapChi/zolw5rfC+GYUKTqG1G11Vxo2Bn6AJLk8NiPC6JBKOjXLv0ZEruwN2AJe8GCnKzHgEGw4STonm/fub535rNUx8xx4D+RdsPP9Af+m3FxcfH/8hcLt2QJ3T9wuwAAAABJRU5ErkJggg==",exe:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB4UExURUxpcVq2/kOv/0uw/163/1Cz/0+x/zGp/zad+0Ku/165/Tms/zWq/zKp/1i1/1W1/1K0/0Wv/0Cu/06y//7//0qx/1q2/1y3/1+3/j6p/vf7/y+o/9zu/+r2/yqM9xCa/4LK/8De/3ay/p7P/n3B/rLW/12n+xyf/0XRgzgAAAALdFJOUwDdez2eoByg/Z+vFPUOhAAAAoZJREFUWMPtmOt2mzAMgNuEBDquhhgwgWwMQt//DSfJ3BJIJ3P6a+MLviDkDxE4OaVvbzs7OztsjgfrJUdz3flH/hXvZ1Pfe55/q9HK8iyDluOW4xz3cHcYzIxnMqSZNi3BuJHxALIsTXHLsB+nuOlzmRktbUl71RIKGhitNA3gMxEM3TgxM1rog2UB0vcoopAezIxWwIRrPM0XhX17jJgZT+ETwWwSPBzgGRfCL7C4wojSI91FEfVDJBo2hPNLcYqeCKmFs71pcuAJw0cbkCRREq1wMq4wQVnQNkAbJtuESYKWiAbUtXVVENU9p1iiT4NzrjChRQnNmqK4DBSNDuoj0NjCkbScdGgsUzlXmgplWl4eKcpkZjQVSnHv6yuqapjdhZycLKGUkI+bFK22VOW9ae79xRe5NkInWcIPSOxR5IC7292ArqYqi1qNCfKDIxyzRV7pp8W53RxstX56oMRNQqEaEpTdzVGAc+tKCjRqNLIuWYpBWOsCwScAMOoSaxIKdoWCkEI4dYm06JNkbClQO32KFAZCIWLnN9GBUOoSOwq0TjzkGAnxGhFHxU8B/RUYC2PlEGpcrobIxgpjpYmfI1OAJ4zjWOCaWN+UBTUdxyyeMB5wq8sqlTummAn9V0Jvs7BYpfS3CstqlQ1CRdnX9tcqraFQwcNB98T7/LnKp0cJ+PywhG7s9vjXVXxXp0DHE7qT0lXuK+gIR2g/ydSjV01zZSR8Xdoc26jCbxN6rut5HuZTR/s0eH03xVlCz4B/Q3hYWefDxxua7/s6CAPnL9ijv8DzX8F6DbB9Npwrhvdb5wq5V4bPYb5Lne3lrwKcYDG1+W+k54P9Vw4b/puxs7Pz//IHkvGjBU3hWj4AAAAASUVORK5CYII=",qm:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcdbc4MzO1dTZ3dTZ3s/T2c/T083Q1tXb4NDX287R19HV2+zv8PX29/3+/uPn6b3CzcTI0ZN/xtQAAAAKdFJOUwD////dexCfoCcDaycKAAACJElEQVRYw+2Y4XaDIAyFF2gnEizy/i87SJCCa13i9m9eLAQlHxfsOdZ+fFy6dOmSWPPdvdM063GfDo500yLnG8CfEh3AnxLnQ5bVE+810XYAu4dqiK7m2wH8C4+OKbahcsSfVnQeHTSLjLLNsW0boCE6u5nYbNrNFwe1a6VEVzM3hrUjic5Qc/uUOnyqslsHhosyoutYe/Zek9rhT5oVQNzl4qv4Lgbi92QsIY5UJwRiPUoO5gpiFmDDtsbpHCIXCMsjawnAE2AzjEIgki2kFMRIOEJGLDjEOpPM4UQZvOIiaLxMBKxnGSoEjgqPTmF38QQQHoOgu2RlQDcC4wiMv3XowwgMfrg86YDl+5dvCR/lnjyWJUQ4DczfPxaRngpwDhiZ9UpwCrgcCFRATyUeAaNXOfQFGN7jwkI3O48SAb2n6cNChY7abJ1cW08SLrnIUvZGCT2yVLQKL3aYZcKhvMIhD03xiBeTHugPiNHqgWaFGN6UCKtRA31a6UkSC4BrDsrTZU3KPSzzm7QafjjFWtcJIK3J6IA8PBNJaatrf914xsiBI3KnZGiAkTrcllMcmJfiLREDeXbDKYbrSqDQdD3xXa5J1HLsa98/O164h93Kvke7Uzrguy3spASafwK8a4CSX7BzGZj6rLSL66c0oleVyfRJyYyInipacX6hvzVbae8ymX4G6bvUPA0rTa+WTv5kb1L8J8b0o+4n/s24dOnS/9UX8vFAaEzio+4AAAAASUVORK5CYII=",php:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcTbUrDrbszvetTXYrDnasjXQqTPIojfTrDvftTTMpjPKpDnZsTPIozXOqDjXrzHGoTbRqjfUre7/++T++Pf//SfCmxm3j1fXt7Hx4UvNrNL78XHfw8T26o3o0eeFKfsAAAAKdFJOUwA9//8c3Xign5/8SMcgAAADDklEQVRYw+2Y65qjIAyGp9ppRxBERcTj/V/mJsHTtN3dMNt/66dAEsjbgE/7jPPxcerUqVNsXW7Zb3WJx12z9E/6vMbyPtP0rcQsTd9KvKbpe4k3SkneR8wWVrL0yb8SM2QkQYGZYEsITnckMUteKX2KsImvgS/EJT4B86XtXhwx2xD5kp3nCwVHaHTnbOJXsuWv2Utd+WOJ+RcLmJOSpREw30T01U7yCx9Y0H0g+W6YIZRsYRxvfODGK/KiQHtqGjsePwU/MmMCi+84GArfgEZ0izBHHecQvzAFQaGyMBTFDDzbV2iuYWhcYBEgB1Ww42Yw1fdoDHDR3I00JhaAs1ndOCCUUS2lzLa2HgNj3TT1OIKLxIruiAorFPQz1GU9muEIx+CHeRxYQFwaUih/dmCVeISTMx1EBl9t4gKD/FAjz6AJoHp2znV1U0/+Z0A/1XXdOaex1hrYvRBtT8H8J8AcUyflBO64A3sQZSmJaOdIYInXDAzbtxIdPVCxYJoWnjQ86hhgCXkgKsoYNEsPkHo0OGN6/KAZglg5E4gSdIRTT/CRqhXEhmJt1+uwKgYYTmvqwdahWr3zXDxQOyDCF2NKwEHK7IhnkdeqMhqIRD9Za6cKjhC/cnCE/cIzOgqo6SrFQhz1DP0gZElG4C1rmEAQVKiR2A1dLzos1AmtyQWepjUgFlBvAqLyvYONWjhC9HuvWiTrCOB9X66la9vWjMCzHurSBlwndTRQaIFVQJPGGUFHqJBD7r4BLbhbFmsGkiUeYbdsFPxwhTV3ToVrfQKToZlxGqbRoRlmwhTNsYFbCsg4P3rY6pNgngWUa4IMjZ6MO0TlNssDEoS6BaLgl1qtrkTRiEt4wJAm9pKUXIuSa30xFUqp5IPEY0CqEOIB1Yo8cNSjFRZxgUrReuzRRlfto5ShgVjALU+9lDyabCBXHOBtW20eLBOaMSaM4HL+gr1gmtlBmG82NjrrHFys14A7MgizGQepbQpuzo7xBfw74lnrNPdd6no3LN35b6TX2/2vuv3gvxmnTp36f/ULf0R1znQ7804AAAAASUVORK5CYII=",pdf:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUxpcf9zfP9ldv98gP92fP9+gf9we/9md/9yfP9/gv9/gf93fv90ff9od/9ref9ve/9ldv/x8f/q6v/8/PlYaP/g4f6lq/63vP2Ejv6Um/7Iy//S1LO+3cAAAAAKdFJOUwA93/8c3Xugn58XiwqYAAACVklEQVRYw+2Y23KjMAxAmzolxXc7tYHw//+5kmxI2tBWMDx0ZjkhMr6dkWoeSl5eDg4ODticmvZbTut151b+xNt5re9Nyl2NrZS7Gs9S7mts5M7GVu5sJKH4KhDbjS1shu2CKA36yj2ZaZ5vbGdNbT9zH+MaW8GFaeQLmcYF4XAbu37J2HKFiparyReu12ta+oOKEztDVXwKP+mKdKV3H8a7ZkWGqmxWihIEoVLT+FyA4tTc4g68VI39LHyGI3yva0WVKl1KzroOimkOvu8rhJNWmY6Eg17IcL0QcFRzkGovofZYc/C7ZahNBuHNbs+wpHKPrscH2yqt4YIBbGlOc4WPYK8rp/w4WhexhPoJem6SeJ7YKMRTDteQdxN2odDvIXRwpRBSjhD6rUJXL/xoPUBynRohjkL0Geh1nWILYblzk/cWQhx0DymGFDFCvqSDFSyhc64YCzKisBvDA1HqsoAvLBmil44khk/EXNesEhIiF1eMMaVaMWa8UahyimRLacy98xmdwM3ZTcKhbE+pG9xHIY+QaOf9JmFGW4hpIJU31npsMZgtJZMP60MJ2GDIGl/cbo3QAs5aUeqNqfe2DtVgax86bCFQE0wZ6lvSERzhpW6hE0np5r198sysEBqL5wm+D/sDlxUZep+73MMJ7CQs5/mLjys0pqSIj4uh8mdM7dTIE8KmCZLXW1MnHma5Qj4sofnrwmZhn3+I0Ph5gvMf7Am2ELjX0z21ZKozJUDDeg24eDaciuH99pXre2W+S52ZOV74b6Tn5vIrzYZfMw4ODv5f/gEm33Cvx+zPHgAAAABJRU5ErkJggg==",Null:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcdbc4MzO1dTZ3dTZ3s/T2c/T083Q1tXb4NDX287R19HV2+zv8PX29/3+/uPn6b3CzcTI0ZN/xtQAAAAKdFJOUwD////dexCfoCcDaycKAAACJElEQVRYw+2Y4XaDIAyFF2gnEizy/i87SJCCa13i9m9eLAQlHxfsOdZ+fFy6dOmSWPPdvdM063GfDo500yLnG8CfEh3AnxLnQ5bVE+810XYAu4dqiK7m2wH8C4+OKbahcsSfVnQeHTSLjLLNsW0boCE6u5nYbNrNFwe1a6VEVzM3hrUjic5Qc/uUOnyqslsHhosyoutYe/Zek9rhT5oVQNzl4qv4Lgbi92QsIY5UJwRiPUoO5gpiFmDDtsbpHCIXCMsjawnAE2AzjEIgki2kFMRIOEJGLDjEOpPM4UQZvOIiaLxMBKxnGSoEjgqPTmF38QQQHoOgu2RlQDcC4wiMv3XowwgMfrg86YDl+5dvCR/lnjyWJUQ4DczfPxaRngpwDhiZ9UpwCrgcCFRATyUeAaNXOfQFGN7jwkI3O48SAb2n6cNChY7abJ1cW08SLrnIUvZGCT2yVLQKL3aYZcKhvMIhD03xiBeTHugPiNHqgWaFGN6UCKtRA31a6UkSC4BrDsrTZU3KPSzzm7QafjjFWtcJIK3J6IA8PBNJaatrf914xsiBI3KnZGiAkTrcllMcmJfiLREDeXbDKYbrSqDQdD3xXa5J1HLsa98/O164h93Kvke7Uzrguy3spASafwK8a4CSX7BzGZj6rLSL66c0oleVyfRJyYyInipacX6hvzVbae8ymX4G6bvUPA0rTa+WTv5kb1L8J8b0o+4n/s24dOnS/9UX8vFAaEzio+4AAAAASUVORK5CYII=",ipa:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUxpcUOv/zar/1K0/1Cz/0+x/1q2/jGp/0Ku/163/zGp/1a1/zus/1q2/02y/0ew/0Gu//f8/164/+/4/+f1/9fu/yek/73j/6TY/xad/43O/3nG/21bnhoAAAAKdFJOUwB7//+gJ92gn59E+c9oAAACbUlEQVRYw+2Y27aqIBRAd5iVsLiICKT//5+Hi5hmdcD2wxnjOIPF4jZdPXX5+Tk4ODjIpj41b6l3+Br5iUupsr5I+avGVB99GvcaayqpI4ioz2MWJnGl0HiiNCpfIuNeibFZ6OQ6ysdqgbGhWeQbvZDQGMjCQOYlUmZsCHFXSIoTNEWvjXu5xjNZQVOgC3Hkskv4ict+YfXa2GQJq4r4lkI1z+UoSUhj9w+p84QrSEqGvpeLaeC0QzhBTdca8bx63i+0bavGvULmG1sNUrXKIu7SxU6ZcLoV7jM2qN5ixKJwkrJMIVtRxWG0g9Z8teQpEKZbZLB2kAzf9WiNsXL9uOIKiVVd23bKDLZ3icss+UpovMWTxlYZUii8hZPcvRgfZs+MkYKFPR/YLUfI3VkP41RtfL3Ugk/brmcKw3F3YdwU2A0a0q7nnC0MmI1QUeBLbkVC4YTzKzZViS+EYLpnFOd7hOK9UO4QCi6CUsCgNkYreNp2TeQJEzCqFyWKJdlC7hvwPji6h1d1hkSVr7O0QoGNCjqlQvdDp/phT4WTcOyjxvuS+hshCKM2GATlQogd9FTign7UMD0NMoUw4S4gbZ+MvdUo7PltgDxhOu3QyARj7/Gj4RoWFFXoC0GaGacydhhsSEgoML2FYiEAvovRjuzuAPdBxe8YSiu8wpPRox0hWfvyhWgOgLHWGDnc6JLZFbJrltDfjneQv4fiEJdR3ExZlhB9BFazXxCif0aIF/ExxmQKOE94SofxQxrTqWMHig3lfIOt8Qb0dpr1U+WKs8l5xw7I9UHmb6n6+qv1xT8xrn/ltOffjIODg/+WP3HMcIG4JOLbAAAAAElFTkSuQmCC",doc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcTSL+DmO+VSd/k6Y/Vmg/kOT+jSL+UeW+1uh/1ig/k6a/T6R+l2i/0SU+0mX/Oz1//n8/y6G99fp/3ex/J7I/77b/4u9/gFOo+kAAAAKdFJOUwD///8n3Xugn58WcbRuAAACn0lEQVRYw+2Ya3ekIAyGCzozHQFRUPz//3RzQaSXbYPtOfthfccoCcljEM9pZ15eLl26dEms/v78q/oTvKf7SrdWZH9z7leJT+d+ldhTzQCfooH9oUw0Ee8D1qPyZXBsOxDdFuJzkKiBKAM2EIVAObEGdtlqv0SkRAB2XTfgQSMao5M/FKHpmxDYvdHO2G9S69YE/FD+5i5szxMdfq1eBDSYasiMYY8DJkcPuwuAr12uxNO2LgaHGWCM29Yhe3g7yZpfTa41xq/THJ3BNunUGZ8gMnAAs15FQBbUjHGe57W4IDfN87T44suAXUZ6WwFZCwDnZSx+S4cA1AeQnwEBp2X054DjAVxiXPclzyeAno4d6I2DwbT5/Rky0IuBnnjeH8AVrrC7PgPtniED+l0Z6D1txTwn7w8gp5wEJuLh+1KA/jRwWv2GFGwymR8CFQEH7DMmRG0ZOLYCucAyEFFx0REvWwGOcuAIgnw4qwgrRdCUVNhgMEFgQiBO4yEGkqyielB0IahEw5mBWSeBcQ1KB7fjfw5MXlmrw5rdRf8QGJegrbVqTNltBtrRVsC4agU+tLjECkhJIiA0A+koBqYBGsSI4kUD0I6cJAVSOjw12ljcEcJDi0PKQBKkSDvkfAJGeAU138PSy5iBvIYmIO1rTAu8MiUwJogYVVIkwMcBVAb+jFKDOQCL3lZ3BOyjCQhLROkKSBHVDNRQSqb28gyliOIImQioK0ExC2E5oqp5GZBrbVX3PmJ3p7nD7/TPgEpXD0oVU8XN00oGpEqsUQc5UxWb2k0EVG/F2Ix4LwnwXld+AtF1WPIfbK8aJPqq8pDzJCsG4YICV4S9NByUUFwt/C7VP7AgUBGcw0cmTQZhf/wjxuNb3c/8mnHp0qX/Vn8A5AVWOPvxckoAAAAASUVORK5CYII=",xls:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcYXMX2m8Pmm8P3zJWYbNYXvGVGu9QHrGU4jOZITMX4fOY4HKW3fET3LBSm+/RnrGU37IV2u9QWm7P22+Q+r94PP/7dv2zfv/+GGyNlmsLsfrtaTZiLPhm5TQdN9r514AAAAKdFJOUwB/e98c3T2gn5+4KvYSAAACu0lEQVRYw+2Y63qjIBCGmzRtqhwV1Arq/V/mDgMeYtLtkM2/9ROBGWZe0aB96NvboUOHDpH1eSp+1Gc+7lKwv+njksv7YOylxIKxlxIvjL2WeGIvJhYlY1BYiRU0ZahZcqYjh1ggJCqmL8bcCVejE4tyL/awSybeA38QlXgL5PsuzyYWMYmvhfNECS3nWDCGRiw4T0lr2bjwLCOSnyjAL56hz2wg2yNuHadM4NA0vpyNCs6pa7ot8osIrGI6a76/Wx96FVZ8Asc3OmIAEVghDw7WQX47Qq8KNo+212ihjwSsFsmxjcQo1oHZdpNYIzKBVnokDmiVvgV1Q/88UPQCic0EhvZN5Cn9DDAmyb5Kt1lV8Is3TTc4k3iaDNRah/DQaOngwYWJMZgg8MYeblhrHIOWDFxl3QREmKMeuq4bVS8TLooIrDZE44bw7FpvpnGYeYvyZ6iF6cdAbCbn3J6XCxSR6JDYTb2RuzEaUKQMEbLgkH2a45A8cw0tDXgjAMve+kTc6wmgECOsPhGJ7BXA8D43ggdi05X/DsTvQ8Nc6fFN4c8AJRyhBOEXsPXKwAJHYnimOChzZihThmRxUVe9hAWORB8vJCOXBJSAk1E8vMiN186KhTjKTQAFeMVwgVn43HzpDFgKliMShwQTdOCsMgC6CXkr0as1IhMoPHxhht4kgnXKw1+9wa4R1yygMnoYJ9cvM6qdHMfB1PnAhDAufGHU5gpgoiP6FA2oIFBFGUi30UQIOmqFXaXIwK2supW1N5584C8iAu+mdW+kmga04caCQpqdLWXTwDwaeiSgzRAVWGNZzrVb12tTk4E1CKuUbdGyyZWGoijAc30nu1xhrzNl8/0o0dSPRdoGXGuTVMezNvVibioQ5Y5hf/u+JPygefiduJe6XA1JV/qO9HK+/qrzE//NOHTo0P+rP7x4jQVHYv00AAAAAElFTkSuQmCC",ppt:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUxpcf+ubP+iWP+SO/+nX/+lXfyPQv+SO/+dUP+xcP+ua/+VQP+jWf+XRP+cS/+eT/+UPf+ZSP+gVP+qZf+saP+SOv+mXv+wcP+ta/+ubf+oYv/79//x5f/m0vmEO//MpP/Sr/+9i//Zu/7Dl/ufY/2zfqeIp1YAAAALdFJOUwDdPXugHPygn596VuVMqAAAAl1JREFUWMPtmOtyqjAQgNuqUBQSEi9cDHJR3v8Vzy5JJHi03dAz0x+HD3LZTfIZ6tCZ+Pa2sLCwQOZjG73kw1+3ibKveN/4+t6z7J8a7f6Kp7bC27gp7mTFC7yM28nS/OfGKC9y0OSIafJi6A1FJ3IPY5SToBuj/JAfDkMxNSzHzpDN9e1jXB+IUI1/CfemjJGfcb0HDvbe23rvZGxMM673dCKqsJwsK+916SYQyn+KdemQVec7qmqy8oGtr7A5T6kfhGsP4QlLd/7aSBKeRuJueFSNUmi8nspxfJ6wuWn6Gv+gleM7neYI1fViucIeVTtLGOv5slMg5FITXGCLqo6dCTRhfIoRqLVQ2lA0Sqkujk0MGZLQrEZAqKwQ4ChspDOBIvyMR2QzEUr4plXNnQmfnkI+FbYQVf0coTRlFGZt22KgOm78UlKFckQL4VuulaHqA2dczhFWICwro6uuAfuJkDXVIJSNfvu69jLZIFnIXWHLZXKrkf52Cbi/kHOORmg4q2FbLePMvnwJw5HhA3GcU4UWK+QiQATjD/gKhRW+4idCePCZQjaihQK7nLnYyFeYjMKnPjZnh90TIfMSCsG0QrDk2lVdD5EQOoE9HDYTBE2IizRJ33RNkYgJzOkTdzgKg6zNggeh8BSGxqWF8HYEj5bkXtGEiUsa7IYWDM8IvYXf8GvCHZLglZgIG33ZLvZ2JOHOg98Vpvc2HQOHNKUJV6kHK8rh+8m64ysh6RgQpsdjaq7hhmK6OmeGIU95YjjfBkciAfEstQlpvpB+It2swm9Zzfg1Y2Fh4f/lD1FNqKcd3wCLAAAAAElFTkSuQmCC",png:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcf+ubP+eUP+iWP+xcP+nX/+lXf+SO/uPSv+dUP6kX/+XRP+VQP+SO/+jWf+oYf+hVf///f+mXf+tav+ubf+rZ/+eUP+wcP+pZP/s3P+aSf/z6P/48v/UsvqFOf+6hP/jzf/Hmv/cwS4F5mYAAAALdFJOUwDdez2foByg/p/2onNSOQAAAh5JREFUWMPtmNuSoyAQQGeMUaZUxBveRfP/H7lc1VRJptF92Kr1INqtcKqNSSrk6+vm5uYGzMPzrTzcdYFff+I7cPV91/VfNZr6ykNb6WwMypW6tOBk9EoALka/KMtCTCr05OKi0S9AwI02YXXW+KwqMVluMqw4SimjtUGNzwoK0HgobC4Yn42iat6DanfKnPZdhCAersK0KcfXWOtYbPtrTeNBhGnapCt1n2VZX6cWnjDhjjETjNeFudrhWQpfeS7PqJ5vI0DCXJLKPVmkcMH5MQ5CBaGvIRtehIhkGVp2VmgqwgixhSEkciYeDz4jxDkWyD1F0zQhKrJZ3zzG+jKPQMLNJiAd6ogImHw1+1UngQh/8DHqefMS9/ycFhJVIC+ROAvJnrodRn7ARBfIS+TJirOwEp88JsTGx0skF4Tyfd3nZCtQ+c8KG3OXW4FZ1lJHIeUQ1dVXQzY0vMDBbLJEKjsFCxX1oOmHPe02wlHYDsewk0LWW5jPCfPZJuyZm7BTbWmtzHoMTNgpcPuBUg+CCSkfSTv2wTdXskKoUFGMdhhyqlASTcjOlLgLu3iyk0QOwjDqePsFfgeiA4VqykefCUK40KZ457wwuiaMBZFokc7EQTUTiigGCWMH/m1hAhR624TETFSh7Em8Np5DfsE+EgdAy4BQD473M9+SNYPcMV/fImh9CLiWCkKYL4SvSAMv/BXvxL8ZNzc3/y9/ADVfok94AIhIAAAAAElFTkSuQmCC",html:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcTbUrDrbszvetTXYrDnasjXQqTPIojfTrDvftTTMpjPKpDnZsTPIozXOqDjXrzHGoTbRqjfUre7/++T++Pf//SfCmxm3j1fXt7Hx4UvNrNL78XHfw8T26o3o0eeFKfsAAAAKdFJOUwA9//8c3Xign5/8SMcgAAADDklEQVRYw+2Y65qjIAyGp9ppRxBERcTj/V/mJsHTtN3dMNt/66dAEsjbgE/7jPPxcerUqVNsXW7Zb3WJx12z9E/6vMbyPtP0rcQsTd9KvKbpe4k3SkneR8wWVrL0yb8SM2QkQYGZYEsITnckMUteKX2KsImvgS/EJT4B86XtXhwx2xD5kp3nCwVHaHTnbOJXsuWv2Utd+WOJ+RcLmJOSpREw30T01U7yCx9Y0H0g+W6YIZRsYRxvfODGK/KiQHtqGjsePwU/MmMCi+84GArfgEZ0izBHHecQvzAFQaGyMBTFDDzbV2iuYWhcYBEgB1Ww42Yw1fdoDHDR3I00JhaAs1ndOCCUUS2lzLa2HgNj3TT1OIKLxIruiAorFPQz1GU9muEIx+CHeRxYQFwaUih/dmCVeISTMx1EBl9t4gKD/FAjz6AJoHp2znV1U0/+Z0A/1XXdOaex1hrYvRBtT8H8J8AcUyflBO64A3sQZSmJaOdIYInXDAzbtxIdPVCxYJoWnjQ86hhgCXkgKsoYNEsPkHo0OGN6/KAZglg5E4gSdIRTT/CRqhXEhmJt1+uwKgYYTmvqwdahWr3zXDxQOyDCF2NKwEHK7IhnkdeqMhqIRD9Za6cKjhC/cnCE/cIzOgqo6SrFQhz1DP0gZElG4C1rmEAQVKiR2A1dLzos1AmtyQWepjUgFlBvAqLyvYONWjhC9HuvWiTrCOB9X66la9vWjMCzHurSBlwndTRQaIFVQJPGGUFHqJBD7r4BLbhbFmsGkiUeYbdsFPxwhTV3ToVrfQKToZlxGqbRoRlmwhTNsYFbCsg4P3rY6pNgngWUa4IMjZ6MO0TlNssDEoS6BaLgl1qtrkTRiEt4wJAm9pKUXIuSa30xFUqp5IPEY0CqEOIB1Yo8cNSjFRZxgUrReuzRRlfto5ShgVjALU+9lDyabCBXHOBtW20eLBOaMSaM4HL+gr1gmtlBmG82NjrrHFys14A7MgizGQepbQpuzo7xBfw74lnrNPdd6no3LN35b6TX2/2vuv3gvxmnTp36f/ULf0R1znQ7804AAAAASUVORK5CYII=",js:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcUOv/0uw/zar/0+x/0Gj/Fq2/jOp/0ew/123/zKp/1S0/zqs/1Gz/123/02y/1i2/kWv/0mx/0Ct/1y1/vb7/1i2//7//zel+zOe+e32/9zt/5nN/ieV9oDG/avZ/83m/77h/2S6/HhIljsAAAAKdFJOUwB7Pf8c+92gn59dd850AAAC8klEQVRYw+3Yi3KjIBQG4CbGpgaMNyQIiJf3f8g9B8Rqp9mCszO7M5u/Kgj6iRrb2Le3V1555ZXgnE/Z05zjuUt2/13eL7He+/0+457zlpk/i1jRjo/ZCQC2Hx6LH+MF92EOhIJt9LtviRJPFsMgY0vPr2aUmDmFlY5i68q2ZBFiVpYcf3jpwjnDFoZ15mZsChczRKxkC86Xlc+4erCY+T34TvENnPuxh4rZdiR8M0BeLlfCwcFiRqxGcOJYJxB3AEJ4STiuEuzhYWJGvqYkz5IdA58FDnQ+AOb5bOY8/948BYAfFoEJZ6gWWraK5S5kaffLkHP+yPepxsejHep9I1nKj3iwThWAOi3y7xIIbnYuPOiHCH0Fzm6jIBC2LZZ9IJUHi2JpsYsocJeqW8Fv8g+AtQcrEOuDYF3Xbl8oNmBtJiXlONxtb23nILDepfEgmdr2AdVWGduBxz0Cpp1qARTVAFwrJSwVX3vjwapZwEI+HnLSelKtNHFgZYNYBROCLYB3BLu+F2YYWGW7YItgsK58PJjjpTRCdL0QYu2NGOFXMJ3wGqrBFEI0fwIUbJT2Jkv96R0AGw/SjuhR2Q+OjgWbBqHakAZCEZRaNKLrajPgMOUM/bBFEw5CcngqNJQilwAaATTckG6GS9kOjU8QaLekGh2dixnPWDHBBk0o3GRzEBRGoQgBTw6dgAdPDXda2D8INBqE09Mo2siRdWKQ9smDRw/GSw+MsOv0KG3UxPoOnmV7i/GzqLsVvAaPkMJTxvQ0juOgU/AoHGBSSqpxgseFokgDwSsFjuIt7fsUvlqmPXo0gWduNsbMokcPN4FFGOgCJ927oOcPsa65xIA0ARIjbsnSkMDvBZHQo+AC7ISdFgwmid8xwfqmZjtcxdWDwGQNXebniQR/zl8Eb3Za8rV2s/MtEDwlN4hdLFkbkm2LXQn5Bnu+hQbIoNeAa7B4CzljeL9NQ7008F3qEjjGa/gb6eV0/TGnA//NeOWVV/7f/AJAsosfySCrjgAAAABJRU5ErkJggg==",css:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVGm8P3zGVXzJWYbNYXbDTWu8QHnFUofNZITMX3zHVXTCS22+Q3jEUIHKW4jOZGq9QHDAR////mi6PvP97pbRd/v++tXwx+b33afbjV2vMrznpsnquGjfsnAAAAAKdFJOUwA936wc3Xign58XA1ZcAAACuUlEQVRYw+2Y2XbjIAyGm540qc1qAl7j93/NkQTEdJsKtxdzzvg3iSVAH8JRFufp6dChQ4fYOl2aL3Wqx50b+ze9nGt5L9b+KrGx9leJZ4ppv2C11KqIlxTUUnib6akn2TXEBigY3RKtJdncgRb1VBCb9o0Ikq0Hvob4Dvil2EQukE18CzSfmlXEJoaaTDCtMYmFZ2Oo0SCP2BiTgrZWdNGjjUjTsIEP2TvIRrsv7KRTJbDtpwCaKEkb7b4EXhjA1zJgHG63YYiQfhrQG8vxVz5QECMAYRrv5Oj7OAEx9MUEJlCkJhA49cJLjJZe9BMChcnju4DjsihtBEgtC1wCAAph4sEDik0EVJpsYGqVgVk1QJOBMjkgHYFGxGbErgzl5uufZPgZUBJQ7wbqeYC6ewcc5t1AM0PdDfcMBI5coRCn2USPD9QUYMcAvGmW6FC8lj0uEcYWHc0F6igxwwW8DasjJ/ZJhynewpzmaDYQAbhh3LEuRHuGrHWaVJOh1PcplNmgMOsw3p2szRCB3vf4oq7ybYLD2HuvdwC18wvUIZRNAaSyWbyrBErasZaKCttFj9agwu6kTBeFCZQQgA2qJAJpAVQEYoeMs1hAuSkCNz8Ciwk7gMOofgi8FvHx83DrUONtV4auBIbZJldYKsPe1QJdIjpn4TtkCGHUDnvGEPCzwbo0DBOunC3jRJJ0ag30VrPo2onex6tym3jAjHPOt+sEWuMS0bY+DspaIEotvp/n2SDDeQFmr5a9GZL8QurQ7qLtdwEfQcqDusJWJY8LVBClElahMj06xRALqB5y6jtVAtU/Duw+I3TpGQ9oHOAF5r6TSo8PHYrzC/bUcQVI1m3AFSd7FpKzY7i/fQaaj0Sf0dsCNOLpeGbeS52vnY/K52R3yeji6cq/Iz1frt/qsuPfjEOHDv2/+gP0toi4gXoofgAAAABJRU5ErkJggg==",epub:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcXXDTXvGVGm8P33HVnzJWYbNYWm7PYjOZXPBSmu8QG6/RXPBSoHKW4TMX37IV3nFUYbNYonOZOv+4fX/7/z/+1utMK3gkuL412O1OFOpJ7ripNf4xXK6TKHWhX88Tv4AAAAKdFJOUwB7Pd+gHN2gn59lNj8pAAACeklEQVRYw+3Y2XaqMBQG4GK10gxCgDII8v6P2T0kMhR7dujl4QcMCcm3Ni7tkr69HTly5Ig4pyR9mVM8d0mL3/JxifU+Xkhup5jyQudmkpuNuEjx4ii0fHlWUIt7lJiwsZVpOEZMnSQRYnpzsGH8WmyphxdcGJaL6U0WsSgFxeIStOtTGy2eeZGddmu9gq21tNMcmXi21i+adtsMQ8MdOm5M2lQMrtKUVVU2GxdO+8Cm/IJsickukL1N8SwEM9wzS2cZeVXlRT9uuZGBmfey7OmVfU9Nk3HoKhwiMFuEvaaum4XoEw8G736ve7rr8W8gfF64PqXqrsX3sv8TSF4Lns5zPWKF7ZjvAHPcYZt5jFft2Bm+RpsYpCBRVegpxqEz1p3BSzQHDhFI2JPg+3162LGjYy4CRKKt8AuM9c086BRDC+8kJwI0AxDVsPYMeNAZIsBPD/ZYYfsAIh/beX34l6c30aDOeyxrKHyB8/rKPtPxYP3AGksQDbxrw8J71FGggS033T2IpstHu/Du+OHBaZ+yClei6+7wVf7pQWSgMQYPTWJZloPt6g48N0CnJY9n5EYEhsn5JN40jJBXes+TQjBkEp33qD7ttXhwLi69kFhwJm568eAkbnpScL5IPcXJ09EVatq4CSJ5ylvabyKQpkKoEC/Cb5vg8bjhCTJQMxeCd62KQqG3jhA0k0ivCr973gvXTAz4I6qr6436ZOBVb4lqi9P6KgSV5vXzVz8YXvlEDoZlrE2KmholrVC9iN4Yk4AJLdW0XqvQeO454HXJL9iTiojoMeAq9yR3DM+371LvXfgsdRHWeJU/kV6S6z+T7PhvxpEjR/7ffAMGOojXQYbbiwAAAABJRU5ErkJggg==",psd:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcUOv/0uw/zer/123/0+x/1q2/jOp/zSm+Uew/zKp/zys/1O0/1e1/0Ku/0+z/1q2/0mx//7//164/vf8/9vw/+r2/yie86HX/sno/7Dd/5TR/W6//H/H/Eyv911ykpAAAAAKdFJOUwB7Pf+fHN2g/p8jQekrAAACx0lEQVRYw+2Y7WKrIAyG12JXJn4xEQG193+ZJwnYOdedE7r9O74qBQyPARNb+/Jy6NChQ2ydT8W3OufjLkX/N71ecnmvff+rxC/+dT8jXnB8162sLhK7T/As4glgHR1xT0Vs0iW6PGKxYXxo35FBJGC9B37p4BOLdXhd42e9QdaxXecRi5opLpEN5BITsKL9oao8YkGoqkpIrJAIRY2azuFR8IB31bvPXQuY5zzgA8hOJwbwbTWevY3yof+GV3Hm/NZG29ab9yhjrOsq6E57C2Ub9zcWMEoP7x8yvqPOalOicoANAu0AsuCqce0j5QJNmPt+cQMQ7fwzoI7AaURNdueizgRq3CJQKiXl6GH2Xn/QyIAN1BqsdQS6BmvSAXDQO6ERF6hX4BSrAYGNnp3HqJw1eYhlDlCRh1TtcA2DmixFJkTl3ct8IE65whC3S49YSzG0PAt8H1wIAaPGeFxI46cJmiY8DYS0M4YyZZawkGaGIJpDmJs8YANbAqZk9ouUOPFwgyAapWySEQvYRBHQrI+bUSoKb+unVkoVTXTDA9LFCWiG4JxbejnKppG0mHiTa4JpKHM9TKk3Iq+RcvKDoRvUJptngBJFU1RyvM3BU14/AxQEVI1aByNxHG/OYtb8ALiqcq5SAlYTgW0+UO2BkHjWzbqZTPRQsYEwS4Xzi0BFY2Gb4R5jFGEawlMNjOAcDxgFgWzspO6S0xC/tYwNcJsQp9Q1B7h4COgNEHLOD9YO3kUeigO8rgB5629SbYljvSzLfBtH8QxQYJBsgfhdEKP8zssCAlEKsQViD4V5arGBQgmBKEGVeNBwkZpCxS4hWECRoWyg+m3gb3lYRvPyXpapsjlRZnlYpm2tf7pEmcqSBzyVDyUe9nJ+wZ73gx+jolivAdeSLc6M4f1WcnmS+S51Yfp45b+RXk7Xf+r0xL8Zhw4d+n/1B13vfAhtdKi2AAAAAElFTkSuQmCC",dwg:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVIbNYXvHVHzJWYbNYXbDTWu9QHrGU4jOZHLBSW+/RYDJWmy+QoXMYHzHVYjOZHfET2m7P4LLXf3/+/T+7u3+5MXrsaXbiVyuMZjUeNb2xOP81bPjmuZ7vy0AAAAKdFJOUwA9z1wc33ign591Bg7OAAACdUlEQVRYw+2Yi3KjIBRAm51UI4gKxMei+f/f3PsQNU3SXtzOdGfWo0W4wBGFau3b28HBwYGYU1a85JSuOxfNZ/w6p/rem895TzQWTfOtxjP1qWCDtJoLK1WyMcM+VUUu1pJ3ls6nSDEW1UpTvSLBWFRf0iQZXwn93jFuhd7fK/2SJhgL9Hh0ecp5P4tn3xzwYmPhX0En2SL7nXkirEIPNA/xspAIL9Cw9CUmsV85dG3bBcjNgSUjeVJcykeG9nrtAmX9/MNJtk9Yk7B5cqbLvymsdwjr2LOmBIVtU3OMQ9xGJIQOQHSFGzBegR5zoV4Qj7DeQiumbVGIx26gEXICpAvr4bqlHe5r04WWhB1BQvsdwo5uX4/GvxCGgejBMv4mJpwZjoY0IY7C9nSZNB+jI1DY8tXfsJGVCi3Rt8tUjBoDelrn5mbBJxVi29qqG60XXDLtqFjYXudQd1N8VqEQUUNPTNA/jhCyE0cHRUNMEiq+cbiwV2E3cFTvGKHjqQ34bB0Jespy1NlkIQwR0aG7I2iOJwmVje1BG6atbwpQxbUqZYRq3ej9NIJ1GjGHwk21SKgiFndL7xQU0jvFLlWERJhHE3ehuQnTNI2WZmOxUQuhcDsK44xzJCx5vdyRJFzRYQShf6xQ+U8J9VOh3inU4NMAaTULccWUmopUrRQ3kAkfqQJgn1TsFBpaO+77hHp+xOwXmo9DhNVoOLipMlKh0dibd8waLq7HWDBGJDQJ/IgwM3zHIm5JlpQ33CV/wZ6wj1t7UT4KaLY5R4noMyB3EXN32BRiRHLF8H2rnRAt/JY65zJfLv8iPWf5l2Q7/ptxcHDw//IHYWiLelDcDu8AAAAASUVORK5CYII="},Rt={init(t){const n=ft.getRandomGUID(),r="folder";let o=Lt();o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"folderCSS",css:Ct.folderCSS}]),Reflect.set(zt,"docx",zt.doc),Reflect.set(zt,"rtf",zt.doc),Reflect.set(zt,"xlsx",zt.xls),Reflect.set(zt,"pptx",zt.ppt),Reflect.set(zt,"dmg",zt.ipa),Reflect.set(zt,"json",zt.js);["rar","7z","arj","bz2","cab","iso","jar","lz","lzh","tar","uue","xz","z","zipx","zst","001"].forEach(t=>{zt[t]=zt.zip}),["jpg","jpeg","ico","webp"].forEach(t=>{zt[t]=zt.png}),["htm","py","vue","bat","sh","vbs","java","kt"].forEach(t=>{zt[t]=zt.html}),["apk","apkm","xapk"].forEach(t=>{zt[t]=zt.apk}),t?.folder&&Reflect.set(o,"folder",t.folder);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),m=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${r}-content ${ft.isPhone()?"pops-mobile-folder-content":""}">\n <div class="pops-folder-list">\n <div class="pops-folder-file-list-breadcrumb">\n\t\t\t\t\t\t<div class="pops-folder-file-list-breadcrumb-primary">\n\t\t\t\t\t\t\t<span class="pops-folder-file-list-breadcrumb-allFiles cursor-p" title="全部文件">\n\t\t\t\t\t\t\t\t<a>全部文件</a>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n </div>\n <div class="pops-folder-list-table__header-div">\n\t\t\t\t\t\t<table class="pops-folder-list-table__header">\n\t\t\t\t\t\t\t<colgroup>\n\t\t\t\t\t\t\t\t<col width="52%">\n\t\t\t\t\t\t\t\t<col width="24%">\n\t\t\t\t\t\t\t\t<col width="16%">\n\t\t\t\t\t\t\t</colgroup>\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr class="pops-folder-list-table__header-row">\n\t\t\t\t\t\t\t\t\t<th class="pops-folder-list-table__header-th cursor-p">\n\t\t\t\t\t\t\t\t\t\t<div class="text-ellip content flex-a-i-center">\n\t\t\t\t\t\t\t\t\t\t\t<span>文件名</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-list-table__sort" data-sort="fileName">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-icon-arrow" data-sort="按文件名排序">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox="0 0 1024 1024"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-up"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-down"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t<th class="pops-folder-list-table__header-th cursor-p">\n\t\t\t\t\t\t\t\t\t\t<div class="text-ellip content flex-a-i-center">\n\t\t\t\t\t\t\t\t\t\t\t<span>修改时间</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-list-table__sort" data-sort="latestTime">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-icon-arrow" title="按修改时间排序">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox="0 0 1024 1024"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-up"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-down"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t<th class="pops-folder-list-table__header-th cursor-p">\n\t\t\t\t\t\t\t\t\t\t<div class="text-ellip content flex-a-i-center">\n\t\t\t\t\t\t\t\t\t\t\t<span>大小</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-list-table__sort" data-sort="fileSize">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-icon-arrow" title="按大小排序">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox="0 0 1024 1024"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-up"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-down"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t</table>\n </div>\n <div class="pops-folder-list-table__body-div">\n\t\t\t\t\t\t<table class="pops-folder-list-table__body">\n\t\t\t\t\t\t\t<colgroup>\n\t\t\t\t\t\t\t${ft.isPhone()?'<col width="100%">':'\n\t\t\t\t\t\t\t\t<col width="52%">\n\t\t\t\t\t\t\t\t<col width="24%">\n\t\t\t\t\t\t\t\t<col width="16%">'}\n\t\t\t\t\t\t\t</colgroup>\n\t\t\t\t\t\t\t<tbody></tbody>\n\t\t\t\t\t\t</table>\n </div>\n </div>\n </div>${c}`,c,s),u=At.parseElement(m),{$pops:h,$title:b,$content:g,$folderTbody:v,$folderHeaderBreadcrumbPrimary:x,$headerBtnClose:y,$btnOk:w,$btnCancel:A,$btnOther:C,$folderSortFileName:k,$folderSortLatestTime:E,$folderSortFileSize:S}=$t.handleQueryElement(u,r);let $=null;const T=[u];if(o.mask.enable){$=$t.handleMask({type:r,guid:n,config:o,animElement:u,maskHTML:l}).maskElement,T.push($)}const I=$t.handleEventDetails(n,a,i,r,u,h,$,o);$t.handleClickEvent("close",y,I,o.btn.close.callback),$t.handleClickEvent("ok",w,I,o.btn.ok.callback),$t.handleClickEvent("cancel",A,I,o.btn.cancel.callback),$t.handleClickEvent("other",C,I,o.btn.other.callback),wt.append(i,T),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=$&&u.after($);const M=new class{init(){o.folder.sort(),this.initFolderView(o.folder);const t=x.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");Reflect.set(t,"_config_",o.folder),wt.on(t,"click",t=>{this.setBreadcrumbClickEvent(t,!0,o.folder)}),wt.on(k.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(k,t,"fileName")},{capture:!0}),wt.on(E.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(E,t,"latestTime")},{capture:!0}),wt.on(S.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(S,t,"fileSize")},{capture:!0}),"fileName"===o.sort.name?wt.trigger(k,"click",{notChangeSortRule:!0}):"latestTime"===o.sort.name?wt.trigger(E,"click",{notChangeSortRule:!0}):"fileSize"===o.sort.name&&wt.trigger(S,"click",{notChangeSortRule:!0})}createFolderRowElement(t,e="-",n="-",r=!1){const o=t,a=e,i=n,s=wt.createElement("tr"),l=wt.createElement("td"),p=wt.createElement("td"),c=wt.createElement("td");let d="",f=zt.folder;if(r)e="",n="";else{f="","number"==typeof e&&(e=ft.formatTime(e)),"number"==typeof n&&(n=ft.formatByteToSize(n));for(const e in zt)if(t.toLowerCase().endsWith("."+e)){d=e,f=zt[e];break}f||(d="Null",f=zt.Null)}s.className="pops-folder-list-table__body-row",l.className="pops-folder-list-table__body-td",p.className="pops-folder-list-table__body-td",c.className="pops-folder-list-table__body-td",mt.setSafeHTML(l,`\n\t\t\t\t<div class="pops-folder-list-file-name cursor-p">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<img src="${f}" alt="${d}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">\n\t\t\t\t\t\t<a title="${t}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">\n\t\t\t\t\t\t${t}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n `),mt.setSafeHTML(p,`\n\t\t\t\t<div class="pops-folder-list__time">\n\t\t\t\t\t<span>${e}</span>\n\t\t\t\t</div>\n\t\t\t\t`),mt.setSafeHTML(c,`\n\t\t\t\t<div class="pops-folder-list-format-size">\n\t\t\t\t\t<span>${n}</span>\n\t\t\t\t</div>\n\t\t\t\t`);const m={fileName:o,latestTime:a,fileSize:i,isFolder:r};return Reflect.set(l,"__value__",m),Reflect.set(p,"__value__",m),Reflect.set(c,"__value__",m),Reflect.set(s,"__value__",m),s.appendChild(l),s.appendChild(p),s.appendChild(c),{folderElement:s,fileNameElement:l,fileTimeElement:p,fileFormatSize:c}}createFolderRowElementByMobile(t,e="-",n="-",r=!1){const o=t,a=e,i=n,s=wt.createElement("tr"),l=wt.createElement("td");let p="",c=zt.folder;if(r)e="",n="";else{c="","number"==typeof e&&(e=ft.formatTime(e)),"number"==typeof n&&(n=ft.formatByteToSize(n));for(const e in zt)if(t.toLowerCase().endsWith("."+e)){p=e,c=zt[e];break}c||(p="Null",c=zt.Null)}s.className="pops-folder-list-table__body-row",l.className="pops-folder-list-table__body-td",mt.setSafeHTML(l,`\n\t\t\t\t<div class="pops-folder-list-file-name pops-mobile-folder-list-file-name cursor-p">\n\t\t\t\t\t<img src="${c}" alt="${p}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<a title="${t}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">${t}</a>\n\t\t\t\t\t\t<span>${e} ${n}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t`);const d={fileName:o,latestTime:a,fileSize:i,isFolder:r};return Reflect.set(l,"__value__",d),Reflect.set(s,"__value__",d),s.appendChild(l),{folderElement:s,fileNameElement:l}}clearFolderInfoView(){mt.setSafeHTML(v,"")}createHeaderArrowIcon(){return wt.createElement("div",{className:"iconArrow"})}createBreadcrumb(t,e){return wt.createElement("span",{className:"pops-folder-file-list-breadcrumb-allFiles cursor-p",innerHTML:`<a>${t}</a>`,_config_:e},{title:t})}setBreadcrumbClickEvent(t,e,n){this.clearFolderInfoView();const r=t.target.closest("span.pops-folder-file-list-breadcrumb-allFiles");if(r)for(;r.nextElementSibling;)r.nextElementSibling.remove();else console.error("获取导航按钮失败");const o=Bt.init({parent:g,content:{text:"获取文件列表中..."},mask:{enable:!0,clickEvent:{toClose:!1,toHide:!1}},addIndexCSS:!1});this.initFolderView(n),o.close()}async enterFolder(t,e){this.clearFolderInfoView();const n=Bt.init({parent:g,content:{text:"获取文件列表中..."},mask:{enable:!0},addIndexCSS:!1});if("function"==typeof e.clickEvent){const n=await e.clickEvent(t,e);x.appendChild(this.createHeaderArrowIcon());const r=this.createBreadcrumb(e.fileName,n);x.appendChild(r),wt.on(r,"click",t=>{this.setBreadcrumbClickEvent(t,!1,n)}),this.initFolderView(n)}n.close()}async downloadFile(t,e,n){wt.preventEvent(t);const r=e.querySelector("a");if("function"==typeof n.clickEvent){const e=await n.clickEvent(t,n);if(null!=e&&"object"==typeof e&&!Array.isArray(e)&&"string"==typeof e.url&&""!==e.url.trim()&&(r.setAttribute("href",e.url),r.setAttribute("target","_blank"),e.autoDownload))if(null!=e.mode&&""!==e.mode||(e.mode="aBlank"),"a"===e.mode||"aBlank"===e.mode){const t=wt.createElement("a");"aBlank"===e.mode&&t.setAttribute("target","_blank"),t.href=e.url,t.click()}else if("open"===e.mode||"openBlank"===e.mode)"openBlank"===e.mode?globalThis.open(e.url,"_blank"):globalThis.open(e.url);else if("iframe"===e.mode){const t=wt.createElement("iframe");t.src=e.url,t.onload=function(){ft.setTimeout(()=>{t.remove()},1e3)},i.appendChild(t),ft.setTimeout(()=>{t.remove()},18e4)}else console.error("未知的下载模式",e)}}sortFolderConfig(t,e="fileName",n=!1){if("fileName"===e){const r=t.filter(t=>t.isFolder),o=t.filter(t=>!t.isFolder);return r.sort((t,r)=>{const o=t[e].toString(),a=r[e].toString();let i=o.localeCompare(a);return n&&(i>0?i=-1:i<0&&(i=1)),i}),o.sort((t,r)=>{const o=t[e].toString(),a=r[e].toString();let i=o.localeCompare(a);return n&&(i>0?i=-1:i<0&&(i=1)),i}),n?[...o,...r]:[...r,...o]}return t.sort((t,r)=>{let o=t[e],a=r[e];return"fileSize"===e?(o=parseFloat(o.toString()),a=parseFloat(a.toString())):"latestTime"===e&&(o=new Date(o).getTime(),a=new Date(a).getTime()),o>a?n?-1:1:o<a?n?1:-1:0}),t}initFolderView(t){this.sortFolderConfig(t,o.sort.name,o.sort.isDesc),t.forEach(t=>{if(t.isFolder){const{folderElement:e,fileNameElement:n}=ft.isPhone()?this.createFolderRowElementByMobile(t.fileName,"","",!0):this.createFolderRowElement(t.fileName,"","",!0);wt.on(n,"click",e=>{this.enterFolder(e,t)}),v.appendChild(e)}else{const{folderElement:e,fileNameElement:n}=ft.isPhone()?this.createFolderRowElementByMobile(t.fileName,t.latestTime,t.fileSize,!1):this.createFolderRowElement(t.fileName,t.latestTime,t.fileSize,!1);wt.on(n,"click",e=>{this.downloadFile(e,n,t)}),v.appendChild(e)}})}removeArrowActiveStatus(){[...Array.from(k.querySelectorAll(".pops-folder-icon-active")),...Array.from(E.querySelectorAll(".pops-folder-icon-active")),...Array.from(S.querySelectorAll(".pops-folder-icon-active"))].forEach(t=>t.classList.remove("pops-folder-icon-active"))}changeArrowActive(t,e,n){this.removeArrowActiveStatus(),n?e.classList.add("pops-folder-icon-active"):t.classList.add("pops-folder-icon-active")}arrowToSortFolderInfoView(t,e,n){Reflect.get(e,"notChangeSortRule")||(o.sort.name=n,o.sort.isDesc=!o.sort.isDesc);const r=t.querySelector(".pops-folder-icon-arrow-up"),a=t.querySelector(".pops-folder-icon-arrow-down");if(this.changeArrowActive(r,a,o.sort.isDesc),"function"==typeof o.sort.callback&&o.sort.callback(t,e,o.sort.name,o.sort.isDesc))return;const i=[];Array.from(v.children).forEach(t=>{const e=Reflect.get(t,"__value__");Reflect.set(e,"target",t),i.push(e)});this.sortFolderConfig(i,o.sort.name,o.sort.isDesc).forEach(t=>{v.appendChild(t.target)})}};M.init(),Reflect.set(h,"data-pops-folder",M),o.drag&&St.drag(h,{dragElement:b,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack}),$t.handlePush(r,{guid:n,animElement:u,popsElement:h,maskElement:$,$shadowContainer:a,$shadowRoot:i});return $t.handleResultDetails(I)}},Pt={init(t){const n=ft.getRandomGUID(),r="iframe";let o={title:{position:"center",text:"",html:!1,style:""},loading:{enable:!0,icon:!0,text:""},useShadowRoot:!0,class:"",url:window.location.href,only:!1,zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},animation:"pops-anim-fadein-zoom",position:"center",drag:!0,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",topRightButton:"min|max|mise|close",sandbox:!1,forbiddenScroll:!1,loadEndCallBack(){},btn:{min:{callback(){}},max:{callback(){}},mise:{callback(){}},close:{callback(){}}},style:null,beforeAppendToPageCallBack(){}};if(o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),null==o.url)throw new Error("config.url不能为空");o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:s}=$t.handlerShadow(o);$t.handleInit(s,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"iframeCSS",css:Ct.iframeCSS}]);const l=null!=o.animation&&""!=o.animation?"position:absolute;":"",p=$t.handleZIndex(o.zIndex),c=At.createMask(n,p,l),d=At.createHeader(r,o),f=""!==o.title.text.trim()?o.title.text:o.url,{headerStyle:m,headerPStyle:u}=At.createHeaderStyle(r,o),h=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${m}">${o.title.html?f:`<p pops class="pops-${r}-title-text" style="${u}">${f}</p>`}${d}</div>\n\t\t\t<div class="pops-content pops-${r}-content">\n <div class="pops-${r}-content-global-loading"></div>\n <iframe src="${o.url}" pops ${o.sandbox?"sandbox='allow-forms allow-same-origin allow-scripts'":""}>\n </iframe>\n\t\t\t</div>${o.loading.enable?'<div class="pops-loading"></div>':""}`,"",p),b=At.parseElement(h),{$pops:g,$headerBtnClose:v,$headerControls:x,$title:y,$iframe:w,$loading:A,$contentLoading:C,$headerBtnMin:k,$headerBtnMax:E,$headerBtnMise:S}=$t.handleQueryElement(b,r);let $=i.document.querySelector(".pops-iframe-container");$||($=wt.createElement("div",{className:"pops-iframe-container"}),$.style.cssText="display: flex;position: fixed;bottom: 0px;flex-flow: wrap-reverse;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;",wt.appendBody($));let T=null;const I=[b];if(o.mask.enable){T=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:c}).maskElement,I.push(T)}const M=$t.handleEventDetails(n,a,s,r,b,g,T,o);M.iframeElement=w,wt.on(b,wt.getAnimationEndNameList(),function(){b.style.width="0%",b.style.height="0%"}),wt.on(w,"load",()=>{A?.remove(),C.style.animation="iframeLoadingChange_85 0.3s forwards",wt.on(C,wt.getAnimationEndNameList(),()=>{C.remove()}),""===o.title.text.trim()&&w.contentDocument&&(y.querySelector("p").innerText=w.contentDocument.title),o.loadEndCallBack(M)}),wt.append(s,I),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(s,a),$.appendChild(a),null!=T&&b.after(T),o.drag&&St.drag(g,{dragElement:y,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});const B="type-module";let L="",z="",R=!1;wt.on(k,"click",t=>{t.preventDefault(),t.stopPropagation(),L=g.style.left,z=g.style.top,g.classList.add("pops-iframe-unset-top"),g.classList.add("pops-iframe-unset-left"),g.classList.add("pops-iframe-unset-transform"),g.style.transitionDuration="",g.setAttribute(B,"min"),x.setAttribute("type","min"),E.style.setProperty("display","none"),S.style.setProperty("display",""),"function"==typeof o?.btn?.min?.callback&&o.btn.min.callback(M,t)},{capture:!0}),wt.on(E,"click",t=>{t.preventDefault(),t.stopPropagation(),"min"!==g.getAttribute(B)&&(L=g.style.left,z=g.style.top),R=!0,g.style.transitionDuration="",g.style.transform="",g.removeAttribute(B),g.classList.add("pops-iframe-unset-transition"),g.classList.add("pops-iframe-unset-left"),g.classList.add("pops-iframe-unset-top"),g.classList.add("pops-iframe-unset-transform"),g.classList.remove("pops-iframe-unset-transition"),g.setAttribute(B,"max"),x.setAttribute("type","max"),E.style.setProperty("display","none"),S.style.setProperty("display",""),"function"==typeof o?.btn?.max?.callback&&o.btn.max.callback(M,t)},{capture:!0}),S?.style?.setProperty("display","none"),wt.on(S,"click",t=>{t.preventDefault(),t.stopPropagation(),R&&"min"===g.getAttribute(B)?(g.classList.add("pops-iframe-unset-transition"),g.classList.add("pops-iframe-unset-left"),g.classList.add("pops-iframe-unset-top"),g.classList.add("pops-iframe-unset-transform"),g.classList.remove("pops-iframe-unset-transition"),g.setAttribute(B,"max"),x.setAttribute("type","max")):(R=!1,g.style.left=L,g.style.top=z,g.style.transitionDuration="",g.style.transform="",x.removeAttribute("type"),g.removeAttribute(B),g.classList.remove("pops-iframe-unset-top"),g.classList.remove("pops-iframe-unset-left"),g.classList.remove("pops-iframe-unset-transform"),E.style.setProperty("display",""),S.style.setProperty("display","none")),"function"==typeof o?.btn?.mise?.callback&&o.btn.mise.callback(M,t)},{capture:!0}),wt.on(v,"click",t=>{t.preventDefault(),t.stopPropagation(),St.removeInstance([Et.iframe],n,!1),"function"==typeof o?.btn?.close?.callback&&o.btn.close.callback(M,t)},{capture:!0}),$t.handlePush(r,{guid:n,animElement:b,popsElement:g,maskElement:T,$shadowContainer:a,$shadowRoot:s});return $t.handleResultDetails(M)}},Nt=()=>({title:{text:"默认标题",position:"center",html:!1,style:""},content:[{id:"whitesev-panel-config-1",title:"菜单配置1",headerTitle:"菜单配置1",isDefault:!1,attributes:[{"data-test":"test","data-test-2":"test2"}],forms:[{className:"forms-1",text:"区域设置",type:"forms",attributes:[],forms:[{className:"panel-switch",text:"switch",type:"switch",disabled:!1,description:"",afterAddToUListCallBack(){},props:{},attributes:[],getValue:()=>!0,callback(t,e){console.log("按钮开启状态:",e)}},{className:"panel-slider",text:"slider",type:"slider",description:"",afterAddToUListCallBack(){},disabled:!1,getToolTipContent:t=>String(t),isShowHoverTip:!0,step:1,props:{},attributes:[],getValue:()=>50,callback(t,e){console.log("滑块当前数值:",e)},min:1,max:100},{className:"panel-button",text:"button",type:"button",description:"",disable:!1,buttonIsRightIcon:!1,props:{},afterAddToUListCallBack(){},attributes:[],buttonIcon:"view",buttonIconIsLoading:!0,buttonType:"default",buttonText:"default按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",props:{},attributes:[],buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",props:{},type:"button",attributes:[],buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",attributes:[],props:{},buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{id:"whitesev-panel-config-2",title:"菜单配置2",headerTitle:"菜单配置2",isDefault:!0,attributes:[{"data-value":"value","data-value-2":"value2"}],forms:[{className:"panel-input",text:"input",type:"input",isNumber:!1,props:{},attributes:[],getValue:()=>"50",callback(t,e){wt.preventEvent(t),console.log("输入框内容改变:",e)},placeholder:"请输入内容"},{className:"panel-input-password",text:"input-password",type:"input",props:{},attributes:[],getValue:()=>"123456",callback(t,e){wt.preventEvent(t),console.log("密码输入框内容改变:",e)},isPassword:!0,placeholder:"请输入密码"},{className:"panel-textarea",text:"textarea",type:"textarea",props:{},attributes:[],getValue:()=>"50",callback(t,e){wt.preventEvent(t),console.log("textarea输入框内容改变:",e)},placeholder:"请输入内容"},{className:"panel-select",text:"select",type:"select",disabled:!0,props:{},attributes:[],getValue:()=>50,callback(t,e,n){console.log(`select当前选项:${e},当前选项文本:${n}`)},data:[{value:"all",text:"所有",disable:()=>!1,forms:[]},{value:"text",text:"文本",disable:()=>!1,forms:[]},{value:"html",text:"超文本",disable:()=>!1,forms:[]}]},{className:"panel-select-multiple",type:"select-multiple",text:"select-multiple",disabled:!0,props:{},attributes:[],placeholder:"请至少选择一个选项",getValue:()=>["select-1","select-2"],callback(t){console.log("select值改变,多选信息",t)},clickCallBack(t,e){console.log("点击",t,e)},closeIconClickCallBack(t,e){console.log("点击关闭图标的事件",e)},data:[{value:"select-1",text:"单选1",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-5"].includes(t.value))},{value:"select-2",text:"单选2",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-5"].includes(t.value))},{value:"select-3",text:"单选3",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-2","select-5"].includes(t.value))},{value:"select-4",text:"单选4",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-3","select-5"].includes(t.value))},{value:"select-5",text:(t,e)=>-1!==e.findIndex(t=>["select-4"].includes(t.value))?"单选5-禁用":"单选5",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-4"].includes(t.value))}]},{type:"forms",text:"deep菜单",forms:[{type:"deepMenu",className:"panel-deepMenu",text:"deepMenu",description:"二级菜单",rightText:"自定义配置",arrowRightIcon:!0,afterAddToUListCallBack(t,e){console.log(t,e)},clickCallBack(t,e){console.log("进入子配置",t,e)},forms:[{className:"forms-1",text:"区域设置",type:"forms",attributes:[],forms:[{className:"panel-switch",text:"switch",type:"switch",props:{},attributes:[],getValue:()=>!0,callback(t,e){console.log("按钮开启状态:",e)}},{className:"panel-slider",text:"slider",props:{},type:"slider",attributes:[],getValue:()=>50,callback(t,e){console.log("滑块当前数值:",e)},min:1,max:100},{className:"panel-button",text:"button",props:{},type:"button",attributes:[],buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",props:{},attributes:[],buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",props:{},type:"button",attributes:[],buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{type:"deepMenu",className:"panel-deepMenu2",attributes:{},props:{},text:"deepMenu2",description:"二级菜单",rightText:"自定义配置",arrowRightIcon:!0,afterAddToUListCallBack(t,e){console.log(t,e)},clickCallBack(t,e){console.log("进入子配置",t,e)},forms:[]}]},{type:"forms",isFold:!0,text:"折叠菜单",afterAddToUListCallBack(t,e){console.log(t,e)},forms:[{className:"panel-switch",text:"switch",props:{},type:"switch",attributes:[],getValue:()=>!0,callback(t,e){console.log("按钮开启状态:",e)}}]}]},{id:"whitesev-panel-bottom-config-1",title:'\n\t\t\t\t\t<a rel="nofollow" href="https://www.npmjs.com/package/@whitesev/pops" target="_blank"><img src="https://img.shields.io/npm/v/@whitesev/pops?label=pops" alt="npm pops version"></a>\n\t\t\t\t',isBottom:!0,disableAsideItemHoverCSS:!0,attributes:[{"data-value":"value","data-value-2":"value2"}],props:{},forms:[],clickFirstCallback:function(){return!1}},{id:"whitesev-panel-bottom-config-2",title:"版本:xxx.xx.xx",isBottom:!0,attributes:[{"data-value":"value","data-value-2":"value2"}],props:{},forms:[],clickFirstCallback:function(){return!1}}],bottomContentConfig:[{text:"Github",position:"left",className:"user-home",attributes:{"data-url":"https://github.com/whitesevs"},props:{"data-test":1},disableHoverCSS:!1,clickCallback(){const t=this.attributes["data-url"];console.log("打开个人主页:"+t),window.open(t,"_blank")},afterRender(t){console.log(t)}},{text:"0.0.1",position:"right",className:"script-version",attributes:{},props:{},disableHoverCSS:!0,clickCallback(){console.log("当前版本:"+this.text)},afterRender(t){console.log(t)}}],btn:{close:{enable:!0,callback(t){t.close()}}},mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},useShadowRoot:!0,class:"",mobileClassName:"pops-panel-is-mobile",isMobile:!1,only:!1,width:window.innerWidth<550?"88vw":"700px",height:window.innerHeight<450?"70vh":"500px",position:"center",animation:"pops-anim-fadein-zoom",useDeepMenuSwtichAnimation:!0,zIndex:1e4,drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}}),Ot={isFloat:t=>Number(t)===t&&t%1!=0,add(t,e){let n,r;try{n=t.toString().split(".")[1].length}catch{n=0}try{r=e.toString().split(".")[1].length}catch{r=0}const o=Math.pow(10,Math.max(n,r));return Math.round(t*o+e*o)/o},sub(t,e){let n,r;try{n=t.toString().split(".")[1].length}catch{n=0}try{r=e.toString().split(".")[1].length}catch{r=0}const o=Math.pow(10,Math.max(n,r)),a=n>=r?n:r;return(Math.round(t*o-e*o)/o).toFixed(a)},division(t,e){let n,r;try{n=t.toString().split(".")[1].length}catch{n=0}try{r=e.toString().split(".")[1].length}catch{r=0}return Number(t.toString().replace(".",""))/Number(e.toString().replace(".",""))*Math.pow(10,r-n)}};class _t{$el={$shadowContainer:null,$shadowRoot:null,$toolTip:null,$content:null,$arrow:null};$data={config:null,guid:null,timeId_close_TouchEvent:[],timeId_close_MouseEvent:[]};constructor(t,e,n){this.$data.config=t,this.$data.guid=e,this.$el.$shadowContainer=n.$shadowContainer,this.$el.$shadowRoot=n.$shadowRoot,this.show=this.show.bind(this),this.close=this.close.bind(this),this.toolTipAnimationFinishEvent=this.toolTipAnimationFinishEvent.bind(this),this.toolTipMouseEnterEvent=this.toolTipMouseEnterEvent.bind(this),this.toolTipMouseLeaveEvent=this.toolTipMouseLeaveEvent.bind(this),this.init()}init(){const t=this.createToolTip();this.$el.$toolTip=t.$toolTipContainer,this.$el.$content=t.$toolTipContent,this.$el.$arrow=t.$toolTipArrow,this.changeContent(),this.changeZIndex(),this.changePosition(),this.$data.config.alwaysShow||(this.offEvent(),this.onEvent())}createToolTip(){const t=wt.createElement("div",{className:"pops-tip",innerHTML:'\n\t\t\t\t<div class="pops-tip-content" style="text-align: center;"></div>\n\t\t\t\t<div class="pops-tip-arrow"></div>\n\t\t\t'},{"data-position":this.$data.config.isFixed?"fixed":"absolute","data-guid":this.$data.guid}),e=t.querySelector(".pops-tip-content"),n=t.querySelector(".pops-tip-arrow");if("string"==typeof this.$data.config.className&&""!==this.$data.config.className.trim()&&wt.addClassName(t,this.$data.config.className),t.style.zIndex=$t.handleZIndex(this.$data.config.zIndex).toString(),null!=this.$data.config.style){const e=wt.createElement("style",{type:"text/css",innerHTML:this.$data.config.style});t.appendChild(e)}return this.$data.config.showArrow||n.remove(),{$toolTipContainer:t,$toolTipArrow:n,$toolTipContent:e}}getContent(){return"function"==typeof this.$data.config.content?this.$data.config.content():this.$data.config.content}changeContent(t){if(null==t&&(t=this.getContent()),this.$data.config.isDiffContent){const e="data-content",n=Reflect.get(this.$el.$content,e);if("string"==typeof n&&n===t)return;Reflect.set(this.$el.$content,e,t)}mt.setSafeHTML(this.$el.$content,t)}getZIndex(){return $t.handleZIndex(this.$data.config.zIndex)}changeZIndex(){const t=this.getZIndex();this.$el.$toolTip.style.setProperty("z-index",t.toString())}calcToolTipPosition(t,e,n,r){const o=wt.offset(t,!this.$data.config.isFixed),a=o.width,i=o.height,s=o.top,l=o.left,p=wt.outerWidth(this.$el.$toolTip),c=wt.outerHeight(this.$el.$toolTip),d=l+a/2-p/2,f=s+i/2-c/2;let m=0,u=0;if(null!=r)if(r instanceof MouseEvent||r instanceof PointerEvent)m=r.pageX,u=r.y;else if(r instanceof TouchEvent){const t=r.touches[0];m=t.pageX,u=t.pageY}else"number"==typeof r.clientX&&(m=r.clientX),"number"==typeof r.clientY&&(u=r.clientY);return{TOP:{left:d-n,top:s-c-e,arrow:"bottom",motion:"fadeInTop"},RIGHT:{left:l+a+e,top:f+n,arrow:"left",motion:"fadeInRight"},BOTTOM:{left:d-n,top:s+i+e,arrow:"top",motion:"fadeInBottom"},LEFT:{left:l-p-e,top:f+n,arrow:"right",motion:"fadeInLeft"},FOLLOW:{left:m+n,top:u+n,arrow:"follow",motion:""}}}changePosition(t){const e=this.calcToolTipPosition(this.$data.config.target,this.$data.config.arrowDistance,this.$data.config.otherDistance,t)[this.$data.config.position.toUpperCase()];e?(this.$el.$toolTip.style.left=e.left+"px",this.$el.$toolTip.style.top=e.top+"px",this.$el.$toolTip.setAttribute("data-motion",e.motion),this.$el.$arrow.setAttribute("data-position",e.arrow)):console.error("不存在该位置",this.$data.config.position)}onEvent(){this.onToolTipAnimationFinishEvent(),this.onShowEvent(),this.onCloseEvent(),this.onToolTipMouseEnterEvent(),this.onToolTipMouseLeaveEvent()}offEvent(){this.offToolTipAnimationFinishEvent(),this.offShowEvent(),this.offCloseEvent(),this.offToolTipMouseEnterEvent(),this.offToolTipMouseLeaveEvent()}addCloseTimeoutId(t,e){"MouseEvent"===t?this.$data.timeId_close_MouseEvent.push(e):this.$data.timeId_close_TouchEvent.push(e)}clearCloseTimeoutId(t,e){const n="MouseEvent"===t?this.$data.timeId_close_MouseEvent:this.$data.timeId_close_TouchEvent;for(let t=0;t<n.length;t++){const r=n[t];if("number"==typeof e){if(e==r){ft.clearTimeout(e),n.splice(t,1);break}}else ft.clearTimeout(r),n.splice(t,1),t--}}show(...t){const e=t[0],n=e instanceof MouseEvent?"MouseEvent":"TouchEvent";if(this.clearCloseTimeoutId(n),"function"==typeof this.$data.config.showBeforeCallBack){const t=this.$data.config.showBeforeCallBack(this.$el.$toolTip);if("boolean"==typeof t&&!t)return}ft.contains(this.$el.$shadowRoot,this.$el.$toolTip)||(this.init(),wt.append(this.$el.$shadowRoot,this.$el.$toolTip)),ft.contains(this.$el.$shadowContainer)||("function"==typeof this.$data.config.beforeAppendToPageCallBack&&this.$data.config.beforeAppendToPageCallBack(this.$el.$shadowRoot,this.$el.$shadowContainer),wt.append(document.body,this.$el.$shadowContainer)),this.changeContent(),this.changePosition(e),"function"==typeof this.$data.config.showAfterCallBack&&this.$data.config.showAfterCallBack(this.$el.$toolTip)}onShowEvent(){wt.on(this.$data.config.target,this.$data.config.triggerShowEventName,this.show,this.$data.config.eventOption)}offShowEvent(){wt.off(this.$data.config.target,this.$data.config.triggerShowEventName,this.show,{capture:!0})}close(...t){const e=t[0],n=e instanceof MouseEvent?"MouseEvent":"TouchEvent";if(e&&e instanceof MouseEvent){const t=e.composedPath()[0];if(t!=this.$data.config.target&&t!=this.$el.$toolTip)return}if("function"==typeof this.$data.config.closeBeforeCallBack){const t=this.$data.config.closeBeforeCallBack(this.$el.$toolTip);if("boolean"==typeof t&&!t)return}(null==this.$data.config.delayCloseTime||"number"==typeof this.$data.config.delayCloseTime&&this.$data.config.delayCloseTime<=0)&&(this.$data.config.delayCloseTime=100);const r=ft.setTimeout(()=>{if(this.clearCloseTimeoutId(n,r),null==this.$el.$toolTip)return;const t=this.$el.$toolTip.getAttribute("data-motion");null==t||""===t.trim()?this.toolTipAnimationFinishEvent():this.$el.$toolTip.setAttribute("data-motion",this.$el.$toolTip.getAttribute("data-motion").replace("fadeIn","fadeOut"))},this.$data.config.delayCloseTime);this.addCloseTimeoutId(n,r),"function"==typeof this.$data.config.closeAfterCallBack&&this.$data.config.closeAfterCallBack(this.$el.$toolTip)}onCloseEvent(){wt.on(this.$data.config.target,this.$data.config.triggerCloseEventName,this.close,this.$data.config.eventOption)}offCloseEvent(){wt.off(this.$data.config.target,this.$data.config.triggerCloseEventName,this.close,{capture:!0})}destory(){this.$el.$toolTip&&this.$el.$shadowRoot.removeChild(this.$el.$toolTip),this.$el.$toolTip=null,this.$el.$arrow=null,this.$el.$content=null}toolTipAnimationFinishEvent(){this.$el.$toolTip&&(this.$el.$toolTip.getAttribute("data-motion").includes("In")||this.destory())}onToolTipAnimationFinishEvent(){wt.on(this.$el.$toolTip,wt.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}offToolTipAnimationFinishEvent(){wt.off(this.$el.$toolTip,wt.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}toolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent")}onToolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent"),wt.on(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}offToolTipMouseEnterEvent(){wt.off(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}toolTipMouseLeaveEvent(t){this.close(t)}onToolTipMouseLeaveEvent(){wt.on(this.$el.$toolTip,"mouseleave touchend",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}offToolTipMouseLeaveEvent(){wt.off(this.$el.$toolTip,"mouseleave touchend",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}}const Dt={init(t){const n=ft.getRandomGUID();let r={useShadowRoot:!0,target:null,content:"默认文字",isDiffContent:!1,position:"top",className:"",isFixed:!1,alwaysShow:!1,triggerShowEventName:"mouseenter touchstart",triggerCloseEventName:"mouseleave touchend",zIndex:1e4,only:!1,eventOption:{passive:!1,capture:!0,once:!1},showBeforeCallBack(){},showAfterCallBack(){},closeBeforeCallBack(){},closeAfterCallBack(){},delayCloseTime:100,showArrow:!0,arrowDistance:12.5,otherDistance:0,style:"",beforeAppendToPageCallBack(){}};if(r=ft.assign(r,e.getGlobalConfig()),r=ft.assign(r,t),!(r.target instanceof HTMLElement))throw new TypeError("config.target 必须是HTMLElement类型");r=$t.handleOnly("tooltip",r);const{$shadowContainer:o,$shadowRoot:a}=$t.handlerShadow(r);$t.handleInit(a,[{name:"index",css:Ct.index},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"tooltipCSS",css:Ct.tooltipCSS}]);const i=new _t(r,n,{$shadowContainer:o,$shadowRoot:a});return r.alwaysShow&&i.show(),{guid:n,config:r,$shadowContainer:o,$shadowRoot:a,toolTip:i}}},Ht=()=>({asideULElement:null,asideBottomULElement:null,sectionContainerHeaderULElement:null,sectionContainerULElement:null,$el:{$pops:null,$content:null,$panelRightSectionWrapper:null,$panelLeftAside:null,$panelContentSectionContainer:null,$panelBottomWrapper:null,$panelBottomContainer:null,$panelBottomLeftContainer:null,$panelBottomRightContainer:null},$config:{},init(t){const e="panel";this.$el={...t.$el},this.$config=t.config,this.asideULElement=this.$el.$panelLeftAside.querySelector(`ul.pops-${e}-aside-top-container`),this.asideBottomULElement=this.$el.$panelLeftAside.querySelector(`ul.pops-${e}-aside-bottom-container`),this.sectionContainerHeaderULElement=this.$el.$panelContentSectionContainer.querySelector(`ul.pops-${e}-container-header-ul`),this.sectionContainerULElement=this.$el.$panelContentSectionContainer.querySelector(`ul.pops-${e}-container-main-ul`);let n=null,r=!1;t.config.content.forEach(t=>{const e=this.createAsideItem(t);this.setAsideItemClickEvent(e,t);if(("function"==typeof t.isBottom?t.isBottom():t.isBottom)?this.asideBottomULElement.appendChild(e):this.asideULElement.appendChild(e),null==n){let o=!1;o="function"==typeof t.isDefault?Boolean(t.isDefault()):Boolean(t.isDefault),o&&(n=e,r=Boolean(t.scrollToDefaultView))}"function"==typeof t.afterRender&&t.afterRender({asideConfig:t,$asideLiElement:e})}),(t.config?.bottomContentConfig||[]).forEach(t=>{const e=this.createBottomItem(t);if(this.setBottomItemClickEvent(e,t),"left"===t.position||null==t.position)this.$el.$panelBottomLeftContainer.appendChild(e);else{if("right"!==t.position)throw new Error("pops.panel:bottomContentConfig.position参数错误");this.$el.$panelBottomRightContainer.appendChild(e)}"function"==typeof t.afterRender&&t.afterRender({$bottomWrapper:this.$el.$panelBottomWrapper,$bottomContainer:this.$el.$panelBottomContainer,$bottomLeftContainer:this.$el.$panelBottomLeftContainer,$bottomRightContainer:this.$el.$panelBottomRightContainer})}),null==n&&this.asideULElement.children.length&&(n=this.asideULElement.children[0]),n?(n.click(),r&&n?.scrollIntoView()):console.error("pops.panel:左侧容器没有项")},clearContainer(){Reflect.deleteProperty(this.$el.$panelContentSectionContainer,"__formConfig__"),mt.setSafeHTML(this.sectionContainerHeaderULElement,""),mt.setSafeHTML(this.sectionContainerULElement,""),this.clearDeepMenuContainer()},clearDeepMenuContainer(){this.$el.$panelRightSectionWrapper?.querySelectorAll("section.pops-panel-deepMenu-container").forEach(t=>t.remove())},clearAsideItemIsVisited(){this.$el.$panelLeftAside.querySelectorAll(".pops-is-visited").forEach(t=>{wt.removeClassName(t,"pops-is-visited")})},setAsideItemIsVisited(t){wt.addClassName(t,"pops-is-visited")},setElementAttributes(t,e){null!=e&&(Array.isArray(e)?e.forEach(e=>{this.setElementAttributes(t,e)}):Object.keys(e).forEach(n=>{t.setAttribute(n,e[n])}))},setElementProps(t,e){null!=e&&Object.keys(e).forEach(n=>{const r=e[n];"innerHTML"!==n?Reflect.set(t,n,r):mt.setSafeHTML(t,r)})},setElementClassName(t,e){if(null!=e)if("function"==typeof e&&(e=e()),"string"==typeof e){e.split(" ").forEach(e=>{t.classList.add(e)})}else Array.isArray(e)&&e.forEach(e=>{this.setElementClassName(t,e)})},createBottomItem(t){const e="function"==typeof t.text?t.text():t.text,n=Array.isArray(t.className)?t.className.join(" "):t.className||"",r=wt.createElement("li",{className:["pops-panel-bottom-item","pops-user-select-none",n].join(" "),innerHTML:e});this.setElementAttributes(r,t.attributes),this.setElementProps(r,t.props);const o="pops-panel-disable-bottom-item-hover-css";return("function"==typeof t.disableHoverCSS?t.disableHoverCSS():t.disableHoverCSS)?r.classList.add(o):r.classList.remove(o),r},setBottomItemClickEvent(t,e){wt.on(t,"click",async t=>{if("function"==typeof e.clickCallback){const n=await e.clickCallback(t);if("boolean"==typeof n&&!n)return}})},createAsideItem(t){const e="function"==typeof t.title?t.title():t.title,n=wt.createElement("li",{id:t.id,innerHTML:e});Reflect.set(n,"__forms__",t.forms),this.setElementClassName(n,"pops-panel-aside-item"),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);const r="pops-panel-disabled-aside-hover-css";return("function"==typeof t.disableAsideItemHoverCSS?t.disableAsideItemHoverCSS():t.disableAsideItemHoverCSS)?n.classList.add(r):n.classList.remove(r),n},createSectionContainerItem_switch(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-switch">\n\t\t\t\t\t<input class="pops-panel-switch__input" type="checkbox">\n\t\t\t\t\t<span class="pops-panel-switch__core">\n\t\t\t\t\t\t<div class="pops-panel-switch__action">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</span>\n\t\t\t\t</div>`);const r={[Symbol.toStringTag]:"PopsPanelSwitch",$data:{value:Boolean(t.getValue())},$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),switch:e.querySelector(".pops-panel-switch"),input:e.querySelector(".pops-panel-switch__input"),core:e.querySelector(".pops-panel-switch__core")},init(){this.setStatus(this.$data.value);("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable(),this.setClickEvent()},setClickEvent(){const e=this;wt.on(this.$ele.core,"click",function(n){e.$ele.input.disabled||e.$ele.switch.hasAttribute("data-disabled")||(e.$data.value=e.getStatus(),e.setStatus(e.$data.value),"function"==typeof t.callback&&t.callback(n,e.$data.value))})},setStatus(t=!1){t=Boolean(t),this.$ele.input.checked=t,t?wt.addClassName(this.$ele.switch,"pops-panel-switch-is-checked"):wt.removeClassName(this.$ele.switch,"pops-panel-switch-is-checked")},getStatus(){let t=!1;return wt.containsClassName(this.$ele.switch,"pops-panel-switch-is-checked")||(t=!0),t},disable(){this.$ele.input.disabled=!0,this.$ele.switch.setAttribute("data-disabled","true"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.input.disabled=!1,this.$ele.switch.removeAttribute("data-disabled"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)}};return r.init(),Reflect.set(e,"data-switch",r),e},createSectionContainerItem_slider(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-slider">\n\t\t\t\t\t<input type="range" min="${t.min}" max="${t.max}">\n\t\t\t\t</div>\n\t\t\t`);const r=e.querySelector(".pops-panel-slider input[type=range]");t.step&&r.setAttribute("step",t.step.toString()),r.value=t.getValue().toString();const o=function(e){return"function"==typeof t.getToolTipContent?t.getToolTipContent(e):e},a=Dt.init({target:r.parentElement,content:()=>o(r.value),zIndex:()=>St.getPopsMaxZIndex().zIndex,className:"github-tooltip",alwaysShow:!1,only:!1,position:"top",arrowDistance:10});return wt.on(r,["input","propertychange"],void 0,function(e){a.toolTip.changeContent(o(r.value)),"function"==typeof t.callback&&t.callback(e,r.valueAsNumber)}),e},createSectionContainerItem_slider_new(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text" style="flex: 1;">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-slider pops-slider-width">\n\t\t\t\t\t<div class="pops-slider__runway">\n\t\t\t\t\t\t<div class="pops-slider__bar" style="width: 0%; left: 0%"></div>\n\t\t\t\t\t\t<div class="pops-slider__button-wrapper" style="left: 0%">\n\t\t\t\t\t\t\t<div class="pops-slider__button"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>`);const r={[Symbol.toStringTag]:"PopsPanelSlider",value:t.getValue(),min:t.min,max:t.max,step:t.step||1,$data:{isMove:!1,isInitDragPosition:!1,isCheckingStopDragMove:!1,totalWidth:0,stepPx:0,dragWidth:0,dragPercent:0,stepBlockMap:new Map,tooltip:null},$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),slider:e.querySelector(".pops-slider"),runAway:e.querySelector(".pops-slider__runway"),bar:e.querySelector(".pops-slider__bar"),buttonWrapper:e.querySelector(".pops-slider__button-wrapper"),button:e.querySelector(".pops-slider__button")},$interval:{isCheck:!1},$tooltip:null,init(){this.initEleData(),this.setToolTipEvent(),this.setPanEvent(),this.setRunAwayClickEvent(),this.intervalInit(),this.isFormConfigDisabledDrag()&&this.disableDrag()},intervalInit(t=200,e=1e4){if(this.$interval.isCheck)return;this.$interval.isCheck=!0;let n=!1;const r=this.$data.totalWidth;let o;const a=setInterval(()=>{n?(this.$interval.isCheck=!1,clearTimeout(o),clearInterval(a)):(this.initTotalWidth(),0!==this.$data.totalWidth&&(n=!0,this.$data.totalWidth!==r&&(Ot.isFloat(this.step)?this.initFloatStepMap():this.initStepMap(),this.initSliderPosition())))},t);o=setTimeout(()=>{clearInterval(a)},e)},initEleData(){this.$ele.slider.setAttribute("data-min",this.min.toString()),this.$ele.slider.setAttribute("data-max",this.max.toString()),this.$ele.slider.setAttribute("data-value",this.value.toString()),this.$ele.slider.setAttribute("data-step",this.step.toString()),Reflect.set(this.$ele.slider,"data-min",this.min),Reflect.set(this.$ele.slider,"data-max",this.max),Reflect.set(this.$ele.slider,"data-value",this.value),Reflect.set(this.$ele.slider,"data-step",this.step)},initTotalWidth(){this.$data.totalWidth=wt.width(this.$ele.runAway)},initStepMap(){let t=0;const e=(this.max-this.min)/this.step;this.$data.stepPx=this.$data.totalWidth/e;let n=0;for(let e=this.min;e<=this.max;e+=this.step){const r=this.formatValue(e);let o;o=r===this.min?{value:r,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:r,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,o),t++,n+=this.$data.stepPx}},initFloatStepMap(){let t=0;const e=(this.max-this.min)/this.step;this.$data.stepPx=this.$data.totalWidth/e;let n=0;for(let e=this.min;e<=this.max;e=Ot.add(e,this.step)){const r=this.formatValue(e);let o;o=r===this.min?{value:r,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:r,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,o),t++,n+=this.$data.stepPx}},initSliderPosition(){let t=0;for(const[,e]of this.$data.stepBlockMap.entries())if(e.value==this.value){t=e.percent,this.$data.dragWidth=e.px;break}t=this.formatValue(100*t),this.setSliderPosition(t)},isFloat:t=>Number(t)===t&&t%1!=0,valueChangeCallBack(e,n){"function"==typeof t.callback&&t.callback(e,n)},getDragInfo(t){let e=this.$data.stepBlockMap.get(0);for(const[,n]of this.$data.stepBlockMap.entries())if(n.pxLeft<=t&&t<n.pxRight){e=n;break}return e},getSliderPositonPercent(t){return t/this.$data.totalWidth},formatValue(t){return t=Ot.isFloat(this.step)?parseFloat(t.toFixed(2)):parseInt(t.toString())},setSliderPosition(t){1===parseInt(t.toString())&&(t=1),t>1&&(t/=100),this.$ele.buttonWrapper.style.left=100*t+"%",this.$ele.bar.style.width=100*t+"%"},disableDrag(){wt.addClassName(this.$ele.runAway,"pops-slider-is-disabled"),wt.addClassName(this.$ele.runAway,xt)},allowDrag(){wt.removeClassName(this.$ele.runAway,"pops-slider-is-disabled"),wt.removeClassName(this.$ele.runAway,xt)},isDisabledDrag(){return wt.containsClassName(this.$ele.runAway,"pops-slider-is-disabled")},isFormConfigDisabledDrag(){const e="function"==typeof t.disabled?t.disabled():t.disabled;return"boolean"==typeof e&&e},setRunAwayClickEvent(){wt.on(this.$ele.runAway,"click",t=>{if(t.target!==this.$ele.runAway&&t.target!==this.$ele.bar)return;const e=parseFloat(t.offsetX.toString());this.dragStartCallBack()&&(this.dragMoveCallBack(t,e,this.value),this.dragEndCallBack(e))},{capture:!1})},dragStartCallBack(){return this.isFormConfigDisabledDrag()?(this.disableDrag(),!1):(this.$data.isMove||(this.isDisabledDrag()&&this.allowDrag(),this.$data.isMove=!0),!0)},dragMoveCallBack(t,e,n){let r=0;if(e<=0)r=0,this.value=this.min;else if(e>=this.$data.totalWidth)r=1,this.value=this.max;else{const t=this.getDragInfo(e);r=t.percent,this.value=this.formatValue(t.value)}this.$data.dragPercent=r,this.setSliderPosition(this.$data.dragPercent),this.showToolTip(),n!==this.value&&this.valueChangeCallBack(t,this.value)},dragEndCallBack(t){this.$data.isMove=!1,t<=0?this.$data.dragWidth=0:t>=this.$data.totalWidth?this.$data.dragWidth=this.$data.totalWidth:this.$data.dragWidth=t,this.closeToolTip()},setPanEvent(){const t=ft.AnyTouch();this.$tooltip=new t(this.$ele.button,{preventDefault:()=>!1});let e=0;this.$tooltip.on("at:move",t=>{if(!this.dragStartCallBack())return;const n=this.value,r=this.$ele.runAway.getBoundingClientRect();let o=t.x-(r.left+globalThis.screenX);o<=0?o=0:o>=r.width&&(o=r.width),e=o,this.dragMoveCallBack(t,e,n)}),this.$tooltip.on("at:end",()=>{this.dragEndCallBack(e)})},showToolTip(){this.$data.tooltip.toolTip.show()},closeToolTip(){this.$data.tooltip.toolTip.close()},checkStopDragMove(){if(this.$data.isCheckingStopDragMove)return;this.$data.isCheckingStopDragMove=!0;const t=setInterval(()=>{this.$data.isMove||(this.$data.isCheckingStopDragMove=!1,this.closeToolTip(),clearInterval(t))},200);setTimeout(()=>{this.$data.isCheckingStopDragMove=!1,clearInterval(t)},2e3)},setToolTipEvent(){function e(){return"function"==typeof t.getToolTipContent?t.getToolTipContent(r.value):r.value.toString()}const n=Dt.init({target:this.$ele.button,content:e,zIndex:()=>St.getPopsMaxZIndex().zIndex,isFixed:!0,className:"github-tooltip",only:!1,eventOption:{capture:!0,passive:!0},showBeforeCallBack:()=>{if(!("function"==typeof t.isShowHoverTip?t.isShowHoverTip():"boolean"!=typeof t.isShowHoverTip||t.isShowHoverTip))return!1;this.intervalInit()},showAfterCallBack:()=>{n.toolTip.changeContent(e())},closeBeforeCallBack:()=>{if(this.$data.isMove)return this.checkStopDragMove(),!1},alwaysShow:!1,position:"top",arrowDistance:10});this.$data.tooltip=n}};return r.init(),Reflect.set(e,"data-slider",r),e},createSectionContainerItem_input(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let r="text";t.isPassword?r="password":t.isNumber&&(r="number");let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${o}</div>\n\t\t\t\t<div class="pops-panel-input">\n\t\t\t\t\t<input type="${r}" placeholder="${t.placeholder??""}">\n\t\t\t\t</div>\n\t\t\t\t`);const a={[Symbol.toStringTag]:"PopsPanelInput",$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),panelInput:e.querySelector(".pops-panel-input"),input:e.querySelector("input"),inputSpanIcon:wt.createElement("span"),inputSpanIconInner:null,icon:null},$data:{value:t.getValue(),isView:!1},init(){this.initEle(),this.setInputValue(this.$data.value),t.isPassword?(this.setCircleIcon(n.getIcon("view")),this.setCircleIconClickEvent()):""!=this.$ele.input.value&&(this.setCircleIcon(n.getIcon("circleClose")),this.setCircleIconClickEvent()),this.setInputChangeEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable(),"function"==typeof t.handlerCallBack&&t.handlerCallBack(e,this.$ele.input)},initEle(){this.$ele.input.parentElement.insertBefore(this.$ele.inputSpanIcon,this.$ele.input.nextSibling),this.$ele.inputSpanIcon.className="pops-panel-input__suffix",mt.setSafeHTML(this.$ele.inputSpanIcon,'\n\t\t\t\t\t\t<span class="pops-panel-input__suffix-inner">\n\t\t\t\t\t\t\t<i class="pops-panel-icon"></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t'),this.$ele.inputSpanIconInner=this.$ele.inputSpanIcon.querySelector(".pops-panel-input__suffix-inner"),this.$ele.icon=this.$ele.inputSpanIcon.querySelector(".pops-panel-icon"),wt.addClassName(this.$ele.panelInput,vt)},disable(){this.$ele.input.disabled=!0,wt.addClassName(this.$ele.panelInput,"pops-input-disabled"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.input.disabled=!1,wt.removeClassName(this.$ele.panelInput,"pops-input-disabled"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)},isDisabled(){return this.$ele.input.disabled},setInputValue(t=""){this.$ele.input.value=t},setInputType(t="text"){this.$ele.input.setAttribute("type",t)},removeCircleIcon(){mt.setSafeHTML(this.$ele.icon,"")},setCircleIcon(t=n.getIcon("circleClose")){mt.setSafeHTML(this.$ele.icon,t)},setCircleIconClickEvent(){wt.on(this.$ele.icon,"click",void 0,()=>{this.isDisabled()||(this.removeCircleIcon(),t.isPassword?this.$data.isView?(this.$data.isView=!1,this.setInputType("text"),this.setCircleIcon(n.getIcon("hide"))):(this.$data.isView=!0,this.setInputType("password"),this.setCircleIcon(n.getIcon("view"))):(this.setInputValue(""),this.$ele.input.focus(),this.$ele.input.dispatchEvent(new Event("input"))))})},setInputChangeEvent(){wt.on(this.$ele.input,["input","propertychange"],void 0,e=>{this.$data.value=this.$ele.input.value,t.isPassword||(""!==this.$ele.input.value&&""===this.$ele.icon.innerHTML?(this.setCircleIcon(n.getIcon("circleClose")),this.setCircleIconClickEvent()):""===this.$ele.input.value&&this.removeCircleIcon()),"function"==typeof t.callback&&(t.isNumber?t.callback(e,this.$ele.input.value,this.$ele.input.valueAsNumber):t.callback(e,this.$ele.input.value))})}};return a.init(),Reflect.set(e,"data-input",a),e},createSectionContainerItem_textarea(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-textarea">\n\t\t\t\t\t<textarea placeholder="${t.placeholder??""}"></textarea>\n\t\t\t\t</div>\n\t\t\t`);const r={[Symbol.toStringTag]:"PopsPanelTextArea",$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),panelTextarea:e.querySelector(".pops-panel-textarea"),textarea:e.querySelector(".pops-panel-textarea textarea")},$data:{value:t.getValue()},init(){this.setValue(this.$data.value),this.setChangeEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},disable(){this.$ele.textarea.setAttribute("disabled","true"),wt.addClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.textarea.removeAttribute("disabled"),wt.removeClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)},isDisabled(){return this.$ele.textarea.hasAttribute("disabled")||wt.containsClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable")},setValue(t){this.$ele.textarea.value=t},setChangeEvent(){wt.on(this.$ele.textarea,["input","propertychange"],e=>{const n=this.$ele.textarea.value;this.$data.value=n,"function"==typeof t.callback&&t.callback(e,n)})}};return r.init(),Reflect.set(e,"data-textarea",r),e},createSectionContainerItem_select(t){const e=this,n=wt.createElement("li");Reflect.set(n,"__formConfig__",t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);let r="";t.description&&(r=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(n,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${r}</div>\n\t\t\t\t<div class="pops-panel-select">\n\t\t\t\t\t<select></select>\n\t\t\t\t</div>\n\t\t\t\t`);const o={[Symbol.toStringTag]:"PopsPanelSelect",$ele:{itemLeftTextContainer:n.querySelector(".pops-panel-item-left-text"),panelSelect:n.querySelector(".pops-panel-select"),select:n.querySelector(".pops-panel-select select")},$eleKey:{disable:"__disable__",value:"__value__",forms:"__forms__"},$data:{defaultValue:t.getValue()},init(){wt.addClassName(this.$ele.panelSelect,vt),this.initOption(),this.setChangeEvent(),this.setClickEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},setNodeValue(t,e,n){Reflect.set(t,e,n)},getNodeValue:(t,e)=>Reflect.get(t,e),disable(){this.$ele.select.setAttribute("disabled","true"),wt.addClassName(this.$ele.panelSelect,"pops-panel-select-disable"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.select.removeAttribute("disabled"),wt.removeClassName(this.$ele.panelSelect,"pops-panel-select-disable"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)},isDisabled(){return this.$ele.select.hasAttribute("disabled")||wt.containsClassName(this.$ele.panelSelect,"pops-panel-select-disable")},initOption(){t.data.forEach(t=>{const e=wt.createElement("option");this.setNodeValue(e,this.$eleKey.value,t.value),this.setNodeValue(e,this.$eleKey.disable,t.disable),this.setNodeValue(e,this.$eleKey.forms,t.forms),t.value===this.$data.defaultValue&&this.setOptionSelected(e),e.innerText=t.text,this.$ele.select.appendChild(e)})},setOptionSelected(t){t.setAttribute("selected","true")},setSelectOptionsDisableStatus(){this.$ele.select.options&&this.$ele.select.options.length&&Array.from(this.$ele.select.options).forEach(t=>{this.setOptionDisableStatus(t)})},setOptionDisableStatus(t){let e=!1;const n=this.getNodeValue(t,this.$eleKey.disable);if("function"===n){const r=this.getNodeValue(t,this.$eleKey.value);e=Boolean(n(r))}e?t.setAttribute("disabled","true"):t.removeAttribute("disabled")},getSelectOptionInfo(t){return{value:this.getNodeValue(t,this.$eleKey.value),text:t.innerText||t.textContent,forms:this.getNodeValue(t,this.$eleKey.forms),$option:t}},setChangeEvent(){wt.on(this.$ele.select,"change",void 0,r=>{const o=this.$ele.select[this.$ele.select.selectedIndex],a=this.getSelectOptionInfo(o);this.setSelectOptionsDisableStatus(),"function"==typeof t.callback&&t.callback(r,a.value,a.text);const i="function"==typeof a.forms?a.forms():a.forms;if(Array.isArray(i)){const r="pops-panel-select-child-forms";for(;n.nextElementSibling&&n.nextElementSibling.classList.contains(r);)n.nextElementSibling.remove();const o=wt.createElement("ul");o.className=r,wt.after(n,o),e.uListContainerAddItem(t,{ulElement:o})}})},setClickEvent(){wt.on(this.$ele.select,"click",void 0,e=>{this.setSelectOptionsDisableStatus(),"function"==typeof t.clickCallBack&&t.clickCallBack(e,this.$ele.select)})}};return o.init(),Reflect.set(n,"data-select",o),n},createSectionContainerItem_select_multiple_new(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-select-multiple">\n\t\t\t\t\t<div class="el-select__wrapper">\n\t\t\t\t\t\t<div class="el-select__selection">\n\t\t\t\t\t\t\t\x3c!-- 这个是用于手动输入的,这里暂不适配 --\x3e\n\t\t\t\t\t\t\t<div class="el-select__selected-item el-select__input-wrapper">\n\t\t\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\x3c!-- 这个是placeholder --\x3e\n\t\t\t\t\t\t\t<div class="el-select__selected-item el-select__placeholder">\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\x3c!-- 下拉箭头 --\x3e\n\t\t\t\t\t\t<div class="el-select__suffix">\n\t\t\t\t\t\t\t<i class="el-icon el-select__caret el-select__icon">\n\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t\t<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t`);const r={[Symbol.toStringTag]:"PopsPanelSelectMultiple",$el:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),$container:void 0,$wrapper:void 0,$section:void 0,$selectedInputWrapper:void 0,$selectedPlaceHolderWrapper:void 0,$suffix:void 0,$suffixIcon:void 0,$selectContainer:void 0},$data:{defaultValue:t.getValue(),selectInfo:[]},init(){this.initDefault(),this.inintEl(),this.initPlaceHolder(),this.initTagElement(),this.setSelectContainerClickEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){t.data.forEach(t=>{this.$data.defaultValue.includes(t.value)&&this.$data.selectInfo.push({text:t.text,value:t.value,isHTML:Boolean(t.isHTML),disable:t.disable?.bind(t)})})},inintEl(){this.$el.$container=e.querySelector(".pops-panel-select-multiple"),this.$el.$wrapper=e.querySelector(".el-select__wrapper"),this.$el.$section=e.querySelector(".el-select__selection"),this.$el.$selectedInputWrapper=e.querySelector(".el-select__selected-item.el-select__input-wrapper"),this.$el.$selectedPlaceHolderWrapper=e.querySelector(".el-select__selected-item.el-select__placeholder"),this.$el.$suffix=e.querySelector(".el-select__suffix"),this.$el.$suffixIcon=e.querySelector(".el-select__suffix .el-icon"),this.hideInputWrapper()},initPlaceHolder(){let e="";if("string"==typeof t.placeholder)e=t.placeholder;else if("function"==typeof t.placeholder){const n=t.placeholder();"string"==typeof n&&(e=n)}const n=wt.createElement("span",{innerText:e});this.$el.$selectedPlaceHolderWrapper.appendChild(n)},initTagElement(){t.data.forEach(t=>{if(this.$data.selectInfo.find(e=>e.value===t.value)){const e=this.createSelectedTagItem(t);this.addSelectedTagItem(e.$tag),this.setSelectedItemCloseIconClickEvent({$tag:e.$tag,$closeIcon:e.$closeIcon,value:t.value,text:t.text})}}),this.checkTagEmpty()},createSelectedTagItem(t){const e=wt.createElement("div",{className:"el-select__selected-item el-select__choose_tag",innerHTML:'\n\t\t\t\t\t\t<span class="el-tag is-closable el-tag--info el-tag--default el-tag--light">\n\t\t\t\t\t\t\t<span class="el-tag__content">\n\t\t\t\t\t\t\t\t<span class="el-select__tags-text"></span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\x3c!-- 关闭tag的图标 --\x3e\n\t\t\t\t\t\t\t<i class="el-icon el-tag__close">\n\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t\t<path fill="currentColor" d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t'}),n=e.querySelector(".el-select__tags-text"),r=e.querySelector(".el-icon.el-tag__close"),o="function"==typeof t.text?t.text(t,this.$data.selectInfo):t.text;return t.isHTML?mt.setSafeHTML(n,o):n.innerText=o,{$tag:e,$tagText:n,$closeIcon:r}},addSelectedTagItem(t){if(this.setSectionIsNear(),this.$el.$section.contains(this.$el.$selectedInputWrapper)){const e=this.$el.$selectedInputWrapper.previousElementSibling;e?wt.after(e,t):wt.before(this.$el.$selectedInputWrapper,t)}else if(this.$el.$section.contains(this.$el.$selectedPlaceHolderWrapper)){const e=this.$el.$selectedPlaceHolderWrapper.previousElementSibling;e?wt.after(e,t):wt.before(this.$el.$selectedPlaceHolderWrapper,t)}else this.$el.$section.appendChild(t);this.hideInputWrapper(),this.hidePlaceHolderWrapper()},updateSelectTagItem(){this.$el.$section.querySelectorAll(".el-select__choose_tag").forEach(t=>{t.remove()}),this.initTagElement()},selectValueChangeCallBack(e){this.updateSelectItem(),"function"==typeof t.callback&&t.callback(e||this.$data.selectInfo)},updateSelectItem(){this.getAllSelectItemInfo(!1).forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),"function"==typeof e.disable&&e.disable(e.value,this.$data.selectInfo)?(this.setSelectItemDisabled(n),this.removeSelectedInfo(e,!1),this.removeSelectItemSelected(n)):this.removeSelectItemDisabled(n);this.$data.selectInfo.find(t=>t.value===e.value)?this.setSelectItemSelected(n):this.removeSelectItemSelected(n)})},setSelectItemSelected(t){this.isSelectItemSelected(t)||t.classList.add("select-item-is-selected")},removeSelectItemSelected(t){t.classList.remove("select-item-is-selected")},isSelectItemSelected:t=>t.classList.contains("select-item-is-selected"),addSelectedItemInfo(t,e){const n=this.getSelectedItemInfo(e);t.find(t=>t.value===n.value)||t.push({value:n.value,text:n.text,isHTML:Boolean(n.isHTML),disable:n.disable?.bind(n)}),this.selectValueChangeCallBack(t)},getSelectedItemInfo:t=>Reflect.get(t,"data-info"),removeSelectedItemInfo(t,e){const n=this.getSelectedItemInfo(e),r=t.findIndex(t=>t.value===n.value);-1!==r&&t.splice(r,1),this.selectValueChangeCallBack(t)},getAllSelectItemInfo(t=!0){return Array.from(this.$el.$selectContainer?.querySelectorAll(".select-item")??[]).map(e=>{const n={data:this.getSelectedItemInfo(e),$select:e};if(t){return this.isSelectItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},createSelectItemElement(t){const e=wt.createElement("li",{className:"select-item",innerHTML:'\n\t\t\t\t\t\t\t<span class="select-item-text"></span>\n\t\t\t\t\t\t'});return this.setSelectItemText(t,e),Reflect.set(e,"data-info",t),e},setSelectItemText(t,e){const n="function"==typeof t.text?t.text(t.value,this.$data.selectInfo):t.text,r=e.querySelector(".select-item-text");t.isHTML?mt.setSafeHTML(r,n):r.innerText=n},setSelectItemDisabled(t){t.setAttribute("aria-disabled","true"),t.setAttribute("disabled","true")},removeSelectItemDisabled(t){t.removeAttribute("aria-disabled"),t.removeAttribute("disabled")},isSelectItemDisabled:t=>t.hasAttribute("disabled")||t.ariaDisabled,setSelectElementClickEvent(e,n){wt.on(n,"click",r=>{if(wt.preventEvent(r),!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=this.getAllSelectItemInfo().map(t=>t.data),n=t.clickCallBack(r,e);if("boolean"==typeof n&&!n)return}this.isSelectItemSelected(n)?(this.removeSelectItemSelected(n),this.removeSelectedItemInfo(e,n)):(this.setSelectItemSelected(n),this.addSelectedItemInfo(e,n))}})},setSelectContainerClickEvent(){const e=this;wt.on(this.$el.$container,"click",()=>{if(this.isDisabled())return;const n=e.$data.selectInfo,{style:r,...o}=t.selectConfirmDialogDetails||{},a=ft.assign({title:{text:"请勾选需要选择的选项",position:"center"},content:{text:'\n\t\t\t\t\t\t\t\t\t<ul class="select-container"></ul>\n\t\t\t\t\t\t\t\t\t',html:!0},btn:{ok:{enable:!1},close:{enable:!0,callback(t){e.$data.selectInfo=[...n],e.updateSelectTagItem(),e.$el.$selectContainer=null,t.close()}}},mask:{enable:!0,clickCallBack(t){t(),e.$data.selectInfo=[...n],e.updateSelectTagItem(),e.$el.$selectContainer=null},clickEvent:{toClose:!0}},drag:!0,dragLimit:!0,width:"300px",height:"300px",style:`\n\t\t\t\t\t\t\t\t.select-container{\n\t\t\t\t\t\t\t\t\t--el-font-size-base: 14px;\n\t\t\t\t\t\t\t\t\t--el-text-color-regular: #606266;\n\t\t\t\t\t\t\t\t\t--el-color-primary: #409eff;\n\t\t\t\t\t\t\t\t\t--el-fill-color-light: #f5f7fa;\n\t\t\t\t\t\t\t\t\t--el-disable-color: #a8abb2;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item{\n\t\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\t\tfont-size: var(--el-font-size-base);\n\t\t\t\t\t\t\t\t\tpadding: 0 32px 0 20px;\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\t\tcolor: var(--el-text-color-regular);\n\t\t\t\t\t\t\t\t\theight: 34px;\n\t\t\t\t\t\t\t\t\tline-height: 34px;\n\t\t\t\t\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item[aria-disabled],\n\t\t\t\t\t\t\t\t.select-item[disabled]{\n\t\t\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t\t\t\tcolor: var(--el-disable-color);\n\t\t\t\t\t\t\t\t\tbackground: unset;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item:hover{\n\t\t\t\t\t\t\t\t\tbackground-color: var(--el-fill-color-light);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item.select-item-is-selected{\n\t\t\t\t\t\t\t\t\tcolor: var(--el-color-primary);\n\t\t\t\t\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item.select-item-is-selected::after{\n\t\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tright: 20px;\n\t\t\t\t\t\t\t\t\tborder-top: none;\n\t\t\t\t\t\t\t\t\tborder-right: none;\n\t\t\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\t\t\tbackground-color: var(--el-color-primary);\n\t\t\t\t\t\t\t\t\tmask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;\n\t\t\t\t\t\t\t\t\tmask-size: 100% 100%;\n\t\t\t\t\t\t\t\t\t-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;\n\t\t\t\t\t\t\t\t\t-webkit-mask-size: 100% 100%;\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\twidth: 12px;\n\t\t\t\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\t\t\t\t\t\t.select-container{\n\t\t\t\t\t\t\t\t\t\t--el-text-color-regular: #f2f2f2;\n\t\t\t\t\t\t\t\t\t\t--el-disable-color: #8D9095;\n\t\t\t\t\t\t\t\t\t\t--el-fill-color-light: #262727;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t${r||""}\n\t\t\t\t\t\t\t\t`},o),i=Tt.init(a).$shadowRoot.querySelector(".select-container");this.$el.$selectContainer=i,t.data.forEach(t=>{const e=this.createSelectItemElement(t);i.appendChild(e),this.setSelectElementClickEvent(n,e)}),this.updateSelectItem()})},setSelectedItemCloseIconClickEvent(e){wt.on(e.$closeIcon,"click",n=>{if(wt.preventEvent(n),!this.isDisabled()){if("function"==typeof t.closeIconClickCallBack){const r=t.closeIconClickCallBack(n,{$tag:e.$tag,$closeIcon:e.$closeIcon,value:e.value,text:"function"==typeof e.text?e.text.bind(e):e.text});if("boolean"==typeof r&&!r)return}this.removeSelectedTagItem(e.$tag),this.removeSelectedInfo({value:e.value,text:e.text})}},{capture:!0})},checkTagEmpty(){this.$el.$section.querySelectorAll(".el-select__choose_tag").length||(this.showPlaceHolderWrapper(),this.removeSectionIsNear())},removeSelectedTagItem(t){t.remove(),this.checkTagEmpty()},removeSelectedInfo(t,e=!0){for(let e=0;e<this.$data.selectInfo.length;e++){if(this.$data.selectInfo[e].value===t.value){this.$data.selectInfo.splice(e,1);break}}e&&this.selectValueChangeCallBack()},showInputWrapper(){wt.cssShow(this.$el.$selectedInputWrapper)},hideInputWrapper(){wt.cssHide(this.$el.$selectedInputWrapper,!0)},showPlaceHolderWrapper(){wt.cssShow(this.$el.$selectedPlaceHolderWrapper)},hidePlaceHolderWrapper(){wt.cssHide(this.$el.$selectedPlaceHolderWrapper,!0)},setSectionIsNear(){this.$el.$section.classList.add("is-near")},removeSectionIsNear(){this.$el.$section.classList.remove("is-near")},disable(){wt.addClassName(this.$el.itemLeftTextContainer,xt),wt.addClassName(this.$el.$container,"pops-panel-select-multiple-disable")},isDisabled(){return wt.containsClassName(this.$el.$container,"pops-panel-select-multiple-disable")},cancleDisable(){wt.removeClassName(this.$el.itemLeftTextContainer,xt),wt.removeClassName(this.$el.$container,"pops-panel-select-multiple-disable")}};return r.init(),Reflect.set(e,"data-select-multiple",r),e},createSectionContainerItem_button(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let r="";t.description&&(r=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${r}</div>\n\t\t\t\t<div class="pops-panel-button">\n\t\t\t\t\t<button class="pops-panel-button_inner" type="button">\n\t\t\t\t\t\t<i class="pops-bottom-icon"></i>\n\t\t\t\t\t\t<span class="pops-panel-button-text"></span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t`);const o={[Symbol.toStringTag]:"PopsPanelButton",$ele:{panelButton:e.querySelector(".pops-panel-button"),button:e.querySelector(".pops-panel-button .pops-panel-button_inner"),icon:e.querySelector(".pops-panel-button .pops-bottom-icon"),spanText:e.querySelector(".pops-panel-button .pops-panel-button-text")},$data:{},init(){this.$ele.panelButton.appendChild(this.$ele.button),this.initButton(),this.setClickEvent()},initButton(){"string"==typeof t.buttonIcon&&""!==t.buttonIcon.trim()?(n.hasIcon(t.buttonIcon)?this.setIconSVG(n.getIcon(t.buttonIcon)):this.setIconSVG(t.buttonIcon),this.showIcon()):this.hideIcon();let e=t.buttonText;"function"==typeof t.buttonText&&(e=t.buttonText()),this.setButtonType(t.buttonType),t.buttonIsRightIcon?this.setIconRight():this.setIconLeft(),t.disable&&this.disable(),this.setButtonText(e),this.setIconLoadingStatus(t.buttonIconIsLoading)},disable(){this.$ele.button.setAttribute("disabled","true")},notDisable(){this.$ele.button.removeAttribute("disabled")},hideIcon(){this.$ele.panelButton.classList.add("pops-panel-button-no-icon")},showIcon(){this.$ele.panelButton.classList.remove("pops-panel-button-no-icon")},setIconSVG(t){mt.setSafeHTML(this.$ele.icon,t)},setIconLoadingStatus(t){this.$ele.icon.setAttribute("is-loading",Boolean(t).toString())},setHasIcon(t){this.$ele.button.setAttribute("data-icon",Boolean(t).toString())},setButtonType(t){this.$ele.button.setAttribute("data-type",t)},setIconRight(){this.$ele.button.classList.add("pops-panel-button-right-icon")},setIconLeft(){this.$ele.button.classList.remove("pops-panel-button-right-icon")},setButtonText(t){mt.setSafeHTML(this.$ele.spanText,t)},setClickEvent(){wt.on(this.$ele.button,"click",void 0,e=>{"function"==typeof t.callback&&t.callback(e)})}};return o.init(),Reflect.set(e,"data-button",o),e},createSectionContainerItem_deepMenu(t){const e=this,r=wt.createElement("li");wt.addClassName(r,"pops-panel-deepMenu-nav-item"),Reflect.set(r,"__formConfig__",t),this.setElementClassName(r,t.className),this.setElementAttributes(r,t.attributes),this.setElementProps(r,t.props);let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`);let a="";("boolean"!=typeof t.arrowRightIcon||t.arrowRightIcon)&&(a=`<i class="pops-panel-deepMenu-arrowRight-icon">${n.getIcon("arrowRight")}</i>`);let i="";t.rightText&&(i=`<p class="pops-panel-item-right-text">${t.rightText}</p>`),mt.setSafeHTML(r,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${o}</div>\n\t\t\t\t<div class="pops-panel-deepMenu">${i}${a}</div>\n\t\t\t\t`);const s={[Symbol.toStringTag]:"PopsPanelDeepMenu",$ele:{get parentSection(){return e.$el.$panelContentSectionContainer}},init(){this.setLiClickEvent()},initFormItem(n,r){const o=r;if("forms"===o.type){const a=o.forms,i=wt.createElement("li"),s=wt.createElement("ul");s.classList.add("pops-panel-forms-container-item-formlist"),i.classList.add("pops-panel-forms-container-item");const l=wt.createElement("div",{className:"pops-panel-forms-container-item-header-text"});mt.setSafeHTML(l,o.text),o.isFold?(mt.setSafeHTML(l,`\n\t\t\t\t\t\t\t\t<p>${o.text}</p>\n\t\t\t\t\t\t\t\t<i class="pops-panel-forms-fold-container-icon">\n\t\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t\t\t<path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t\t`),wt.on(l,"click",()=>{i.hasAttribute("data-fold-enable")?i.removeAttribute("data-fold-enable"):i.setAttribute("data-fold-enable","")}),wt.addClassName(l,"pops-panel-forms-fold-container"),wt.addClassName(l,vt),i.setAttribute("data-fold-enable",""),wt.addClassName(l,"pops-panel-forms-fold"),i.appendChild(l)):i.appendChild(l),e.setElementClassName(i,r.className),e.setElementAttributes(i,r.attributes),e.setElementProps(i,r.props),a.forEach(t=>{e.uListContainerAddItem(t,{ulElement:s,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:i,formHeaderDivElement:l})}),i.appendChild(s),n.appendChild(i),"function"==typeof o.afterAddToUListCallBack&&o.afterAddToUListCallBack(t,{target:i,ulElement:s,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:i,formHeaderDivElement:l})}else e.uListContainerAddItem(t,{ulElement:e.sectionContainerULElement})},async gotoDeepMenu(r,o){const a=o.closest("section.pops-panel-container"),i=wt.createElement("section",{className:"pops-panel-container pops-panel-deepMenu-container"});Reflect.set(i,"__formConfig__",t);const s=wt.createElement("ul",{className:"pops-panel-container-header-ul pops-panel-deepMenu-container-header-ul"}),l=wt.createElement("ul",{className:"pops-panel-container-main-ul"}),p=t.headerTitle??t.text,c=wt.createElement("li",{className:"pops-panel-container-header-title-text pops-panel-deepMenu-container-header",innerHTML:`<p class="pops-panel-deepMenu-container-header-title-text">${p}</p>`}),d=wt.createElement("i",{className:"pops-panel-deepMenu-container-left-arrow-icon",innerHTML:n.getIcon("arrowLeft")}),f={duration:220,easing:"ease-in-out"},m=()=>{if(wt.cssHide(a,!0),wt.on(d,"click",async t=>{wt.preventEvent(t);const n=()=>{const t=a;wt.cssShow(t),i.remove()};if(e.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(n);await t.ready,await Promise.all([i.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],f).finished,a.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],f).finished]),await t.finished}else n();e.triggerRenderRightContainer(a)},{once:!0}),wt.before(c.firstElementChild,d),s.appendChild(c),i.appendChild(s),i.appendChild(l),t.forms&&Array.isArray(t.forms))for(let e=0;e<t.forms.length;e++){const n=t.forms[e];this.initFormItem(l,n)}e.$el.$panelRightSectionWrapper.appendChild(i)};if(e.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(m);await t.ready,await i.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],f).finished,await t.finished}else m();"function"==typeof t.afterEnterDeepMenuCallBack&&t.afterEnterDeepMenuCallBack(t,{sectionContainer:i,sectionContainerHeaderContainer:s,sectionContainerHeader:c,sectionBodyContainer:l}),e.triggerRenderRightContainer(i)},setLiClickEvent(){wt.on(r,"click",void 0,async e=>{if("function"==typeof t.clickCallBack){if(await t.clickCallBack(e,t))return}await this.gotoDeepMenu(e,r)})}};return s.init(),Reflect.set(r,"data-deepMenu",s),r},createSectionContainerItem_own(t){let e=wt.createElement("li");return Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props),e=t.getLiElementCallBack(e),e},createSectionContainerItem(t){const e=t.type;return"switch"===e?this.createSectionContainerItem_switch(t):"slider"===e?this.createSectionContainerItem_slider_new(t):"input"===e?this.createSectionContainerItem_input(t):"textarea"===e?this.createSectionContainerItem_textarea(t):"select"===e?this.createSectionContainerItem_select(t):"select-multiple"===e?this.createSectionContainerItem_select_multiple_new(t):"button"===e?this.createSectionContainerItem_button(t):"deepMenu"===e?this.createSectionContainerItem_deepMenu(t):"own"===e?this.createSectionContainerItem_own(t):void console.error("尚未实现的type类型",t)},createSectionContainerItem_forms(t){const e=this,n=t;if("forms"===n.type){const r=t.forms,o=wt.createElement("li"),a=wt.createElement("ul");o.classList.add("pops-panel-forms-container-item"),a.classList.add("pops-panel-forms-container-item-formlist");const i=wt.createElement("div",{className:"pops-panel-forms-container-item-header-text"});mt.setSafeHTML(i,n.text),n.isFold?(mt.setSafeHTML(i,`\n\t\t\t\t\t\t<p>${n.text}</p>\n\t\t\t\t\t\t<i class="pops-panel-forms-fold-container-icon">\n\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t<path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</i>\n\t\t\t\t\t`),wt.on(i,"click",()=>{o.hasAttribute("data-fold-enable")?o.removeAttribute("data-fold-enable"):o.setAttribute("data-fold-enable","")}),wt.addClassName(i,"pops-panel-forms-fold-container"),wt.addClassName(i,vt),o.setAttribute("data-fold-enable",""),wt.addClassName(o,"pops-panel-forms-fold"),o.appendChild(i)):o.appendChild(i),e.setElementClassName(o,t.className),e.setElementAttributes(o,t.attributes),e.setElementProps(o,t.props),r.forEach(t=>{e.uListContainerAddItem(t,{ulElement:a,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:o,formHeaderDivElement:i})}),o.appendChild(a),e.sectionContainerULElement.appendChild(o),"function"==typeof n.afterAddToUListCallBack&&n.afterAddToUListCallBack(n,{target:o,ulElement:a,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:o,formHeaderDivElement:i})}else e.uListContainerAddItem(t,{ulElement:e.sectionContainerULElement})},triggerRenderRightContainer(t){const e=Reflect.get(t,"__formConfig__");this.$el.$pops.dispatchEvent(new CustomEvent("pops:renderRightContainer",{detail:{formConfig:e}}))},uListContainerAddItem(t,e){const n=this.createSectionContainerItem(t);n&&e.ulElement.appendChild(n),"function"==typeof t.afterAddToUListCallBack&&t.afterAddToUListCallBack(t,{...e,target:n})},setAsideItemClickEvent(t,e){wt.on(t,"click",async n=>{if("function"==typeof e.clickFirstCallback){const t=await e.clickFirstCallback(n,this.sectionContainerHeaderULElement,this.sectionContainerULElement);if("boolean"==typeof t&&!t)return}this.clearContainer();const r=Reflect.get(t,"__forms__");Reflect.set(this.$el.$panelContentSectionContainer,"__formConfig__",r),wt.cssShow(this.$el.$panelContentSectionContainer),this.clearAsideItemIsVisited(),this.setAsideItemIsVisited(t);const o="function"==typeof e.title?e.title():e.title;let a="function"==typeof e.headerTitle?e.headerTitle():e.headerTitle;if(a=a??o,"string"==typeof a&&""!==a.trim()){const t=wt.createElement("li");t.classList.add("pops-panel-container-header-title-text"),Reflect.set(t,"__asideConfig__",e),mt.setSafeHTML(t,a),this.sectionContainerHeaderULElement.appendChild(t)}if(r.forEach(t=>{this.createSectionContainerItem_forms(t)}),"function"==typeof e.clickCallback){const t=await e.clickCallback(n,this.sectionContainerHeaderULElement,this.sectionContainerULElement);if("boolean"==typeof t&&!t)return}this.triggerRenderRightContainer(this.$el.$panelContentSectionContainer)})}}),Ut={init(t){const n=ft.getRandomGUID(),r="panel";let o=Nt();o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),t&&Array.isArray(t.content)&&(o.content=t.content),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"panelCSS",css:Ct.panelCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),{headerStyle:c,headerPStyle:d}=At.createHeaderStyle(r,o),f=At.createAnim(n,r,o,`\n\t\t\t<div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${c}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" class="pops-${r}-title-text" style="${d}">${o.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${r}-content">\n\t\t\t\t<aside class="pops-${r}-aside pops-user-select-none">\n\t\t\t\t\t<ul class="pops-${r}-aside-top-container"></ul>\n\t\t\t\t\t<ul class="pops-${r}-aside-bottom-container"></ul>\n\t\t\t\t</aside>\n\t\t\t\t<div class="pops-${r}-section-wrapper">\n\t\t\t\t\t<section class="pops-${r}-container">\n\t\t\t\t\t\t<ul class="pops-${r}-container-header-ul"></ul>\n\t\t\t\t\t\t<ul class="pops-${r}-container-main-ul"></ul>\n\t\t\t\t\t</section>\n\t\t\t\t</div>\n\t\t\t</div>\n <div class="pops-${r}-bottom-wrapper">\n <section class="pops-${r}-bottom-container">\n <ul class="pops-${r}-bottom-left-container"></ul>\n <ul class="pops-${r}-bottom-right-container"></ul>\n </section>\n </div>\n `,"",s),m=At.parseElement(f),{$pops:u,$headerBtnClose:h,$title:b,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:k}=$t.handleQueryElement(m,r);(o.isMobile||ft.isPhone())&&wt.addClassName(u,o.mobileClassName);let E=null;const S=[m];if(o.mask.enable){const{maskElement:t}=$t.handleMask({type:r,guid:n,config:o,animElement:m,maskHTML:l});E=t,S.push(E)}const $=$t.handleEventDetails(n,a,i,r,m,u,E,o);$t.handleClickEvent("close",h,$,o.btn.close.callback),wt.append(i,S),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=E&&m.after(E);Ht().init({config:o,$el:{$pops:u,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:k}}),$t.handlePush(r,{guid:n,animElement:m,popsElement:u,maskElement:E,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(u,{dragElement:b,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});return{...$t.handleResultDetails($),addEventListener:(t,e,n)=>{u.addEventListener(t,e,n)},removeEventListener:(t,e,n)=>{u.removeEventListener(t,e,n)}}}},Ft={init(t){const n=ft.getRandomGUID(),r="prompt";let o={title:{text:"默认标题",position:"left",html:!1,style:""},content:{text:"",select:!1,password:!1,row:!1,focus:!0,placeholder:"默认提示",style:""},btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"success",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"promptCSS",css:Ct.promptCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentPStyle:m}=At.createContentStyle(r,o),u=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n <div class="pops-content pops-${r}-content" style="${m}">${o.content.row?'<textarea name="pops-input-text" pops="" placeholder="'+o.content.placeholder+'"></textarea>':'<input name="pops-input-text" pops="" placeholder="'+o.content.placeholder+'" type="'+(o.content.password?"password":"text")+'">'}</div>${c}`,c,s),h=At.parseElement(u),{$pops:b,$input:g,$headerBtnClose:v,$btnOk:x,$btnCancel:y,$btnOther:w,$title:A}=$t.handleQueryElement(h,r);let C=null;const k=[h];if(o.mask.enable){C=$t.handleMask({type:r,guid:n,config:o,animElement:h,maskHTML:l}).maskElement,k.push(C)}const E=$t.handleEventDetails(n,a,i,r,h,b,C,o);g.value=o.content.text,$t.handlePromptClickEvent("close",g,v,E,o.btn.close.callback),$t.handlePromptClickEvent("ok",g,x,E,o.btn.ok.callback),$t.handlePromptClickEvent("cancel",g,y,E,o.btn.cancel.callback),$t.handlePromptClickEvent("other",g,w,E,o.btn.other.callback),wt.append(i,k),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=C&&h.after(C),$t.handlePush(r,{guid:n,animElement:h,popsElement:b,maskElement:C,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(b,{dragElement:A,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack}),o.content.focus&&g.focus(),o.content.select&&g.select();return $t.handleResultDetails(E)}},Vt=()=>({target:document.documentElement,targetSelector:null,data:[{icon:n.getIcon("search"),iconIsLoading:!1,text:"搜索",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:n.getIcon("documentCopy"),iconIsLoading:!1,text:"复制",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:n.getIcon("delete"),text:"删除",iconIsLoading:!1,item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:n.getIcon("loading"),iconIsLoading:!0,text:"加载",item:[],callback(t,e,n){return console.log("点击:"+this.text,[t,e,n]),!1}},{icon:n.getIcon("elemePlus"),iconIsLoading:!0,text:"饿了么",callback(t,e,n){return console.log("点击:"+this.text,[t,e,n]),!1},item:[{icon:"",iconIsLoading:!1,text:"处理文件",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:"",iconIsLoading:!1,text:"其它处理",callback(t,e,n){console.log("点击:"+this.text,[t,e,n])},item:[{icon:n.getIcon("view"),iconIsLoading:!1,text:"查看",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}}]}]}],chileMenuLeftOrRightDistance:0,childMenuTopOrBottomDistance:0,useShadowRoot:!0,className:"",isAnimation:!1,useScaleAnimation:!0,only:!1,zIndex:1e4,preventDefault:!0,style:null,beforeAppendToPageCallBack(){}}),Yt={init(t){const r=ft.getRandomGUID(),o="rightClickMenu";let a=Vt();if(a=ft.assign(a,e.getGlobalConfig()),a=ft.assign(a,t),a=$t.handleOnly(o,a),null==a.target)throw new Error("config.target 不能为空");t.data&&Reflect.set(a,"data",t.data);const{$shadowContainer:i,$shadowRoot:l}=$t.handlerShadow(a);if($t.handleInit(l,[{name:"index",css:Ct.index},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"rightClickMenu",css:Ct.rightClickMenu}]),null!=a.style){const t=wt.createElement("style",{innerHTML:a.style},{type:"text/css"});l.appendChild(t)}const p={rootElement:null,windowCheckClickEvent(t){if(!p.rootElement)return;const e=t.target;e.closest(`.pops-${o}`)||e.className&&"pops-shadow-container"===e.className&&null!=e.shadowRoot||p.closeAllMenu(p.rootElement)},shadowRootCheckClickEvent(t){if(!p.rootElement)return;t.target.closest(`.pops-${o}`)||p.closeAllMenu(p.rootElement)},addWindowCheckClickListener(){if(wt.on(globalThis,"click touchstart",void 0,p.windowCheckClickEvent,{capture:!0}),a.target instanceof Node){const t=a.target.getRootNode();t instanceof ShadowRoot&&wt.on(t,"click touchstart",void 0,p.shadowRootCheckClickEvent,{capture:!0})}},removeWindowCheckClickListener(){if(wt.off(globalThis,"click touchstart",void 0,p.windowCheckClickEvent,{capture:!0}),a.target instanceof Node){const t=a.target.getRootNode();t instanceof ShadowRoot&&wt.off(t,"click touchstart",void 0,p.windowCheckClickEvent,{capture:!0})}},contextMenuEvent(t,e){a.preventDefault&&wt.preventEvent(t),$t.handleOnly(o,a),p.rootElement&&p.closeAllMenu(p.rootElement);const n=p.showMenu(t,a.data,e);p.rootElement=n,a.only&&$t.handlePush(o,{$shadowRoot:l,$shadowContainer:i,guid:r,animElement:n,popsElement:n,beforeRemoveCallBack(t){p.closeAllMenu(t.popsElement)}})},addContextMenuEvent(t,e){wt.on(t,"contextmenu",e,p.contextMenuEvent)},removeContextMenuEvent(t,e){wt.off(t,"contextmenu",e,p.contextMenuEvent)},animationCloseMenu(t){const e=n=>{wt.off(t,wt.getTransitionEndNameList(),e,{capture:!0}),t.remove()};wt.containsClassName,wt.containsClassName(t,`pops-${o}-anim-show`)?(wt.on(t,wt.getTransitionEndNameList(),e,{capture:!0}),wt.removeClassName(t,`pops-${o}-anim-show`)):wt.containsClassName(t,`pops-${o}-anim-scale`)&&wt.containsClassName(t,`pops-${o}-anim-scale-open`)?(wt.on(t,wt.getTransitionEndNameList(),e,{capture:!0}),wt.removeClassName(t,`pops-${o}-anim-scale-open`),wt.addClassName(t,`pops-${o}-anim-scale-not-open`)):t.remove()},closeAllMenu(t){if(null==t)return;const e=Reflect.get(t,"__menuData__");e?.root&&(t=e.root);e.child.forEach(t=>{this.animationCloseMenu(t)}),this.animationCloseMenu(t),p.rootElement=null},createMenuContainerElement(t){const e=wt.createElement("div",{className:`pops-${o}`,innerHTML:`<ul class="pops-${o}-wrapper"></ul>`}),n=this.getMenuZIndex();return n>1e4&&(e.style.zIndex=n.toString()),t&&e.setAttribute("is-children","true"),a.isAnimation&&wt.addClassName(e,`pops-${o}-anim-grid`),a.useScaleAnimation&&(wt.addClassName(e,`pops-${o}-anim-scale`),wt.addClassName(e,`pops-${o}-anim-scale-not-open`)),e},getMenuZIndex:()=>$t.handleZIndex(a.zIndex),getOffset(t,e,n){const r={top:0,right:0,bottom:0,left:0},o=wt.width(t),i=wt.height(t),s=wt.width(globalThis)-1,l=wt.height(globalThis)-1,p=s-o,c=l-i,d=a.chileMenuLeftOrRightDistance,f=a.childMenuTopOrBottomDistance;let m=e.x,u=e.y;if(m=m<0?0:m,m+d>=p){if(n){m=s-wt.offset(n.$menu).left-d+1}else m=1+d;m<0?m=0:m>p&&(m=p),r.right=m,Reflect.deleteProperty(r,"left")}else m+=d,r.left=m,Reflect.deleteProperty(r,"right");if(u=u<0?0:u,u+f>=c){if(n){u=l-wt.offset(n.$parentItem,!1).bottom-f+1}else u=1+f;u<0?u=1:u>c&&(u=c),r.bottom=u,Reflect.deleteProperty(r,"top")}else u+=f,r.top=u,Reflect.deleteProperty(r,"bottom");return r},showMenu(t,e,n){const r=this.createMenuContainerElement(!1);return Reflect.set(r,"__menuData__",{child:[]}),p.addMenuLiELement(t,r,r,e,n),wt.append(l,r),document.contains(i)||("function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(l,i),wt.appendBody(i)),this.handlerShowMenuCSS(r,t),r},showClildMenu(t,e,n,r,o,a){const i=this.createMenuContainerElement(!0);Reflect.set(i,"__menuData__",{parent:o,root:r});Reflect.get(r,"__menuData__").child.push(i),p.addMenuLiELement(t,r,i,n,a),wt.append(l,i);const s=o.closest(".pops-rightClickMenu");return this.handlerShowMenuCSS(i,e,{$menu:s,$parentItem:o}),i},handlerShowMenuCSS(t,e,n){const r=this.getOffset(t,{x:e.clientX,y:e.clientY},n);wt.css(t,{...r}),a.isAnimation&&wt.addClassName(t,`pops-${o}-anim-show`),a.useScaleAnimation&&(wt.removeClassName(t,`pops-${o}-anim-scale-not-open`),wt.addClassName(t,`pops-${o}-anim-scale-open`))},addMenuLiELement(t,e,r,a,i){const c=t.target,d=r.querySelector("ul");a.forEach(r=>{const a=wt.parseTextToDOM("<li></li>");if("string"==typeof r.icon&&""!==r.icon.trim()){const t=n.getIcon(r.icon)??r.icon,e=wt.parseTextToDOM(`<i class="pops-${o}-icon" is-loading="${r.iconIsLoading??!1}">${t}</i>`);a.appendChild(e)}a.insertAdjacentHTML("beforeend",mt.getSafeHTML(`<span>${r.text}</span>`)),r.item&&Array.isArray(r.item)&&wt.addClassName(a,`pops-${o}-item`);let f=!1;wt.on(a,"mouseenter touchstart",function(n){if("touchstart"===n.type&&(f=!0),f&&"mouseenter"===n.type)return;Array.from(d.children).forEach(t=>{wt.removeClassName(t,`pops-${o}-is-visited`);const e=Reflect.get(t,"__menuData__");e&&function t(e){e.querySelectorAll("ul li").forEach(e=>{const n=Reflect.get(e,"__menuData__");n?.child&&t(n.child)}),e.remove()}(e.child)});const s=Reflect.get(e,"__menuData__");for(let t=0;t<s.child.length;t++){const e=s.child[t];l.contains(e)||(s.child.splice(t,1),t--)}if(wt.addClassName(a,`pops-${o}-is-visited`),!r.item)return;const c=a.getBoundingClientRect(),m=p.showClildMenu(t,{clientX:c.left+wt.outerWidth(a),clientY:c.top},r.item,e,a,i);Reflect.set(a,"__menuData__",{child:m})}),wt.on(a,"click",async function(n){if("function"==typeof r.callback){try{s.Object.defineProperty(t,"target",{get:()=>c})}catch{}const e=await r.callback(n,t,a,i);if("boolean"==typeof e&&0==e)return}Array.from(d.children).forEach(t=>{wt.off(t,"mouseenter touchstart")}),p.closeAllMenu(e)}),d.appendChild(a)})}};return p.addContextMenuEvent(a.target,a.targetSelector),p.addWindowCheckClickListener(),{guid:r,config:a,removeWindowCheckClickListener:p.removeWindowCheckClickListener,addWindowCheckClickListener:p.addWindowCheckClickListener,removeContextMenuEvent:p.removeContextMenuEvent,addContextMenuEvent:p.addContextMenuEvent}}},Gt={init(t){const n=ft.getRandomGUID(),r="searchSuggestion";let o=(()=>{const t=[];for(let e=0;e<10;e++)t.push({value:`测试${e}`,enableDeleteButton:!0,deleteButtonClickCallback:(t,e,n,r)=>(console.log("删除当前项",[t,e,n,r]),!0),itemView:t=>`${t.value}-html`,clickCallback:(n,r,o,a)=>(console.log("item项的点击回调",[n,r,t,a]),e%2==0),selectCallback(e,n,r,o){console.log("item项的选中回调",[e,n,t,o])}});return{target:null,inputTarget:null,selfDocument:document,data:t,useShadowRoot:!0,className:"",isAbsolute:!0,isAnimation:!1,useFoldAnimation:!0,useArrow:!1,width:"250px",maxHeight:"300px",followTargetWidth:!0,topDistance:0,position:"auto",positionTopToReverse:!0,zIndex:1e4,searchingTip:"正在搜索中...",toSearhNotResultHTML:'<li data-none="true">暂无其它数据</li>',toHideWithNotResult:!1,followPosition:"target",inputTargetChangeRefreshShowDataCallback:async(t,e)=>(console.log("当前输入框的值是:",t),e.filter(e=>e.value.includes(t))),style:""}})();if(o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),null==o.target)throw new Error("config.target 不能为空");null==o.inputTarget&&(o.inputTarget=o.target),t.data&&(o.data=t.data);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);if($t.handleInit(i,[{name:"index",css:Ct.index},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common}]),null!=o.style){const t=wt.createElement("style",{type:"text/css",innerHTML:o.style});i.appendChild(t)}const s={selfDocument:o.selfDocument,$el:{root:null,$hintULContainer:null,$dynamicCSS:null},$evt:{offInputChangeEvtHandler:[]},$data:{isEmpty:!0},init(t=document.body||document.documentElement){s.initEl(),s.update(s.getData()),s.updateStyleSheet(),s.hide(),i.appendChild(s.$el.root),t.appendChild(a)},initEl(){s.$el.root=s.createSearchSelectElement(),Reflect.set(s.$el.root,"data-SearchSuggestion",s),s.$el.$dynamicCSS=s.$el.root.querySelector("style[data-dynamic]"),s.$el.$hintULContainer=s.$el.root.querySelector("ul")},getData:()=>"function"==typeof o.data?o.data():o.data,setData(t){o.data=t},createSearchSelectElement(){const t=wt.createElement("div",{className:`pops pops-${r}-search-suggestion`,innerHTML:`\n\t\t\t\t\t\t<style type="text/css">\n\t\t\t\t\t\t\t.pops-${r}-animation{\n\t\t\t\t\t\t\t\t-moz-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t\t-webkit-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t\t-o-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t\t-ms-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style type="text/css">\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\t--suggestion-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n\t\t\t\t\t\t\t\t--suggestion-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-color: rgb(78, 78, 78);\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-width: 10px;\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-height: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t\theight: 12.5px;\n\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion-arrow::after{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\twidth: var(--suggestion-arrow--after-width);\n\t\t\t\t\t\t\t\theight: var(--suggestion-arrow--after-height);\n\t\t\t\t\t\t\t\tbackground: var(--suggestion-arrow--after-bg-color);\n\t\t\t\t\t\t\t\tcolor: var(--suggestion-arrow--after-color);\n\t\t\t\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-left-color),\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-right-color);\n\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) translateY(-50%) rotate(45deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="top"] .pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t\theight: 12.5px;\n\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="top"] .pops-${r}-search-suggestion-arrow::after{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\twidth: var(--suggestion-arrow--after-width);\n\t\t\t\t\t\t\t\theight: var(--suggestion-arrow--after-height);\n\t\t\t\t\t\t\t\tbackground: var(--suggestion-arrow--after-bg-color);\n\t\t\t\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-left-color),\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-right-color);\n\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) translateY(-50%) rotate(45deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="bottom"] .pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\ttop: -12.5px;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="bottom"] .pops-${r}-search-suggestion-arrow::after{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style type="text/css" data-dynamic="true">\n\t\t\t\t\t\t\t${s.getDynamicCSS()}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style>\n\t\t\t\t\t\t\t.el-zoom-in-top-animation{\n\t\t\t\t\t\t\t\t--el-transition-md-fade: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),\n\t\t\t\t\t\t\t\t\topacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n\t\t\t\t\t\t\t\ttransition: var(--el-transition-md-fade);\n\t\t\t\t\t\t\t\ttransform-origin: center top;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.el-zoom-in-top-animation[data-popper-placement^="top"] {\n\t\t\t\t\t\t\t\ttransform-origin: center bottom;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.el-zoom-in-top-animation-hide{\n\t\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\t\ttransform: scaleY(0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.el-zoom-in-top-animation-show{\n\t\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\t\ttransform: scaleY(1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style type="text/css" data-user-css>\n\t\t\t\t\t\t\t${o.style||""}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<ul class="pops-${r}-search-suggestion-hint ${vt}">${o.toSearhNotResultHTML}</ul>\n\t\t\t\t\t\t${o.useArrow?`<div class="pops-${r}-search-suggestion-arrow"></div>`:""}\n \t\t\t\t `},{"data-guid":n,"type-value":r});return""!==o.className&&null!=o.className&&wt.addClassName(t,o.className),o.isAnimation&&wt.addClassName(t,`pops-${r}-animation`),o.useFoldAnimation&&wt.addClassName(t,"el-zoom-in-top-animation"),t},getDynamicCSS:()=>`\n\t\t\t\t.pops-${r}-search-suggestion{\n\t\t\t\t\t--search-suggestion-bg-color: #ffffff;\n\t\t\t\t\t--search-suggestion-box-shadow-color: rgb(0 0 0 / 20%);\n\t\t\t\t\t--search-suggestion-item-color: #515a6e;\n\t\t\t\t\t--search-suggestion-item-none-color: #8e8e8e;\n\t\t\t\t\t--search-suggestion-item-is-hover-bg-color: #f5f7fa;\n\t\t\t\t\t--search-suggestion-item-is-select-bg-color: #409eff;\n\t\t\t\t}\n\t\t\t\t.pops-${r}-search-suggestion{\n\t\t\t\t\tborder: initial;\n\t\t\t\t\toverflow: initial;\n\t\t\t\t\tposition: ${o.isAbsolute?"absolute":"fixed"};\n\t\t\t\t\tz-index: ${$t.handleZIndex(o.zIndex)};\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint{\n\t\t\t\t\tmax-height: ${o.maxHeight};\n\t\t\t\t\toverflow-x: hidden;\n\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\tpadding: 5px 0;\n\t\t\t\t\tbackground-color: var(--search-suggestion-bg-color);\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tbox-shadow: 0 1px 6px var(--search-suggestion-box-shadow-color);\n\t\t\t\t}\n\t\t\t\t/* 建议框在上面时 */\n\t\t\t\t.pops-${r}-search-suggestion[data-top-reverse] ul.pops-${r}-search-suggestion-hint{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column-reverse;\n\t\t\t\t}\n\t\t\t\t.pops-${r}-search-suggestion[data-top-reverse] ul.pops-${r}-search-suggestion-hint li{\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint li{\n\t\t\t\t\tpadding: 7px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tclear: both;\n\t\t\t\t\tcolor: var(--search-suggestion-item-color);\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tlist-style: none;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttransition: background .2s ease-in-out;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint li[data-none]{\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tcolor: var(--search-suggestion-item-none-color);\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint li:not([data-none]):hover{\n\t\t\t\t\tbackground-color: var(--search-suggestion-item-is-hover-bg-color);\n\t\t\t\t}\n\t\t\t\t@media (prefers-color-scheme: dark){\n\t\t\t\t\t.pops-${r}-search-suggestion{\n\t\t\t\t\t\t--search-suggestion-bg-color: #1d1e1f;\n\t\t\t\t\t\t--search-suggestion-item-color: #cfd3d4;\n\t\t\t\t\t\t--search-suggestion-item-is-hover-bg-color: rgba(175, 175, 175, .1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t`,getItemDataValue:t=>t,createSearchItemLiElement(t,e){const n=s.getItemDataValue(t),a=wt.createElement("li",{className:`pops-${r}-search-suggestion-hint-item`,"data-index":e,"data-value":n});Reflect.set(a,"data-index",e),Reflect.set(a,"data-value",n);const i=t.itemView(t,a,o);"string"==typeof i?mt.setSafeHTML(a,i):wt.append(a,i);const l=t.enableDeleteButton;if("boolean"==typeof l&&l){const t=s.createItemDeleteIcon();wt.append(a,t)}return wt.addClassName(a,ut),wt.addClassName(a,ht),a},setSearchItemClickEvent(t){wt.on(t,"click",async e=>{wt.preventEvent(e);const n=e.target,a=s.getData(),i=Reflect.get(t,"data-value");if(Boolean(n.closest(`.pops-${r}-delete-icon`))){if("function"==typeof i.deleteButtonClickCallback){const n=await i.deleteButtonClickCallback(e,t,i,o);"boolean"==typeof n&&n&&(a.splice(a.indexOf(i),1),t.remove())}s.$el.$hintULContainer.children.length||s.clear(),s.updateStyleSheet()}else if("function"==typeof i.clickCallback){const n=await i.clickCallback(e,t,i,o);"boolean"==typeof n&&n&&(o.inputTarget instanceof HTMLInputElement||o.inputTarget instanceof HTMLTextAreaElement)&&(o.inputTarget.value=String(i.value))}},{capture:!0})},setSearchItemSelectEvent(t){},setInputChangeEvent(t={capture:!0}){if(!(o.inputTarget instanceof HTMLInputElement||o.inputTarget instanceof HTMLTextAreaElement))return;o.inputTarget.setAttribute("autocomplete","off");const e=wt.onInput(o.inputTarget,async t=>{const e=s.getData(),n=await o.inputTargetChangeRefreshShowDataCallback(o.inputTarget.value,e,o);s.update(n),s.updateStyleSheet()},t);s.$evt.offInputChangeEvtHandler.push(e.off)},removeInputChangeEvent(t={capture:!0}){for(let t=0;t<s.$evt.offInputChangeEvtHandler.length;t++){(0,s.$evt.offInputChangeEvtHandler[t])(),s.$evt.offInputChangeEvtHandler.splice(t,1),t--}},showEvent(){s.updateStyleSheet(),o.toHideWithNotResult&&s.$data.isEmpty?s.hide(!0):s.show()},setShowEvent(t={capture:!0}){if("target"===o.followPosition)wt.on([o.target],["focus","click"],void 0,s.showEvent,t);else if("input"===o.followPosition)wt.on([o.inputTarget],["focus","click"],void 0,s.showEvent,t);else{if("inputCursor"!==o.followPosition)throw new Error("未知followPosition:"+o.followPosition);wt.on([o.inputTarget],["focus","click","input"],void 0,s.showEvent,t)}},removeShowEvent(t={capture:!0}){wt.off([o.target,o.inputTarget],["focus","click"],void 0,s.showEvent,t),wt.off([o.inputTarget],["input"],void 0,s.showEvent,t)},hideEvent(t){if(t.target instanceof Node){if(a.contains(t.target))return;if(o.target.contains(t.target))return;if(o.inputTarget.contains(t.target))return;s.hide(!0)}},setHideEvent(t={capture:!0}){Array.isArray(s.selfDocument)?s.selfDocument.forEach(e=>{wt.on(e,["click","touchstart"],void 0,s.hideEvent,t)}):wt.on(s.selfDocument,["click","touchstart"],void 0,s.hideEvent,t)},removeHideEvent(t={capture:!0}){Array.isArray(s.selfDocument)?s.selfDocument.forEach(e=>{wt.off(e,["click","touchstart"],void 0,s.hideEvent,t)}):wt.off(s.selfDocument,["click","touchstart"],void 0,s.hideEvent,t)},setAllEvent(t={capture:!0}){s.setInputChangeEvent(t),s.setHideEvent(t),s.setShowEvent(t)},removeAllEvent(t={capture:!0}){s.removeInputChangeEvent(t),s.removeHideEvent(t),s.removeShowEvent(t)},createItemDeleteIcon:(t=16,e="#bababa")=>wt.parseTextToDOM(`\n\t\t\t\t\t<svg class="pops-${r}-delete-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" fill="${e}">\n\t\t\t\t\t\t<path d="M512 883.2A371.2 371.2 0 1 0 140.8 512 371.2 371.2 0 0 0 512 883.2z m0 64a435.2 435.2 0 1 1 435.2-435.2 435.2 435.2 0 0 1-435.2 435.2z"></path>\n\t\t\t\t\t\t<path d="M557.056 512l122.368 122.368a31.744 31.744 0 1 1-45.056 45.056L512 557.056l-122.368 122.368a31.744 31.744 0 1 1-45.056-45.056L466.944 512 344.576 389.632a31.744 31.744 0 1 1 45.056-45.056L512 466.944l122.368-122.368a31.744 31.744 0 1 1 45.056 45.056z"></path>\n\t\t\t\t\t</svg>\n \t\t\t`),setPromptsInSearch(){const t=wt.createElement("li",{className:`pops-${r}-search-suggestion-hint-searching-item`,innerHTML:o.searchingTip});s.addItem(t)},removePromptsInSearch(){s.$el.$hintULContainer.querySelector(`li.pops-${r}-search-suggestion-hint-searching-item`)?.remove()},changeHintULElementPosition(t=o.target??o.inputTarget,e=!0){let n=null;if(n="inputCursor"===o.followPosition?wt.getTextBoundingRect(o.inputTarget,o.inputTarget.selectionStart||0,o.inputTarget.selectionEnd||0,!1):o.isAbsolute?wt.offset(t):t.getBoundingClientRect(),null==n)return;let r=document.documentElement.clientHeight;o.isAbsolute&&(r=wt.height(document));const a=wt.width(document);let i=o.position;if("auto"===o.position){i=n.bottom+wt.height(s.$el.$hintULContainer)>r?"top":"bottom"}if("top"===i){o.positionTopToReverse&&s.$el.root.setAttribute("data-top-reverse","true"),o.useFoldAnimation&&s.$el.root.setAttribute("data-popper-placement","top");const t=r-n.top+o.topDistance;s.$el.root.style.top="",s.$el.root.style.bottom=t+"px"}else if("bottom"===i){o.useFoldAnimation&&s.$el.root.setAttribute("data-popper-placement","bottom-center");const t=n.height+n.top+o.topDistance;s.$el.root.removeAttribute("data-top-reverse"),s.$el.root.style.bottom="",s.$el.root.style.top=t+"px"}let l=n.left;const p=wt.width(s.$el.$hintULContainer);p>a&&(l=l+a-p),s.$el.root.style.left=l+"px",e&&s.changeHintULElementPosition(t,!e)},changeHintULElementWidth(t=o.target??o.inputTarget){const e=t.getBoundingClientRect();o.followTargetWidth?s.$el.$hintULContainer.style.width=e.width+"px":s.$el.$hintULContainer.style.width=o.width},updateDynamicCSS(){const t=s.getDynamicCSS();mt.setSafeHTML(s.$el.$dynamicCSS,t)},updateStyleSheet(){s.updateDynamicCSS(),s.changeHintULElementWidth(),s.changeHintULElementPosition()},addItem(t){s.$el.$hintULContainer.appendChild(t)},update(t=[]){if(!Array.isArray(t))throw new TypeError("传入的数据不是数组");const e=t;if(e.length){s.$data.isEmpty=!1,o.toHideWithNotResult&&s.show(),s.clear(!0);const t=document.createDocumentFragment();e.forEach((e,n)=>{const r=s.createSearchItemLiElement(e,n);s.setSearchItemClickEvent(r),s.setSearchItemSelectEvent(r),t.appendChild(r)}),s.addItem(t)}else s.clear()},clear(t=!1){if(mt.setSafeHTML(s.$el.$hintULContainer,""),t)return;let e;s.$data.isEmpty=!0,e="string"==typeof o.toSearhNotResultHTML?wt.parseTextToDOM(o.toSearhNotResultHTML):o.toSearhNotResultHTML(),s.addItem(e),o.toHideWithNotResult&&s.hide()},hide(t=!1){o.useFoldAnimation?(t||wt.removeClassName(s.$el.root,"el-zoom-in-top-animation"),wt.addClassName(s.$el.root,"el-zoom-in-top-animation"),wt.addClassName(s.$el.root,"el-zoom-in-top-animation-hide"),wt.removeClassName(s.$el.root,"el-zoom-in-top-animation-show")):s.$el.root.style.display="none"},show(){s.$el.root.style.display="",o.useFoldAnimation&&(wt.addClassName(s.$el.root,"el-zoom-in-top-animation"),wt.removeClassName(s.$el.root,"el-zoom-in-top-animation-hide"),wt.addClassName(s.$el.root,"el-zoom-in-top-animation-show"))}};return s}};class Qt{config={version:"2.5.2",cssText:Ct,iconSVG:n.$data,animation:kt.$data,instData:Et,forbiddenScroll:{event:t=>wt.preventEvent(t)},Utils:ft,DOMUtils:wt,InstanceUtils:St,MathFloatUtils:Ot,PanelHandlerComponents:Ht};init(){}noConflict(){return"object"==typeof i.globalThis.pops&&ft.delete(i.globalThis,"pops"),"object"==typeof unsafeWindow&&null!=unsafeWindow&&"object"==typeof unsafeWindow.pops&&ft.delete(unsafeWindow,"pops"),new Qt}isPhone(t){return ft.isPhone(t)}GlobalConfig=e;alert=t=>Tt.init(t);confirm=t=>It.init(t);prompt=t=>Ft.init(t);loading=t=>Bt.init(t);iframe=t=>Pt.init(t);tooltip=t=>Dt.init(t);drawer=t=>Mt.init(t);folder=t=>Rt.init(t);panel=t=>Ut.init(t);rightClickMenu=t=>Yt.init(t);searchSuggestion=t=>Gt.init(t)}t("default",new Qt)}}});
1
+ System.register("pops",[],function(t){"use strict";return{execute:function(){const e={config:{},setGlobalConfig(t){Reflect.ownKeys(t).forEach(n=>{Reflect.set(e.config,n,Reflect.get(t,n))})},getGlobalConfig(){const t={};return Object.keys(e.config).forEach(n=>{const r=Reflect.get(e.config,n);if("style"===n){const e=null==r?"":"function"==typeof r?r():r;"string"==typeof e&&(t.style=e)}else if("zIndex"===n){let e=null==r?"":"function"==typeof r?r():r;if("string"==typeof e){const n=e=Number(e);isNaN(n)||(t.zIndex=n)}else isNaN(e)||(t.zIndex=e)}else if("mask"===n){const n=null==e.config.mask?{}:e.config.mask;"object"==typeof n&&null!=n&&(t.mask=n)}else Reflect.set(t,n,r)}),t}};const n={$data:{min:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"></path>\r\n</svg>\r\n',mise:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M885.333333 85.333333H330.410667a53.333333 53.333333 0 0 0-53.333334 53.333334v106.666666H138.666667A53.333333 53.333333 0 0 0 85.333333 298.666667v586.666666a53.333333 53.333333 0 0 0 53.333334 53.333334H725.333333a53.333333 53.333333 0 0 0 53.333334-53.333334V746.154667h106.666666c29.44 0 53.333333-23.893333 53.333334-53.333334V138.666667A53.333333 53.333333 0 0 0 885.333333 85.333333zM725.333333 692.821333v192.512H138.666667V298.666667H725.333333v394.154666z m157.866667 0H778.666667V298.666667a53.333333 53.333333 0 0 0-53.333334-53.333334H330.410667v-106.666666h554.922666l-2.133333 554.154666z"></path>\r\n</svg>\r\n',max:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"></path>\r\n</svg>\r\n',close:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="close">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>\r\n</svg>\r\n',edit:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"></path>\r\n</svg>\r\n',share:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m679.872 348.8-301.76 188.608a127.808 127.808 0 0 1 5.12 52.16l279.936 104.96a128 128 0 1 1-22.464 59.904l-279.872-104.96a128 128 0 1 1-16.64-166.272l301.696-188.608a128 128 0 1 1 33.92 54.272z"></path>\r\n</svg>\r\n',delete:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"></path>\r\n</svg>\r\n',search:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"></path>\r\n</svg>\r\n',upload:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"></path>\r\n</svg>\r\n',loading:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>\r\n</svg>\r\n',next:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n',prev:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n',eleme:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M300.032 188.8c174.72-113.28 408-63.36 522.24 109.44 5.76 10.56 11.52 20.16 17.28 30.72v.96a22.4 22.4 0 0 1-7.68 26.88l-352.32 228.48c-9.6 6.72-22.08 3.84-28.8-5.76l-18.24-27.84a54.336 54.336 0 0 1 16.32-74.88l225.6-146.88c9.6-6.72 12.48-19.2 5.76-28.8-.96-1.92-1.92-3.84-3.84-4.8a267.84 267.84 0 0 0-315.84-17.28c-123.84 81.6-159.36 247.68-78.72 371.52a268.096 268.096 0 0 0 370.56 78.72 54.336 54.336 0 0 1 74.88 16.32l17.28 26.88c5.76 9.6 3.84 21.12-4.8 27.84-8.64 7.68-18.24 14.4-28.8 21.12a377.92 377.92 0 0 1-522.24-110.4c-113.28-174.72-63.36-408 111.36-522.24zm526.08 305.28a22.336 22.336 0 0 1 28.8 5.76l23.04 35.52a63.232 63.232 0 0 1-18.24 87.36l-35.52 23.04c-9.6 6.72-22.08 3.84-28.8-5.76l-46.08-71.04c-6.72-9.6-3.84-22.08 5.76-28.8l71.04-46.08z"></path>\r\n</svg>\r\n',elemePlus:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\td="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960c-10.2 5.1-20.5 5.1-30.7 0 0 0-314.9-184.3-325.1-192-5.1-5.1-10.2-12.8-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6c12.8-5.1 25.6-5.1 38.4 0 0 0 279 161.3 309.8 179.2 17.9 7.7 28.2 25.6 25.6 46.1-.1-5-.1 317.5-.1 350.8zM714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9 7.7 5.1 256 148.5 256 148.5 7.7 5.1 17.9 5.1 25.6 0 15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535c5.1-7.7 10.2-20.5 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4l220.1-128zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64l-2.5-38.4z"\r\n\t\tfill="currentColor"></path>\r\n</svg>\r\n',chromeFilled:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xml:space="preserve" data-type="chromeFilled">\r\n\t<path\r\n\t\td="M938.67 512.01c0-44.59-6.82-87.6-19.54-128H682.67a212.372 212.372 0 0 1 42.67 128c.06 38.71-10.45 76.7-30.42 109.87l-182.91 316.8c235.65-.01 426.66-191.02 426.66-426.67z"\r\n\t\tfill="currentColor"></path>\r\n\t<path\r\n\t\td="M576.79 401.63a127.92 127.92 0 0 0-63.56-17.6c-22.36-.22-44.39 5.43-63.89 16.38s-35.79 26.82-47.25 46.02a128.005 128.005 0 0 0-2.16 127.44l1.24 2.13a127.906 127.906 0 0 0 46.36 46.61 127.907 127.907 0 0 0 63.38 17.44c22.29.2 44.24-5.43 63.68-16.33a127.94 127.94 0 0 0 47.16-45.79v-.01l1.11-1.92a127.984 127.984 0 0 0 .29-127.46 127.957 127.957 0 0 0-46.36-46.91z"\r\n\t\tfill="currentColor"></path>\r\n\t<path\r\n\t\td="M394.45 333.96A213.336 213.336 0 0 1 512 298.67h369.58A426.503 426.503 0 0 0 512 85.34a425.598 425.598 0 0 0-171.74 35.98 425.644 425.644 0 0 0-142.62 102.22l118.14 204.63a213.397 213.397 0 0 1 78.67-94.21zM512.01 938.68H512zM414.76 701.95a213.284 213.284 0 0 1-89.54-86.81L142.48 298.6c-36.35 62.81-57.13 135.68-57.13 213.42 0 203.81 142.93 374.22 333.95 416.55h.04l118.19-204.71a213.315 213.315 0 0 1-122.77-21.91z"\r\n\t\tfill="currentColor"></path>\r\n</svg>\r\n',cpu:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M320 256a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64H320zm0-64h384a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H320a128 128 0 0 1-128-128V320a128 128 0 0 1 128-128z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm160 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm-320 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm160 896a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zm160 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zm-320 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zM64 512a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm0-160a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm0 320a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm896-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32zm0-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32zm0 320a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32z"></path>\r\n</svg>\r\n',videoPlay:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-48-247.616L668.608 512 464 375.616v272.768zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z"></path>\r\n</svg>\r\n',videoPause:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32zm192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32z"></path>\r\n</svg>\r\n',headset:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M896 529.152V512a384 384 0 1 0-768 0v17.152A128 128 0 0 1 320 640v128a128 128 0 1 1-256 0V512a448 448 0 1 1 896 0v256a128 128 0 1 1-256 0V640a128 128 0 0 1 192-110.848zM896 640a64 64 0 0 0-128 0v128a64 64 0 0 0 128 0V640zm-768 0v128a64 64 0 0 0 128 0V640a64 64 0 1 0-128 0z"></path>\r\n</svg>\r\n',monitor:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M544 768v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768H192A128 128 0 0 1 64 640V256a128 128 0 0 1 128-128h640a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H544zM192 192a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H192z"></path>\r\n</svg>\r\n',documentCopy:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M128 320v576h576V320H128zm-32-64h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32zM960 96v704a32 32 0 0 1-32 32h-96v-64h64V128H384v64h-64V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32zM256 672h320v64H256v-64zm0-192h320v64H256v-64z"></path>\r\n</svg>\r\n',picture:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M160 160v704h704V160H160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64zM185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952L185.408 876.992z"></path>\r\n</svg>\r\n',circleClose:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="circleClose">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"></path>\r\n</svg>\r\n',view:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"></path>\r\n</svg>\r\n',hide:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"></path>\r\n\t<path\r\n\t\tfill="currentColor"\r\n\t\td="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"></path>\r\n</svg>\r\n',keyboard:'<svg viewBox="0 0 1123 1024" xmlns="http://www.w3.org/2000/svg">\r\n\t<path\r\n\t\td="M1014.122186 1024H109.753483A109.753483 109.753483 0 0 1 0 914.246517V392.917471a109.753483 109.753483 0 0 1 109.753483-109.753484h904.368703a109.753483 109.753483 0 0 1 109.753484 109.753484v521.329046a109.753483 109.753483 0 0 1-109.753484 109.753483zM109.753483 370.966774a21.950697 21.950697 0 0 0-21.950696 21.950697v521.329046a21.950697 21.950697 0 0 0 21.950696 21.950696h904.368703a21.950697 21.950697 0 0 0 21.950697-21.950696V392.917471a21.950697 21.950697 0 0 0-21.950697-21.950697z"></path>\r\n\t<path\r\n\t\td="M687.056806 891.198285H307.309753a43.901393 43.901393 0 0 1 0-87.802787h379.747053a43.901393 43.901393 0 0 1 0 87.802787zM175.605573 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM432.428725 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM947.172562 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 546.572347a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 803.395498a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 678.276527a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM948.270096 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394z"></path>\r\n\t<path\r\n\t\td="M881.320472 766.079314H689.251876a43.901393 43.901393 0 0 1 0-87.802787h192.068596a21.950697 21.950697 0 0 0 21.950696-21.950696v-65.85209a43.901393 43.901393 0 0 1 87.802787 0v65.85209a109.753483 109.753483 0 0 1-109.753483 109.753483zM305.114684 502.670954H175.605573a43.901393 43.901393 0 0 1 0-87.802787h129.509111a43.901393 43.901393 0 0 1 0 87.802787zM563.03537 365.4791a43.901393 43.901393 0 0 1-43.901394-43.901394v-105.363344A109.753483 109.753483 0 0 1 628.88746 106.460879h61.461951a21.950697 21.950697 0 0 0 21.950696-21.950697V43.901393a43.901393 43.901393 0 0 1 87.802787 0v40.608789a109.753483 109.753483 0 0 1-109.753483 109.753484h-61.461951a21.950697 21.950697 0 0 0-21.950697 21.950696v105.363344a43.901393 43.901393 0 0 1-43.901393 43.901394z"></path>\r\n</svg>\r\n',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="arrowRight">\r\n\t<path\r\n\t\td="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n',arrowLeft:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="arrowLeft">\r\n\t<path\r\n\t\td="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n'},hasIcon:t=>Object.keys(n.$data).includes(t),getIcon:t=>n.$data[t],deleteIcon:t=>Reflect.deleteProperty(n.$data,t),setIcon(t,e){Reflect.set(n.$data,t,e)}},r=Symbol("events_"+(65536*(1+Math.random())|0).toString(16).substring(1)),o={document:document,window:window,globalThis:globalThis,self:self,setTimeout:globalThis.setTimeout.bind(globalThis),setInterval:globalThis.setInterval.bind(globalThis),clearTimeout:globalThis.clearTimeout.bind(globalThis),clearInterval:globalThis.clearInterval.bind(globalThis)},a=Object.assign({},o),i={init(t){t||(t=Object.assign({},o)),Object.assign(a,t)},get document(){return a.document},get window(){return a.window},get globalThis(){return a.globalThis},get self(){return a.self},get setTimeout(){return a.setTimeout},get setInterval(){return a.setInterval},get clearTimeout(){return a.clearTimeout},get clearInterval(){return a.clearInterval}},s={Object:{defineProperty:Object.defineProperty}},l=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,p=536870912,c=1073741824,d=new WeakMap;var f;const m=((t,e)=>n=>{const r=e.get(n);let o=void 0===r?n.size:r<c?r+1:0;if(!n.has(o))return t(n,o);if(n.size<p){for(;n.has(o);)o=Math.floor(Math.random()*c);return t(n,o)}if(n.size>l)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;n.has(o);)o=Math.floor(Math.random()*l);return t(n,o)})((f=d,(t,e)=>(f.set(t,e),e)),d),u=new WeakMap,h=new WeakMap,b=new Map([[0,null]]),g=new Map([[0,null]]),v=(t=>{const e=(n=t,{...n,connect:({call:t})=>async()=>{const{port1:e,port2:n}=new MessageChannel,r=await t("connect",{port:e},[e]);return u.set(n,r),n},disconnect:({call:t})=>async e=>{const n=u.get(e);if(void 0===n)throw new Error("The given port is not connected.");await t("disconnect",{portId:n})},isSupported:({call:t})=>()=>t("isSupported")});var n;return t=>{const n=(t=>{if(h.has(t))return h.get(t);const e=new Map;return h.set(t,e),e})(t);t.addEventListener("message",({data:t})=>{const{id:e}=t;if(null!==e&&n.has(e)){const{reject:r,resolve:o}=n.get(e);n.delete(e),void 0===t.error?o(t.result):r(new Error(t.error.message))}}),(t=>"function"==typeof t.start)(t)&&t.start();const r=(e,r=null,o=[])=>new Promise((a,i)=>{const s=m(n);n.set(s,{reject:i,resolve:a}),null===r?t.postMessage({id:s,method:e},o):t.postMessage({id:s,method:e,params:r},o)}),o=(e,n,r=[])=>{t.postMessage({id:null,method:e,params:n},r)};let a={};for(const[t,n]of Object.entries(e))a={...a,[t]:n({call:r,notify:o})};return{...a}}})({clearInterval:({call:t})=>e=>{"symbol"==typeof b.get(e)&&(b.set(e,null),t("clear",{timerId:e,timerType:"interval"}).then(()=>{b.delete(e)}))},clearTimeout:({call:t})=>e=>{"symbol"==typeof g.get(e)&&(g.set(e,null),t("clear",{timerId:e,timerType:"timeout"}).then(()=>{g.delete(e)}))},setInterval:({call:t})=>(e,n=0,...r)=>{const o=Symbol(),a=m(b);b.set(a,o);const i=()=>t("set",{delay:n,now:performance.timeOrigin+performance.now(),timerId:a,timerType:"interval"}).then(()=>{const t=b.get(a);if(void 0===t)throw new Error("The timer is in an undefined state.");t===o&&(e(...r),b.get(a)===o&&i())});return i(),a},setTimeout:({call:t})=>(e,n=0,...r)=>{const o=Symbol(),a=m(g);return g.set(a,o),t("set",{delay:n,now:performance.timeOrigin+performance.now(),timerId:a,timerType:"timeout"}).then(()=>{const t=g.get(a);if(void 0===t)throw new Error("The timer is in an undefined state.");t===o&&(g.delete(a),e(...r))}),a}}),x=((t,e)=>{let n=null;return()=>{if(null!==n)return n;const r=new Blob([e],{type:"application/javascript; charset=utf-8"}),o=URL.createObjectURL(r);return n=t(o),setTimeout(()=>URL.revokeObjectURL(o)),n}})(t=>{const e=new Worker(t);return v(e)},'(()=>{var e={455:function(e,t){!function(e){"use strict";var t=function(e){return function(t){var r=e(t);return t.add(r),r}},r=function(e){return function(t,r){return e.set(t,r),r}},n=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,o=536870912,s=2*o,a=function(e,t){return function(r){var a=t.get(r),i=void 0===a?r.size:a<s?a+1:0;if(!r.has(i))return e(r,i);if(r.size<o){for(;r.has(i);)i=Math.floor(Math.random()*s);return e(r,i)}if(r.size>n)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;r.has(i);)i=Math.floor(Math.random()*n);return e(r,i)}},i=new WeakMap,u=r(i),c=a(u,i),l=t(c);e.addUniqueNumber=l,e.generateUniqueNumber=c}(t)}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n].call(s.exports,s,s.exports,r),s.exports}(()=>{"use strict";const e=-32603,t=-32602,n=-32601,o=(e,t)=>Object.assign(new Error(e),{status:t}),s=t=>o(\'The handler of the method called "\'.concat(t,\'" returned an unexpected result.\'),e),a=(t,r)=>async({data:{id:a,method:i,params:u}})=>{const c=r[i];try{if(void 0===c)throw(e=>o(\'The requested method called "\'.concat(e,\'" is not supported.\'),n))(i);const r=void 0===u?c():c(u);if(void 0===r)throw(t=>o(\'The handler of the method called "\'.concat(t,\'" returned no required result.\'),e))(i);const l=r instanceof Promise?await r:r;if(null===a){if(void 0!==l.result)throw s(i)}else{if(void 0===l.result)throw s(i);const{result:e,transferables:r=[]}=l;t.postMessage({id:a,result:e},r)}}catch(e){const{message:r,status:n=-32603}=e;t.postMessage({error:{code:n,message:r},id:a})}};var i=r(455);const u=new Map,c=(e,r,n)=>({...r,connect:({port:t})=>{t.start();const n=e(t,r),o=(0,i.generateUniqueNumber)(u);return u.set(o,()=>{n(),t.close(),u.delete(o)}),{result:o}},disconnect:({portId:e})=>{const r=u.get(e);if(void 0===r)throw(e=>o(\'The specified parameter called "portId" with the given value "\'.concat(e,\'" does not identify a port connected to this worker.\'),t))(e);return r(),{result:null}},isSupported:async()=>{if(await new Promise(e=>{const t=new ArrayBuffer(0),{port1:r,port2:n}=new MessageChannel;r.onmessage=({data:t})=>e(null!==t),n.postMessage(t,[t])})){const e=n();return{result:e instanceof Promise?await e:e}}return{result:!1}}}),l=(e,t,r=()=>!0)=>{const n=c(l,t,r),o=a(e,n);return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},d=(e,t)=>r=>{const n=t.get(r);if(void 0===n)return Promise.resolve(!1);const[o,s]=n;return e(o),t.delete(r),s(!1),Promise.resolve(!0)},f=(e,t,r,n)=>(o,s,a)=>{const i=o+s-t.timeOrigin,u=i-t.now();return new Promise(t=>{e.set(a,[r(n,u,i,e,t,a),t])})},m=new Map,h=d(globalThis.clearTimeout,m),p=new Map,v=d(globalThis.clearTimeout,p),w=((e,t)=>{const r=(n,o,s,a)=>{const i=n-e.now();i>0?o.set(a,[t(r,i,n,o,s,a),s]):(o.delete(a),s(!0))};return r})(performance,globalThis.setTimeout),g=f(m,performance,globalThis.setTimeout,w),T=f(p,performance,globalThis.setTimeout,w);l(self,{clear:async({timerId:e,timerType:t})=>({result:await("interval"===t?h(e):v(e))}),set:async({delay:e,now:t,timerId:r,timerType:n})=>({result:await("interval"===n?g:T)(e,t,r)})})})()})();');let y=class{constructor(){this.__map={}}beforeEach(t){this.__interceptor=t}on(t,e){const n=Array.isArray(t)?t:[t];for(const t of n){this.__map[t]=this.__map[t]||[];const n=this.__map[t];n&&n.push(e)}return this}emit(t,e,n){void 0!==this.__interceptor?this.__interceptor(t,()=>{this.__emit(t,e),n&&n()}):(this.__emit(t,e),n&&n())}__emit(t,e){const n=this.__map[t];if(Array.isArray(n)&&(null==n?void 0:n.length))for(const r of n)r(e,t);this.event=e}off(t,e){const n=this.__map[t];if(void 0!==n)if(void 0===e)delete this.__map[t];else{const t=n.findIndex(t=>t===e);n.splice(t,1)}}destroy(){this.__map={}}};const w="clientX",A="clientY",C="start",k="cancel",E="end",S={4:"start",5:"move",1:"end",3:"cancel"};function $(t){return S[t]}function T(t,e,n){const r={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(t)][e];return void 0!==r&&r[n]||0}function I(t){[1,3,2].includes(t.state)&&(t.state=0)}function M(t){return[5,1,3].includes(t)}function B(t){if(t.disabled)return t.state=0,!0}function L(t,e){return Object.assign(Object.assign(Object.assign({},t),e),{state:0,disabled:!1})}function z(t){return Math.round(100*t)/100}function P(){let t,e,n,r,o=0;return function(a){if(t=e,void 0!==a){o=Number.MAX_SAFE_INTEGER>o?++o:1;const i=function(t,e){const{phase:n,points:r,changedPoints:o,nativeEvent:a}=t,i=r.length,s=C===n,l=E===n&&0===i||k===n,p=Date.now(),{x:c,y:d}=R(r)||R(o),{currentTarget:f}=a;return Object.assign(t,{id:e,x:c,y:d,timestamp:p,isStart:s,isEnd:l,pointLength:i,currentTarget:f,getOffset(t=f){const e=t.getBoundingClientRect();return{x:c-Math.round(e.left),y:d-Math.round(e.top)}}})}(a,o);e=i;const{isStart:s,pointLength:l}=i;return s&&(n=i,t=void 0,r=1<l?i:void 0),Object.assign(Object.assign({},i),{prevInput:t,startMultiInput:r,startInput:n})}}}function R(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return{x:Math.round(e),y:Math.round(n)}}const n=t.reduce((t,e)=>(t.x+=e[w],t.y+=e[A],t),{x:0,y:0});return{x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function N(t,e,n,r){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let a;return document.createEvent?(a=document.createEvent("HTMLEvents"),a.initEvent(t,null==r?void 0:r.bubbles,null==r?void 0:r.cancelable)):a=new Event(t,r),Object.assign(a,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every(t=>a.currentTarget.contains(t))}),e.dispatchEvent(a)}const O=["touchstart","touchmove","touchend","touchcancel","mousedown"],D=["mousemove","mouseup"],_={domEvents:{bubbles:!0,cancelable:!0},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return!/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return!1}};let H=class extends y{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=!1,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},_),e);const n=function(t){const e=P();return function(n){const r=[],o=[];Array.from(n.touches).forEach(({clientX:e,clientY:n,target:a})=>{(null==t?void 0:t.contains(a))&&(r.push(a),o.push({clientX:e,clientY:n,target:a}))});const a=Array.from(n.changedTouches).map(({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n}));return e({phase:n.type.replace("touch",""),changedPoints:a,points:o,nativeEvent:n,target:n.target,targets:r})}}(this.el),r=function(){let t,e=!1,n=null;const r=P();return function(o){const{clientX:a,clientY:i,type:s,button:l,target:p}=o;let c,d=[{clientX:a,clientY:i,target:p}];if("mousedown"===s&&0===l)n=p,e=!0,c="start";else{if(!e)return;"mousemove"===s?c="move":"mouseup"===s&&(d=[],c="end",e=!1)}const f=t||[{clientX:a,clientY:i,target:p}];if(t=[{clientX:a,clientY:i,target:p}],void 0!==c)return r({phase:c,changedPoints:f,points:d,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:r,mousemove:r,mouseup:r},this.on("at:after",t=>{const{target:e,__type:n}=t,{domEvents:r}=this.__options;r&&void 0!==this.el&&e&&(N(n,e,t,r),N("at:after",e,t,r))}),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=!1;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0}}),window.addEventListener("_",()=>{},t)}catch(t){}this.on("u",function(t,e,n){return O.forEach(r=>{t.addEventListener(r,e,n)}),D.forEach(t=>{window.addEventListener(t,e,n)}),()=>{O.forEach(n=>{t.removeEventListener(n,e)}),D.forEach(t=>{window.removeEventListener(t,e)})}}(t,this.catchEvent.bind(this),!1===this.__options.preventDefault&&e?{passive:!0}:{passive:!1}))}}use(t,e){this.__pluginContexts.push(t(this,e))}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),r=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(function(t,e){const{preventDefault:n}=e;return r=n,"[object Function]"===Object.prototype.toString.call(r)?n(t):!!n;var r}(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=!0:"touchmove"===t.type&&(this.__isIgnoreMouse=!1),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=!1));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const a={};this.__computeFunctionList.forEach(t=>{const n=t(e,a);if(void 0!==n)for(const t in n)a[t]=n[t]}),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),a),{stopPropagation:n,stopImmediatePropagation:r,preventDefault:o}))}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e)}beforeEach(t){super.beforeEach((e,n)=>{var r;(null===(r=this.c)||void 0===r?void 0:r.name)?t(e,n):n()})}get(t){return this.__pluginContexts.find(e=>t===e.name)}set(t){this.__options=Object.assign(Object.assign({},this.__options),t)}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}))})}destroy(){this.emit("u"),super.destroy()}};var U=t=>Math.sqrt(t.x*t.x+t.y*t.y),F=t=>t/Math.PI*180,V=(t,e)=>{var n=((t,e)=>{var n=U(t)*U(e);if(0===n)return 0;var r=((t,e)=>t.x*e.x+t.y*e.y)(t,e)/n;return r>1&&(r=1),Math.acos(r)})(t,e);return((t,e)=>t.x*e.y-e.x*t.y)(t,e)>0&&(n*=-1),F(n)},Y=(t,e)=>{if(0!==t||0!==e)return Math.abs(t)>=Math.abs(e)?0<t?"right":"left":0<e?"down":"up"};function G(){let t=0,e=0;return function(n,r){const{prevVecotr:o,startVecotr:a,activeVecotr:i}=r;return i&&(e=Math.round(V(i,o)),t=Math.round(V(i,a))),{angle:t,deltaAngle:e}}}function Q(){return function(t){const{prevInput:e}=t;let n=0,r=0,o=0;if(void 0!==e&&(n=t.x-e.x,r=t.y-e.y,0!==n||0!==r)){const t=Math.sqrt(Math.pow(n,2)+Math.pow(r,2));o=Math.round(F(Math.acos(Math.abs(n)/t)))}return{deltaX:n,deltaY:r,deltaXYAngle:o}}}function K(){let t,e=0,n=0,r=0,o=0,a=0;return function(i){const{phase:s,startInput:l}=i;return C===s?(e=0,n=0,r=0,o=0,a=0):"move"===s&&(e=Math.round(i.points[0][w]-l.points[0][w]),n=Math.round(i.points[0][A]-l.points[0][A]),r=Math.abs(e),o=Math.abs(n),a=Math.round(U({x:r,y:o})),t=Y(e,n)),{displacementX:e,displacementY:n,distanceX:r,distanceY:o,distance:a,overallDirection:t}}}function X(){let t=1;return function(e,n){let r=1;const{prevVecotr:o,startVecotr:a,activeVecotr:i}=n;return i&&(r=z(U(i)/U(o)),t=z(U(i)/U(a))),{scale:t,deltaScale:r}}}function j(){let t,e,n=0,r=0,o=0,a=0;return function(i){if(void 0!==i){e=e||i.startInput;const s=i.timestamp-e.timestamp;if(16<s){const l=i.x-e.x,p=i.y-e.y;o=Math.round(l/s*100)/100,a=Math.round(p/s*100)/100,n=Math.abs(o),r=Math.abs(a),t=Y(l,p),e=i}}return{velocityX:n,velocityY:r,speedX:o,speedY:a,direction:t}}}function W(){let t=0;return function(e){const{phase:n}=e;return C===n&&(t=e.pointLength),{maxPointLength:t}}}function q(t){return{x:t.points[1][w]-t.points[0][w],y:t.points[1][A]-t.points[0][A]}}function J(){let t,e,n;return function(r){const{prevInput:o,startMultiInput:a}=r;return void 0!==a&&void 0!==o&&r.id!==a.id&&1<o.pointLength&&1<r.pointLength?(t=q(a),e=q(o),n=q(r)):n=void 0,{startVecotr:t,prevVecotr:e,activeVecotr:n}}}const Z={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function tt(t,e){const n=L(Z,e);let r,o,a,i=0;function s(){i=0,r=void 0,o=void 0}return t.compute([K,W],e=>{if(B(n))return;const{phase:l,x:p,y:c}=e;E===l&&(n.state=0,function(){const{startInput:t,pointLength:r,timestamp:o}=e,a=o-t.timestamp,{distance:i,maxPointLength:s}=e;return s===n.pointLength&&0===r&&n.maxDistance>=i&&n.maxPressTime>a}()?(clearTimeout(a),function(t,e){if(void 0!==r){const n=U({x:t.x-r.x,y:t.y-r.y});return r=t,e.maxDistanceFromPrevTap>=n}return r=t,!0}({x:p,y:c},n)&&function(t){const e=performance.now();if(void 0===o)return o=e,!0;{const n=e-o;return o=e,n<t}}(n.waitNextTapTime)?i++:i=1,0==i%n.tapTimes?(n.state=1,t.emit2(n.name,e,n),s()):a=setTimeout(()=>{n.state=2,s()},n.waitNextTapTime)):(s(),n.state=2))}),n}const et={name:"pan",threshold:10,pointLength:1};function nt(t,e){const n=L(et,e);return t.compute([j,K,Q],e=>{if(I(n),B(n))return;const r=function(){const{pointLength:t,distance:r}=e;return n.pointLength===t&&n.threshold<=r}();if(n.state=T(r,n.state,e.phase),r||M(n.state)){const{name:r}=n;t.emit2(r,e,n),t.emit2(r+$(n.state),e,n),![E,k].includes(e.phase)&&e.direction&&t.emit2(r+e.direction,e,n)}}),n}const rt={name:"swipe",threshold:10,velocity:.3,pointLength:1};function ot(t,e){const n=L(rt,e);return t.compute([K,j,W],e=>{if(n.state=0,!n.disabled&&function(){if(E!==e.phase)return!1;const{velocityX:t,velocityY:r,distance:o,maxPointLength:a}=e;return a===n.pointLength&&0===e.points.length&&n.threshold<o&&n.velocity<Math.max(t,r)}()){const{name:r}=n;n.state=1,t.emit2(r,e,n),t.emit2(r+e.direction,e,n)}}),n}const at={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function it(t,e){const n=L(at,e);let r=0;return t.compute([K],e=>{if(B(n))return;const{phase:o,startInput:a,pointLength:i}=e;if(C===o&&n.pointLength===i)I(n),clearTimeout(r),r=setTimeout(()=>{n.state=1,t.emit2(n.name,e,n)},n.minPressTime);else if(E===o&&1===n.state)t.emit2(`${n.name}up`,e,n);else if(1!==n.state){const t=e.timestamp-a.timestamp;(!function(){const{distance:t}=e;return t&&n.maxDistance>t}()||n.minPressTime>t&&[E,k].includes(o))&&(clearTimeout(r),n.state=2)}}),n}const st={name:"pinch",threshold:0,pointLength:2};function lt(t,e){const n=L(st,e);return t.compute([J,X],e=>{if(I(n),B(n))return;const r=function(){const{pointLength:t,scale:r,deltaScale:o,phase:a}=e;return n.pointLength===t&&n.threshold<Math.abs(r-1)}();n.state=T(r,n.state,e.phase);const{name:o}=n;if(r||M(n.state)){t.emit2(o,e,n);const{deltaScale:r}=e;1!==r&&t.emit2(o+(1<r?"in":"out"),e,n)}const a=$(n.state);a&&t.emit2(o+a,e,n)}),n}const pt={name:"rotate",threshold:0,pointLength:2};function ct(t,e){const n=L(pt,e);return t.compute([J,G],e=>{if(B(n))return;I(n);const r=function(){const{pointLength:t,angle:r}=e;return n.pointLength===t&&n.threshold<Math.abs(r)}();n.state=T(r,n.state,e.phase);const{name:o}=n;(r||M(n.state))&&t.emit2(o,e,n);const a=$(n.state);a&&t.emit2(o+a,e,n)}),n}class dt extends H{constructor(t,e){super(t,e),this.use(tt),this.use(nt),this.use(ot),this.use(it),this.use(lt),this.use(ct)}}dt.STATE_POSSIBLE=0,dt.STATE_START=4,dt.STATE_MOVE=5,dt.STATE_END=1,dt.STATE_CANCELLED=3,dt.STATE_FAILED=2,dt.STATE_RECOGNIZED=1,dt.tap=tt,dt.pan=nt,dt.swipe=ot,dt.press=it,dt.rotate=ct,dt.pinch=lt,dt.doubletap=function(t){t.use(tt,{name:"doubletap",tapTimes:2});const e=t.get("doubletap");let n;return t.beforeEach((t,r)=>{"tap"===t?(clearTimeout(n),n=setTimeout(()=>{[0,2].includes(e.state)&&r()},300)):r()}),e};const ft=new class{isWin(t){return"object"==typeof t&&(!(t instanceof Node)&&(t===globalThis||(t===window||(t===self||(t===i.globalThis||(t===i.window||(t===i.self||("undefined"!=typeof unsafeWindow&&t===unsafeWindow||"[object Math]"===t?.Math?.toString()))))))))}isDOM(t){return t instanceof Node}delete(t,e){"object"==typeof Reflect&&Reflect.deleteProperty?Reflect.deleteProperty(t,e):delete t[e]}assign(t={},e={},n=!1){const r=this;if(null==e)return t;if(null==t&&(t={}),Array.isArray(e)){if(!e.filter(t=>"object"==typeof t).length)return e}if(n)for(const o in e){const a=t[o],i=e[o];"object"!=typeof i||null==i||!(o in t)||r.isDOM(i)?t[o]=i:t[o]=r.assign(a,i,n)}else for(const o in t)if(o in e){const a=Reflect.get(t,o),i=Reflect.get(e,o);if("object"==typeof i&&null!=i&&!r.isDOM(i)&&Object.keys(i).length){const e=r.assign(a,i,n);Reflect.set(t,o,e);continue}Reflect.set(t,o,i)}return t}getRandomGUID(){return"function"==typeof i.globalThis?.crypto?.randomUUID?i.globalThis.crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=16*Math.random()|0;return("x"===t?e:3&e|8).toString(16)})}contains(...t){const[e,n]=t;if(1===t.length)return this.contains(i.document.body||i.document.documentElement,t[0]);if(null==n)return!1;if("function"==typeof n[Symbol.iterator]){let t=!0;for(const r of n)if(!e.contains(r)){t=!1;break}return t}return e.contains(n)}formatTime(t=new Date,e="yyyy-MM-dd HH:mm:ss"){const n=null==t?new Date:new Date(t);function r(t){return t<10?"0"+t:t}const o={yyyy:n.getFullYear(),MM:r(n.getMonth()+1),dd:r(n.getDate()),HH:r(n.getHours()),hh:r((a=n.getHours(),a>12?a-12:a)),mm:r(n.getMinutes()),ss:r(n.getSeconds())};var a;return Object.keys(o).forEach(function(t){const n=new RegExp(t,"g");e=e.replace(n,o[t])}),e}formatByteToSize(t,e=!0){if(t=parseInt(t.toString()),isNaN(t))throw new TypeError("Utils.formatByteToSize 参数 byteSize 格式不正确");let n=0,r="KB";const o={B:1,KB:1024};o.MB=o.KB*o.KB,o.GB=o.MB*o.KB,o.TB=o.GB*o.KB,o.PB=o.TB*o.KB,o.EB=o.PB*o.KB,o.ZB=o.EB*o.KB,o.YB=o.ZB*o.KB,o.BB=o.YB*o.KB,o.NB=o.BB*o.KB,o.DB=o.NB*o.KB;for(const e in o)if(n=t/o[e],r=e,o.KB>=n)break;return n=n.toFixed(2),n=e?n+r.toString():parseFloat(n.toString()),n}AnyTouch=()=>dt;isPhone(t=i.globalThis.navigator.userAgent){return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(t))}setTimeout(t,e=0){try{return((...t)=>x().setTimeout(...t))(t,e)}catch{return i.setTimeout(t,e)}}clearTimeout(t){try{null!=t&&(e=t,x().clearTimeout(e))}catch{}finally{i.clearTimeout(t)}var e}setInterval(t,e=0){try{return((...t)=>x().setInterval(...t))(t,e)}catch{return i.setInterval(t,e)}}clearInterval(t){try{null!=t&&(e=t,x().clearInterval(e))}catch{}finally{i.clearInterval(t)}var e}},mt={getSafeHTML(t){if(window.trustedTypes){return window.trustedTypes.createPolicy("safe-innerHTML",{createHTML:t=>t}).createHTML(t)}return t},setSafeHTML(t,e){t.innerHTML=this.getSafeHTML(e)}},ut="pops-flex-items-center",ht="pops-flex-y-center",bt="pops-hide",gt="pops-hide-important",vt="pops-user-select-none",xt="pops-text-is-disabled";class yt{on(t,e,n,o,a){function l(t,e,n){const r=t[e];return"boolean"==typeof r?(n.capture=r,"boolean"==typeof t[e+1]&&(n.once=t[e+1]),"boolean"==typeof t[e+2]&&(n.passive=t[e+2])):"object"==typeof r&&("capture"in r||"once"in r||"passive"in r||"isComposedPath"in r)&&(n.capture=r.capture,n.once=r.once,n.passive=r.passive,n.isComposedPath=r.isComposedPath),n}const p=this,c=arguments;if("string"==typeof t&&(t=p.selectorAll(t)),null==t)return;let d=[];t instanceof NodeList||Array.isArray(t)?d=[...t]:d.push(t);let f=[];Array.isArray(e)?f=f.concat(e.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof e&&(f=f.concat(e.split(" ").filter(t=>""!==t)));let m=[];Array.isArray(n)?m=m.concat(n.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof n&&m.push(n);let u=o,h={capture:!1,once:!1,passive:!1,isComposedPath:!1};function b(){h.once&&p.off(t,e,n,o,a)}"function"==typeof n?(u=n,h=l(c,3,h)):h=l(c,4,h),d.forEach(t=>{function e(e){if(m.length){let n=h.isComposedPath?e.composedPath()[0]:e.target,r=t;ft.isWin(r)&&r===i.document&&(r=i.document.documentElement);if(m.find(t=>{if(p.matches(n,t))return!0;const e=p.closest(n,t);return!(!e||!r?.contains(e))&&(n=e,!0)})){try{s.Object.defineProperty(e,"target",{get:()=>n})}catch{}u.call(n,e,n),b()}}else u.call(t,e),b()}f.forEach(n=>{t.addEventListener(n,e,h);const o=Reflect.get(t,r)||{};o[n]=o[n]||[],o[n].push({selector:m,option:h,callback:e,originCallBack:u}),Reflect.set(t,r,o)})})}off(t,e,n,o,a,i){function s(t,e,n){const r=t[e];return"boolean"==typeof r?n.capture=r:"object"==typeof r&&null!=r&&"capture"in r&&(n.capture=r.capture),n}const l=arguments;if("string"==typeof t&&(t=this.selectorAll(t)),null==t)return;let p=[];t instanceof NodeList||Array.isArray(t)?p=[...t]:p.push(t);let c=[];Array.isArray(e)?c=c.concat(e.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof e&&(c=c.concat(e.split(" ").filter(t=>""!==t)));let d=[];Array.isArray(n)?d=d.concat(n.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof n&&d.push(n);let f=o,m={capture:!1};"function"==typeof n?(f=n,m=s(l,3,m)):m=s(l,4,m);let u=!1;(2===l.length||3===l.length&&"string"==typeof l[2]||Array.isArray(l[2]))&&(u=!0),5===l.length&&"function"==typeof l[4]&&"function"!=typeof i&&(i=a),p.forEach(t=>{const n=Reflect.get(t,r)||{};c.forEach(r=>{const o=n[r]||[],a="function"==typeof i?o.filter(i):o;for(let e=0;e<a.length;e++){const n=a[e];let i=!0;if(i&&f&&n.originCallBack!==f&&(i=!1),i&&d.length&&Array.isArray(n.selector)&&JSON.stringify(n.selector)!==JSON.stringify(d)&&(i=!1),i&&"boolean"==typeof n.option.capture&&m.capture!==n.option.capture&&(i=!1),i||u){t.removeEventListener(r,n.callback,n.option);const e=o.findIndex(t=>t===n);-1!==e&&o.splice(e,1)}}0===o.length&&ft.delete(n,e)}),Reflect.set(t,r,n)})}offAll(t,e){if("string"==typeof t&&(t=i.document.querySelectorAll(t)),null==t)return;let n=[];t instanceof NodeList||Array.isArray(t)?n=[...t]:n.push(t);let r=[];Array.isArray(e)?r=r.concat(e):"string"==typeof e&&(r=r.concat(e.split(" "))),n.forEach(t=>{Object.getOwnPropertySymbols(t).forEach(e=>{if(!e.toString().startsWith("Symbol(events_"))return;const n=t[e]||{};(r.length?r:Object.keys(n)).forEach(r=>{const o=n[r];if(o){for(const e of o)t.removeEventListener(r,e.callback,{capture:e.option.capture});ft.delete(t[e],r)}})})})}ready(t){const e=this;if("function"!=typeof t)return;function n(){!function(){for(let t=0;t<r.length;t++){const n=r[t];e.off(n.target,n.eventType,n.callback)}}(),t()}const r=[{target:i.document,eventType:"DOMContentLoaded",callback:n},{target:i.window,eventType:"load",callback:n}];!function(){try{return"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll}catch{return!1}}()?function(){for(let t=0;t<r.length;t++){const n=r[t];e.on(n.target,n.eventType,n.callback)}}():ft.setTimeout(t,0)}trigger(t,e,n,o=!0){if("string"==typeof t&&(t=i.document.querySelector(t)),null==t)return;let a=[];a=t instanceof NodeList||Array.isArray(t)?[...t]:[t];let s=[];Array.isArray(e)?s=e:"string"==typeof e&&(s=e.split(" ")),a.forEach(t=>{const e=t[r]||{};s.forEach(r=>{let a=null;n&&n instanceof Event?a=n:(a=new Event(r),n&&Object.keys(n).forEach(t=>{a[t]=n[t]})),0==o&&r in e?e[r].forEach(t=>{t.callback(a)}):t.dispatchEvent(a)})})}click(t,e,n,r){const o=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null==e?o.trigger(t,"click",n,r):o.on(t,"click",null,e))}blur(t,e,n,r){const o=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null===e?o.trigger(t,"blur",n,r):o.on(t,"blur",null,e))}focus(t,e,n,r){const o=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null==e?o.trigger(t,"focus",n,r):o.on(t,"focus",null,e))}hover(t,e,n){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(this.on(t,"mouseenter",null,e,n),this.on(t,"mouseleave",null,e,n))}keyup(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keyup",null,e,n))}keydown(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keydown",null,e,n))}keypress(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keypress",null,e,n))}preventEvent(t,e=[],n){function r(t){return t?.preventDefault(),t?.stopPropagation(),t?.stopImmediatePropagation(),!1}if(1===arguments.length)return r(arguments[0]);"string"==typeof e&&(e=[e]),e.forEach(e=>{this.on(t,e,r,{capture:Boolean(n)})})}selector(t){return this.selectorAll(t)[0]}selectorAll(t){if((t=t.trim()).match(/[^\s]{1}:empty$/gi))return t=t.replace(/:empty$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>""===t?.innerHTML?.trim());if(t.match(/[^\s]{1}:contains\("(.*)"\)$/i)||t.match(/[^\s]{1}:contains\('(.*)'\)$/i)){const e=t.match(/:contains\(("|')(.*)("|')\)$/i)[2];return t=t.replace(/:contains\(("|')(.*)("|')\)$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>(t?.textContent||t?.innerText)?.includes(e))}if(t.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||t.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let e=t.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const n=e.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let r="";n&&(e=e.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),r=n[3]);const o=new RegExp(e,r);return t=t.replace(/:regexp\(("|')(.*)("|')\)$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>Boolean((t?.textContent||t?.innerText)?.match(o)))}return Array.from(i.document.querySelectorAll(t))}matches(t,e){if(e=e.trim(),null==t)return!1;if(e.match(/[^\s]{1}:empty$/gi))return e=e.replace(/:empty$/gi,""),t.matches(e)&&""===t?.innerHTML?.trim();if(e.match(/[^\s]{1}:contains\("(.*)"\)$/i)||e.match(/[^\s]{1}:contains\('(.*)'\)$/i)){const n=e.match(/:contains\(("|')(.*)("|')\)$/i)[2];e=e.replace(/:contains\(("|')(.*)("|')\)$/gi,"");let r=t?.textContent||t?.innerText;return"string"!=typeof r&&(r=""),t.matches(e)&&r?.includes(n)}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const r=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let o="";r&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),o=r[3]);const a=new RegExp(n,o);e=e.replace(/:regexp\(("|')(.*)("|')\)$/gi,"");let i=t?.textContent||t?.innerText;return"string"!=typeof i&&(i=""),t.matches(e)&&Boolean(i?.match(a))}return t.matches(e)}closest(t,e){if((e=e.trim()).match(/[^\s]{1}:empty$/gi)){e=e.replace(/:empty$/gi,"");const n=t?.closest(e);return n&&""===n?.innerHTML?.trim()?n:null}if(e.match(/[^\s]{1}:contains\("(.*)"\)$/i)||e.match(/[^\s]{1}:contains\('(.*)'\)$/i)){const n=e.match(/:contains\(("|')(.*)("|')\)$/i)[2];e=e.replace(/:contains\(("|')(.*)("|')\)$/gi,"");const r=t?.closest(e);if(r){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.includes(n))return r}return null}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const r=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let o="";r&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),o=r[3]);const a=new RegExp(n,o);e=e.replace(/:regexp\(("|')(.*)("|')\)$/gi,"");const i=t?.closest(e);if(i){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.match(a))return i}return null}{const n=t?.closest(e);return n}}}const wt=new class extends yt{getAnimationEndNameList(){return["webkitAnimationEnd","mozAnimationEnd","MSAnimationEnd","oanimationend","animationend"]}getTransitionEndNameList(){return["webkitTransitionEnd","mozTransitionEnd","MSTransitionEnd","otransitionend","transitionend"]}offset(t,e=!0){const n=t.getBoundingClientRect(),r=t.ownerDocument.defaultView;return new DOMRect(e?parseFloat((n.left+(r?.pageXOffset||0)).toString()):n.left,e?parseFloat((n.top+(r?.pageYOffset||0)).toString()):n.top,n.width,n.height)}width(t,e=!1,n){const r=this;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(ft.isWin(t))return i.window.document.documentElement.clientWidth;if(9===t.nodeType)return Math.max(t.body.scrollWidth,t.documentElement.scrollWidth,t.body.offsetWidth,t.documentElement.offsetWidth,t.documentElement.clientWidth);if(e||!e&&wt.isShow(t)){if(parseFloat(wt.getStyleValue(t,"width").toString())>0)return parseFloat(wt.getStyleValue(t,"width").toString());if(t.offsetWidth>0){const e=wt.getStyleValue(t,"borderLeftWidth"),n=wt.getStyleValue(t,"borderRightWidth"),r=wt.getStyleValue(t,"paddingLeft"),o=wt.getStyleValue(t,"paddingRight"),a=parseFloat(t.offsetWidth.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(r.toString())-parseFloat(o.toString());return parseFloat(a.toString())}return 0}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.width(e,!0,n);return o(),a}}}height(t,e=!1,n){const r=this;if(ft.isWin(t))return i.window.document.documentElement.clientHeight;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(9===t.nodeType)return Math.max(t.body.scrollHeight,t.documentElement.scrollHeight,t.body.offsetHeight,t.documentElement.offsetHeight,t.documentElement.clientHeight);if(e||!e&&wt.isShow(t)){if(parseFloat(wt.getStyleValue(t,"height").toString())>0)return parseFloat(wt.getStyleValue(t,"height").toString());if(t.offsetHeight>0){const e=wt.getStyleValue(t,"borderTopWidth"),n=wt.getStyleValue(t,"borderBottomWidth"),r=wt.getStyleValue(t,"paddingTop"),o=wt.getStyleValue(t,"paddingBottom"),a=parseFloat(t.offsetHeight.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(r.toString())-parseFloat(o.toString());return parseFloat(a.toString())}return 0}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.height(e,!0,n);return o(),a}}}outerWidth(t,e=!1,n){const r=this;if(ft.isWin(t))return i.window.innerWidth;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(e||!e&&wt.isShow(t)){const e=getComputedStyle(t,null),n=wt.getStyleValue(e,"marginLeft"),r=wt.getStyleValue(e,"marginRight");return t.offsetWidth+n+r}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.outerWidth(e,!0,n);return o(),a}}}outerHeight(t,e=!1,n){const r=this;if(ft.isWin(t))return i.window.innerHeight;if("string"==typeof t&&(t=i.document.querySelector(t)),e||!e&&wt.isShow(t)){const e=getComputedStyle(t,null),n=wt.getStyleValue(e,"marginTop"),r=wt.getStyleValue(e,"marginBottom");return t.offsetHeight+n+r}{const{cloneNode:e,recovery:o}=wt.showElement(t,n),a=r.outerHeight(e,!0,n);return o(),a}}addClassName(t,e){null!=t&&null!=e&&("function"==typeof e&&(e=e()),Array.isArray(e)||(e=[e]),e.forEach(e=>{if("string"!=typeof e)return;if(""===e.trim())return;const n=e.split(" ").filter(t=>""!==t.trim());t?.classList?.add?.(...n)}))}removeClassName(t,e){if(null==t)return;if("string"!=typeof e)return;if(""===e.trim())return;const n=e.split(" ").filter(t=>""!==t.trim());t.classList.remove(...n)}containsClassName(t,e){return null!=t&&("string"==typeof e&&(""!==e.trim()&&t.classList.contains(e)))}css(t,e,n){if("string"==typeof t&&(t=i.document.querySelector(t)),null==t)return;const r=(e,n)=>{"string"==typeof n&&n.trim().endsWith("!important")?(n=n.trim().replace(/!important$/gi,"").trim(),t.style.setProperty(e,n,"important")):(n=function(t,e){return"number"==typeof e&&(e=e.toString()),"string"==typeof e&&["width","height","top","left","right","bottom","font-size"].includes(t)&&e.match(/[0-9]$/gi)&&(e+="px"),e}(e,n),t.style.setProperty(e,n))};if("string"==typeof e){if(null==n)return getComputedStyle(t).getPropertyValue(e);r(e,n)}else if("object"==typeof e)for(const t in e){r(t,e[t])}}createElement(t,e,n){const r=i.document.createElement(t);return"string"==typeof e?(mt.setSafeHTML(r,e),r):(null==e&&(e={}),null==n&&(n={}),Object.keys(e).forEach(t=>{const n=e[t];"innerHTML"!==t?Reflect.set(r,t,n):mt.setSafeHTML(r,n)}),Object.keys(n).forEach(t=>{let e=n[t];"object"==typeof e?e=JSON.stringify(e):"function"==typeof e&&(e=e.toString()),r.setAttribute(t,e)}),r)}parseTextToDOM(t){t=t.replace(/^[\n|\s]*/g,"").replace(/[\n|\s]*$/g,"");return this.createElement("div",{innerHTML:t}).firstChild}getTextBoundingRect(t,e,n,r){if(!t||!("value"in t))return t;if("string"==typeof e&&(e=parseFloat(e)),("number"!=typeof e||isNaN(e))&&(e=0),e=e<0?0:Math.min(t.value.length,e),"string"==typeof n&&(n=parseFloat(n)),("number"!=typeof n||isNaN(n)||n<e)&&(n=e),n=n<0?0:Math.min(t.value.length,n),"function"==typeof t.createTextRange){const r=t.createTextRange();return r.collapse(!0),r.moveStart("character",e),r.moveEnd("character",n-e),r.getBoundingClientRect()}const o=function(){const e=document.body,n=document.defaultView,r=document.documentElement,o=document.createElement("div");o.style.paddingLeft=o.style.width="1px",e.appendChild(o);const a=2==o.offsetWidth;e.removeChild(o);const i=t.getBoundingClientRect(),s=r.clientTop||e.clientTop||0,l=r.clientLeft||e.clientLeft||0,p=n?.pageYOffset||a&&r.scrollTop||e.scrollTop,c=n?.pageXOffset||a&&r.scrollLeft||e.scrollLeft;return{top:i.top+p-s,left:i.left+c-l}}();let a=o.top,s=o.left;const l=v("width",!0),p=v("height",!0);let c="white-space:pre;padding:0;margin:0;";const d=["direction","font-family","font-size","font-size-adjust","font-variant","font-weight","font-style","letter-spacing","line-height","text-align","text-indent","text-transform","word-wrap","word-spacing"];a+=v("padding-top",!0),a+=v("border-top-width",!0),s+=v("padding-left",!0),s+=v("border-left-width",!0),s+=1;for(let t=0;t<d.length;t++){const e=d[t];c+=e+":"+v(e,!1)+";"}const f=t.value||"G",m=f.length,u=document.createElement("div");e>0&&g(0,e);const h=g(e,n);m>n&&g(n,m),u.style.cssText=c,u.style.position="absolute",u.style.top=a+"px",u.style.left=s+"px",u.style.width=l+"px",u.style.height=p+"px",i.document.body.appendChild(u);const b=h.getBoundingClientRect();return r||u.parentNode.removeChild(u),b;function g(t,e){const n=document.createElement("span");return n.style.cssText=c,n.textContent=f.substring(t,e),u.appendChild(n),n}function v(e,n){const r=i.document.defaultView.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}}cssHide(t,e=!1){null!=t&&(e?wt.addClassName(t,gt):wt.addClassName(t,bt))}cssShow(t){null!=t&&(wt.removeClassName(t,bt),wt.removeClassName(t,gt))}toElement(t,e=!1,n=!1){return e?function(){const e=new DOMParser;return n?e.parseFromString(t,"text/html"):e.parseFromString(t,"text/html").body.firstChild}():function(){const e=i.document.createElement("div");return mt.setSafeHTML(e,t),n?e:e.firstChild}()}append(t,e){var n,r;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t)if(Array.isArray(e)||e instanceof NodeList){const n=i.document.createDocumentFragment();e.forEach(t=>{"string"==typeof t&&(t=this.toElement(t,!0,!1)),n.appendChild(t)}),t.appendChild(n)}else n=t,r=e,"string"==typeof e?n.insertAdjacentHTML("beforeend",mt.getSafeHTML(r)):n.appendChild(r)}appendHead(t){i.document.head?i.document.head.appendChild(t):i.document.documentElement.appendChild(t)}appendBody(t){i.document.body?i.document.body.appendChild(t):i.document.documentElement.appendChild(t)}isShow(t){return Boolean(t.getClientRects().length)}showElement(t,e){const n=t.cloneNode(!0);n.setAttribute("style","visibility: hidden !important;display:block !important;");let r=i.document.documentElement;const o=t.getRootNode();return r=null==e?o==t?i.document.documentElement:o:e,r.appendChild(n),{cloneNode:n,recovery(){n.remove()}}}getStyleValue(t,e){let n=null,r=null;t instanceof CSSStyleDeclaration?r=t:(n=t.ownerDocument.defaultView,n&&n.opener||(n=window),r=n.getComputedStyle(t));const o=parseFloat(r[e]);return isNaN(o)?0:o}before(t,e){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("beforebegin",mt.getSafeHTML(e)):t.parentElement.insertBefore(e,t))}after(t,e){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("afterend",mt.getSafeHTML(e)):t.parentElement.insertBefore(e,t.nextSibling))}getKeyFrames(t){const e={};return Object.keys(t.cssRules).forEach(n=>{7===t.cssRules[n].type&&t.cssRules[n].name.startsWith("pops-anim-")&&(e[t.cssRules[n].name]=t.cssRules[n])}),e}calcColor(){return function t(){return{hexToRgb:t=>{let e="";if(!/^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(t))return console.warn("输入错误的hex"),"";e=(t=t.replace("#","")).match(/../g);for(let t=0;t<3;t++)e[t]=parseInt(e[t],16);return e},rgbToHex:(t,e,n)=>{const r=/^\d{1,3}$/;if(!r.test(t)||!r.test(e)||!r.test(n))return console.warn("输入错误的rgb颜色值"),"";const o=[t.toString(16),e.toString(16),n.toString(16)];for(let t=0;t<3;t++)1==o[t].length&&(o[t]=`0${o[t]}`);return`#${o.join("")}`},getDarkColor:(e,n)=>{if(!/^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(e))return console.warn("输入错误的hex颜色值"),"";const r=t().hexToRgb(e);for(let t=0;t<3;t++)r[t]=Math.floor(r[t]*(1-n));return t().rgbToHex(r[0],r[1],r[2])},getLightColor:(e,n)=>{if(!/^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(e))return console.warn("输入错误的hex颜色值"),"";const r=t().hexToRgb(e);for(let t=0;t<3;t++)r[t]=Math.floor((255-r[t])*n+r[t]);return t().rgbToHex(r[0],r[1],r[2])}}}()}getTransform(t){let e=0,n=0;const r=i.globalThis.getComputedStyle(t).transform;if("none"!==r&&null!=r&&""!==r){const t=r.match(/\((.+)\)/),o=t?.[1]?.split?.(",");e=Math.abs(parseInt(o[4])),n=Math.abs(parseInt(o[5]))}return{transformLeft:e,transformTop:n}}onInput(t,e,n){let r=!1;const o=async t=>{r||await e(t)},a=()=>{r=!0},i=()=>{r=!1,this.trigger(t,"input",{isComposite:r})};return this.on(t,"input",o,n),this.on(t,"compositionstart",a,n),this.on(t,"compositionend",i,n),{off:()=>{this.off(t,"input",o,n),this.off(t,"compositionstart",a,n),this.off(t,"compositionend",i,n)}}}},At={createMask:(t,e=101,n="")=>(e-=100,n.startsWith(";")&&(n=n.replace(";","")),`<div class="pops-mask" data-guid="${t}" style="z-index:${e};${n}"></div>`),createAnim(t,e,n,r="",o="",a){const i=n;let s="",l="";const p=i.position||"";null!=n.zIndex&&(s+=`z-index: ${a};`,l+=`z-index: ${a};`),null!=i.width&&(l+=`width: ${i.width};`),null!=i.height&&(l+=`height: ${i.height};`);const c=""!==o.trim();return`\n\t\t<div class="pops-anim" anim="${i.animation||""}" style="${s}" data-guid="${t}">${null!=n.style?`<style tyle="text/css">${n.style}</style>`:""}\n\t\t\t<div class="pops ${n.class||""}" data-bottom-btn="${c}" type-value="${e}" style="${l}" position="${p}" data-guid="${t}">${r}</div>\n\t\t</div>`},createHeader(t,e){if(!e.btn)return"";const r=e;if("iframe"!==t&&!r.btn?.close?.enable)return"";let o="",a="";const i=e;if("iframe"===t&&""!==i.topRightButton?.trim()){let t="";i.topRightButton.split("|").forEach(e=>{e=e.toLowerCase(),t+=`\n <button class="pops-header-control" type="button" data-type="${e}">\n <i class="pops-icon">${n.getIcon(e)}</i>\n </button>`}),o=`\n <div class="pops-header-controls" data-margin>${t}</div>`}else r.btn?.close?.enable&&(a=`\n <div class="pops-header-controls">\n <button class="pops-header-control" type="button" data-type="close" data-header>\n \t<i class="pops-icon">${n.getIcon("close")}</i>\n </button>\n </div>`),o=a;return o},createHeaderStyle:(t,e)=>({headerStyle:e?.title?.html&&e?.title?.style||"",headerPStyle:e?.title?.html?"":e?.title?.style||""}),createBottom(t,e){if(null==e.btn)return"";const r=e;if(!(e.btn?.ok?.enable||r.btn?.cancel?.enable||r.btn?.other?.enable))return"";let o="",a="",i="",s="",l="";if(e.btn.position&&(o+=`justify-content: ${e.btn.position};`),r.btn.reverse&&(o+="flex-direction: row-reverse;"),e.btn?.ok?.enable){let o="";("large"===e.btn.ok.size||"small"===e.btn.ok.size)&&(o="pops-button-"+e.btn.ok.size);let a="";const s=r.btn.ok.icon;if(""!==s){let t="";t=n.hasIcon(s)?n.getIcon(s):s,t=t||"",a=`<i class="pops-bottom-icon" is-loading="${e.btn.ok.iconIsLoading}">${t}</i>`}i=`\n <button \n\t\t\t\tclass="pops-${t}-btn-ok ${o}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${r.btn.ok?.type}"\n\t\t\t\tdata-has-icon="${""!==(r.btn.ok.icon||"")}"\n\t\t\t\tdata-rightIcon="${r.btn.ok?.rightIcon}"\n >${a}<span>${e.btn.ok.text}</span>\n </button>`}if(r.btn?.cancel?.enable){let e="";("large"===r.btn.cancel.size||"small"===r.btn.cancel.size)&&(e="pops-button-"+r.btn.cancel.size);let o="";const a=r.btn.cancel.icon;if(""!==a){let t="";t=n.hasIcon(a)?n.getIcon(a):a,t=t||"",o=`<i class="pops-bottom-icon" is-loading="${r.btn.cancel.iconIsLoading}">${t}</i>`}s=`\n <button\n\t\t\t\tclass="pops-${t}-btn-cancel ${e}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${r.btn.cancel.type}"\n\t\t\t\tdata-has-icon="${""!==(r.btn.cancel.icon||"")}"\n\t\t\t\tdata-rightIcon="${r.btn.cancel.rightIcon}"\n >${o}<span>${r.btn.cancel.text}</span>\n </button>`}if(r.btn?.other?.enable){let e="";("large"===r.btn.other.size||"small"===r.btn.other.size)&&(e="pops-button-"+r.btn.other.size);let o="";const a=r.btn.other.icon;if(""!==a){let t="";n.hasIcon(a)&&(t=n.getIcon(a)),t=t||"",o=`<i class="pops-bottom-icon" is-loading="${r.btn.other.iconIsLoading}">${t}</i>`}l=`\n <button\n\t\t\t\tclass="pops-${t}-btn-other ${e}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${r.btn.other.type}"\n\t\t\t\tdata-has-icon="${""!==(r.btn.other.icon||"")}"\n\t\t\t\tdata-rightIcon="${r.btn.other.rightIcon}"\n >${o}<span>${r.btn.other.text}</span>\n </button>`}if(r.btn.merge){let e="display: flex;";r.btn.mergeReverse?e+="flex-direction: row-reverse;":e+="flex-direction: row;",a=`\n <div class="pops-botttom-btn-controls pops-${t}-btn" style="${o}">${l}<div \n class="pops-${t}-btn-merge"\n style="${e}">${i}${s}</div>\n </div>\n `}else a=`<div class="pops-botttom-btn-controls pops-${t}-btn" style="${o}">${i}${s}${l}</div>`;return a},createContentStyle:(t,e)=>({contentStyle:e?.content?.html&&e?.content?.style||"",contentPStyle:e?.content?.html?"":e?.content?.style||""}),parseElement:t=>wt.parseTextToDOM(t)};const Ct={index:'@charset "utf-8";\r\n.pops * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n /* 代替::-webkit-scrollbar */\r\n scrollbar-width: thin;\r\n}\r\n.pops {\r\n --pops-bg-opacity: 1;\r\n --pops-bd-opacity: 1;\r\n --pops-font-size: 16px;\r\n interpolate-size: allow-keywords;\r\n --pops-color: #000000;\r\n --pops-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --pops-bd-color: rgb(235, 238, 245, var(--pops-bd-opacity));\r\n --pops-box-shadow-color: rgba(0, 0, 0, 0.12);\r\n --pops-title-color: #000000;\r\n --pops-title-border-color: var(--pops-bd-color);\r\n --pops-content-color: #000000;\r\n --pops-bottom-btn-controls-border-color: var(--pops-bd-color);\r\n --pops-components-is-disabled-text-color: #a8abb2;\r\n --pops-components-is-disabled-bg-color: #f5f7fa;\r\n}\r\n@media (prefers-color-scheme: dark) {\r\n .pops {\r\n --pops-mask-bg-opacity: 0.8;\r\n --pops-color: #ffffff;\r\n --pops-bg-color: rgb(17, 17, 17, var(--pops-bg-opacity));\r\n --pops-bd-color: rgb(55, 55, 55, var(--pops-bd-opacity));\r\n --pops-box-shadow-color: rgba(81, 81, 81, 0.12);\r\n --pops-title-color: #e8e8e8;\r\n --pops-title-border-color: var(--pops-bd-color);\r\n --pops-content-color: #e5e5e5;\r\n --pops-components-is-disabled-text-color: #a8abb2;\r\n --pops-components-is-disabled-bg-color: #262727;\r\n }\r\n}\r\n.pops {\r\n color: var(--pops-color);\r\n background-color: var(--pops-bg-color);\r\n border: 1px solid var(--pops-bd-color);\r\n border-radius: 4px;\r\n font-size: var(--pops-font-size);\r\n line-height: normal;\r\n box-shadow: 0 0 12px var(--pops-box-shadow-color);\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n transition: all 0.35s;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.pops-anim {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.pops-anim[anim=""] {\r\n top: unset;\r\n right: unset;\r\n bottom: unset;\r\n left: unset;\r\n width: unset;\r\n height: unset;\r\n transition: none;\r\n}\r\n/* 底部图标动画和样式 */\r\n.pops i.pops-bottom-icon[is-loading="true"] {\r\n animation: rotating 2s linear infinite;\r\n}\r\n.pops i.pops-bottom-icon {\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: inherit;\r\n font-size: inherit;\r\n}\r\n\r\n/* 遮罩层样式 */\r\n.pops-mask {\r\n --pops-mask-bg-opacity: 0.4;\r\n --pops-mask-bg-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\r\n}\r\n.pops-mask {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n border-radius: 0;\r\n background-color: var(--pops-mask-bg-color);\r\n box-shadow: none;\r\n transition: none;\r\n}\r\n\r\n.pops-header-controls button.pops-header-control[type][data-header] {\r\n float: right;\r\n margin: 0 0;\r\n outline: 0;\r\n border: 0;\r\n border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n background-color: transparent;\r\n color: #888;\r\n cursor: pointer;\r\n}\r\n.pops-header-controls button.pops-header-control[data-type="max"],\r\n.pops-header-controls button.pops-header-control[data-type="mise"],\r\n.pops-header-controls button.pops-header-control[data-type="min"] {\r\n outline: 0 !important;\r\n border: 0;\r\n border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n background-color: transparent;\r\n color: rgb(136, 136, 136);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\nbutton.pops-header-control i {\r\n color: rgb(144, 147, 153);\r\n font-size: inherit;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n}\r\nbutton.pops-header-control svg {\r\n height: 1.25em;\r\n width: 1.25em;\r\n}\r\nbutton.pops-header-control {\r\n right: 15px;\r\n padding: 0;\r\n border: none;\r\n outline: 0;\r\n background: 0 0;\r\n cursor: pointer;\r\n position: unset;\r\n line-height: normal;\r\n}\r\nbutton.pops-header-control i:hover {\r\n color: rgb(64, 158, 255);\r\n}\r\n.pops-header-controls[data-margin] button.pops-header-control {\r\n margin: 0 6px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops[type-value] .pops-header-controls {\r\n display: flex;\r\n gap: 6px;\r\n}\r\n\r\n/* 代码块 <code> */\r\n.pops code {\r\n font-family: Menlo, Monaco, Consolas, "Courier New", monospace;\r\n font-size: 0.85em;\r\n color: #000;\r\n background-color: #f0f0f0;\r\n border-radius: 3px;\r\n border: 0;\r\n padding: 0.2em 0;\r\n white-space: normal;\r\n background: #f5f5f5;\r\n text-wrap: wrap;\r\n text-align: left;\r\n word-spacing: normal;\r\n word-break: normal;\r\n word-wrap: normal;\r\n line-height: 1.4;\r\n -moz-tab-size: 8;\r\n -o-tab-size: 8;\r\n tab-size: 8;\r\n -webkit-hyphens: none;\r\n -moz-hyphens: none;\r\n -ms-hyphens: none;\r\n hyphens: none;\r\n direction: ltr;\r\n}\r\n\r\n.pops code::before,\r\n.pops code::after {\r\n letter-spacing: -0.2em;\r\n content: "\\00a0";\r\n}\r\n\r\n/* 标题 */\r\n.pops .pops-title {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-bottom: 1px solid var(--pops-title-border-color);\r\n width: 100%;\r\n height: var(--container-title-height);\r\n}\r\n/* 标题-普通文本 */\r\n.pops .pops-title p[pops] {\r\n color: var(--pops-title-color);\r\n width: 100%;\r\n overflow: hidden;\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n}\r\n\r\n/* 内容 */\r\n.pops .pops-content {\r\n width: 100%;\r\n /*height: calc(\r\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n\t);*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n/* 内容-普通文本 */\r\n.pops .pops-content p[pops] {\r\n color: var(--pops-content-color);\r\n padding: 5px 10px;\r\n text-indent: 15px;\r\n}\r\n\r\n/* 底部-按钮组 */\r\n.pops .pops-botttom-btn-controls {\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n border-top: 1px solid var(--pops-bottom-btn-controls-border-color);\r\n text-align: right;\r\n align-items: center;\r\n}\r\n',ninePalaceGridPosition:'.pops[position="top_left"] {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n}\r\n.pops[position="top"] {\r\n position: fixed;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n.pops[position="top_right"] {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n}\r\n.pops[position="center_left"] {\r\n position: fixed;\r\n top: 50%;\r\n left: 0;\r\n transform: translateY(-50%);\r\n}\r\n.pops[position="center"] {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n.pops[position="center_right"] {\r\n position: fixed;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n}\r\n.pops[position="bottom_left"] {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.pops[position="bottom"] {\r\n position: fixed;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n}\r\n.pops[position="bottom_right"] {\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n',scrollbar:"/* ::-webkit-scrollbar 是非标准的css */\r\n/* https://caniuse.com/?search=%20%3A%3A-webkit-scrollbar */\r\n.pops ::-webkit-scrollbar {\r\n width: 6px;\r\n height: 0;\r\n}\r\n\r\n/* 滚动条轨道 */\r\n.pops ::-webkit-scrollbar-track {\r\n width: 0;\r\n}\r\n/* 滚动条滑块 */\r\n.pops ::-webkit-scrollbar-thumb {\r\n min-height: 28px;\r\n border-radius: 2em;\r\n background: rgb(204, 204, 204, var(--pops-bg-opacity, 1));\r\n background-clip: padding-box;\r\n}\r\n/* 滚动条滑块 */\r\n.pops ::-webkit-scrollbar-thumb:hover {\r\n background: rgb(178, 178, 178, var(--pops-bg-opacity, 1));\r\n}\r\n",button:'.pops {\r\n --button-font-size: 14px;\r\n --button-height: 32px;\r\n --button-color: rgb(51, 51, 51);\r\n --button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --button-margin-top: 0px;\r\n --button-margin-bottom: 0px;\r\n --button-margin-left: 5px;\r\n --button-margin-right: 5px;\r\n --button-padding-top: 6px;\r\n --button-padding-bottom: 6px;\r\n --button-padding-left: 12px;\r\n --button-padding-right: 12px;\r\n --button-radius: 4px;\r\n\r\n --container-title-height: 55px;\r\n --container-bottom-btn-height: 55px;\r\n\r\n /* default按钮 */\r\n --button-default-color: #333333;\r\n --button-default-bd-color: #dcdfe6;\r\n --button-default-bg-color: #ffffff;\r\n --button-default-active-color: #409eff;\r\n --button-default-active-bd-color: #409eff;\r\n --button-default-active-bg-color: #ecf5ff;\r\n --button-default-hover-color: #409eff;\r\n --button-default-hover-bd-color: #c6e2ff;\r\n --button-default-hover-bg-color: #ecf5ff;\r\n --button-default-focus-visible-outline-color: #a0cfff;\r\n --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\r\n --button-default-focus-visible-outline-offset: 1px;\r\n --button-default-disabled-color: #a8abb2;\r\n --button-default-disabled-bd-color: #ffffff;\r\n --button-default-disabled-bg-color: #e4e7ed;\r\n\r\n /* primary按钮 */\r\n --button-primary-color: #ffffff;\r\n --button-primary-bd-color: #409eff;\r\n --button-primary-bg-color: #409eff;\r\n --button-primary-active-color: #ffffff;\r\n --button-primary-active-bd-color: #337ecc;\r\n --button-primary-active-bg-color: #337ecc;\r\n --button-primary-hover-color: #ffffff;\r\n --button-primary-hover-bd-color: #79bbff;\r\n --button-primary-hover-bg-color: #79bbff;\r\n --button-primary-focus-visible-outline-color: #a0cfff;\r\n --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\r\n --button-primary-focus-visible-outline-offset: 1px;\r\n --button-primary-disabled-color: #ffffff80;\r\n --button-primary-disabled-bd-color: #a0cfff;\r\n --button-primary-disabled-bg-color: #a0cfff;\r\n\r\n /* success按钮 */\r\n --button-success-color: #ffffff;\r\n --button-success-bd-color: #4cae4c;\r\n --button-success-bg-color: #5cb85c;\r\n --button-success-active-color: #ffffff;\r\n --button-success-active-bd-color: #529b2e;\r\n --button-success-active-bg-color: #529b2e;\r\n --button-success-hover-color: #ffffff;\r\n --button-success-hover-bd-color: #95d475;\r\n --button-success-hover-bg-color: #95d475;\r\n --button-success-focus-visible-outline-color: #b3e19d;\r\n --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\r\n --button-success-focus-visible-outline-offset: 1px;\r\n --button-success-disabled-color: #ffffff80;\r\n --button-success-disabled-bd-color: #b3e19d;\r\n --button-success-disabled-bg-color: #b3e19d;\r\n\r\n /* info按钮 */\r\n --button-info-color: #ffffff;\r\n --button-info-bd-color: #909399;\r\n --button-info-bg-color: #909399;\r\n --button-info-active-color: #ffffff;\r\n --button-info-active-bd-color: #73767a;\r\n --button-info-active-bg-color: #73767a;\r\n --button-info-hover-color: #ffffff;\r\n --button-info-hover-bd-color: #b1b3b8;\r\n --button-info-hover-bg-color: #b1b3b8;\r\n --button-info-focus-visible-outline-color: #c8c9cc;\r\n --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\r\n --button-info-focus-visible-outline-offset: 1px;\r\n --button-info-disabled-color: #ffffff80;\r\n --button-info-disabled-bd-color: #c8c9cc;\r\n --button-info-disabled-bg-color: #c8c9cc;\r\n\r\n /* warning按钮 */\r\n --button-warning-color: #ffffff;\r\n --button-warning-bd-color: #e6a23c;\r\n --button-warning-bg-color: #e6a23c;\r\n --button-warning-active-color: #ffffff;\r\n --button-warning-active-bd-color: #b88230;\r\n --button-warning-active-bg-color: #b88230;\r\n --button-warning-hover-color: #ffffff80;\r\n --button-warning-hover-bd-color: #eebe77;\r\n --button-warning-hover-bg-color: #eebe77;\r\n --button-warning-focus-visible-outline-color: #f3d19e;\r\n --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\r\n --button-warning-focus-visible-outline-offset: 1px;\r\n --button-warning-disabled-color: #ffffff80;\r\n --button-warning-disabled-bd-color: #f3d19e;\r\n --button-warning-disabled-bg-color: #f3d19e;\r\n\r\n /* danger按钮 */\r\n --button-danger-color: #ffffff;\r\n --button-danger-bd-color: #f56c6c;\r\n --button-danger-bg-color: #f56c6c;\r\n --button-danger-active-color: #ffffff;\r\n --button-danger-active-bd-color: #c45656;\r\n --button-danger-active-bg-color: #c45656;\r\n --button-danger-hover-color: #ffffff;\r\n --button-danger-hover-bd-color: #f89898;\r\n --button-danger-hover-bg-color: #f89898;\r\n --button-danger-focus-visible-outline-color: #fab6b6;\r\n --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\r\n --button-danger-focus-visible-outline-offset: 1px;\r\n --button-danger-disabled-color: #ffffff80;\r\n --button-danger-disabled-bd-color: #fab6b6;\r\n --button-danger-disabled-bg-color: #fab6b6;\r\n\r\n /* xiaomi-primary按钮 */\r\n --button-xiaomi-primary-color: #ffffff;\r\n --button-xiaomi-primary-bd-color: #ff5c00;\r\n --button-xiaomi-primary-bg-color: #ff5c00;\r\n --button-xiaomi-primary-active-color: #ffffff;\r\n --button-xiaomi-primary-active-bd-color: #da4f00;\r\n --button-xiaomi-primary-active-bg-color: #da4f00;\r\n --button-xiaomi-primary-hover-color: #ffffff;\r\n --button-xiaomi-primary-hover-bd-color: #ff7e29;\r\n --button-xiaomi-primary-hover-bg-color: #ff7e29;\r\n --button-xiaomi-primary-focus-visible-outline-color: #ffa061;\r\n --button-xiaomi-primary-focus-visible-outline: 2px solid var(--button-xiaomi-primary-focus-visible-outline-color);\r\n --button-xiaomi-primary-focus-visible-outline-offset: 1px;\r\n --button-xiaomi-primary-disabled-color: #ffffff80;\r\n --button-xiaomi-primary-disabled-bd-color: #fad5b6;\r\n --button-xiaomi-primary-disabled-bg-color: #fad5b6;\r\n\r\n /* violet按钮 */\r\n --button-violet-color: #ffffff;\r\n --button-violet-bd-color: #626aef;\r\n --button-violet-bg-color: #626aef;\r\n --button-violet-active-color: #ffffff;\r\n --button-violet-active-bd-color: #8188f2;\r\n --button-violet-active-bg-color: #8188f2;\r\n --button-violet-hover-color: #ffffff;\r\n --button-violet-hover-bd-color: #4b50ad;\r\n --button-violet-hover-bg-color: #4b50ad;\r\n --button-violet-focus-visible-outline-color: #2a598a;\r\n --button-violet-focus-visible-outline: 2px solid var(--button-violet-focus-visible-outline-color);\r\n --button-violet-focus-visible-outline-offset: 1px;\r\n --button-violet-disabled-color: #ffffff80;\r\n --button-violet-disabled-bd-color: #3b3f82;\r\n --button-violet-disabled-bg-color: #3b3f82;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops {\r\n /* default按钮 */\r\n --button-default-color: #cfd3dc;\r\n --button-default-bd-color: #4c4d4f;\r\n --button-default-bg-color: transparent;\r\n --button-default-active-color: #409eff;\r\n --button-default-active-bd-color: #409eff;\r\n --button-default-active-bg-color: #18222c;\r\n --button-default-hover-color: #409eff;\r\n --button-default-hover-bd-color: #213d5b;\r\n --button-default-hover-bg-color: #18222c;\r\n --button-default-focus-visible-outline-color: #2a598a;\r\n --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\r\n --button-default-focus-visible-outline-offset: 1px;\r\n --button-default-disabled-color: #ffffff80;\r\n --button-default-disabled-bd-color: #414243;\r\n --button-default-disabled-bg-color: transparent;\r\n\r\n /* primary按钮 */\r\n --button-primary-color: #ffffff;\r\n --button-primary-bd-color: #409eff;\r\n --button-primary-bg-color: #409eff;\r\n --button-primary-active-color: #ffffff;\r\n --button-primary-active-bd-color: #66b1ff;\r\n --button-primary-active-bg-color: #66b1ff;\r\n --button-primary-hover-color: #ffffff;\r\n --button-primary-hover-bd-color: #3375b9;\r\n --button-primary-hover-bg-color: #3375b9;\r\n --button-primary-focus-visible-outline-color: #2a598a;\r\n --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\r\n --button-primary-focus-visible-outline-offset: 1px;\r\n --button-primary-disabled-color: #ffffff80;\r\n --button-primary-disabled-bd-color: #2a598a;\r\n --button-primary-disabled-bg-color: #2a598a;\r\n\r\n /* success按钮 */\r\n --button-success-color: #ffffff;\r\n --button-success-bd-color: #67c23a;\r\n --button-success-bg-color: #67c23a;\r\n --button-success-active-color: #ffffff;\r\n --button-success-active-bd-color: #85ce61;\r\n --button-success-active-bg-color: #85ce61;\r\n --button-success-hover-color: #ffffff;\r\n --button-success-hover-bd-color: #4e8e2f;\r\n --button-success-hover-bg-color: #4e8e2f;\r\n --button-success-focus-visible-outline-color: #3e6b27;\r\n --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\r\n --button-success-focus-visible-outline-offset: 1px;\r\n --button-success-disabled-color: #ffffff80;\r\n --button-success-disabled-bd-color: #3e6b27;\r\n --button-success-disabled-bg-color: #3e6b27;\r\n\r\n /* info按钮 */\r\n --button-info-color: #ffffff;\r\n --button-info-bd-color: #909399;\r\n --button-info-bg-color: #909399;\r\n --button-info-active-color: #ffffff;\r\n --button-info-active-bd-color: #a6a9ad;\r\n --button-info-active-bg-color: #a6a9ad;\r\n --button-info-hover-color: #ffffff;\r\n --button-info-hover-bd-color: #6b6d71;\r\n --button-info-hover-bg-color: #6b6d71;\r\n --button-info-focus-visible-outline-color: #525457;\r\n --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\r\n --button-info-focus-visible-outline-offset: 1px;\r\n --button-info-disabled-color: #ffffff80;\r\n --button-info-disabled-bd-color: #525457;\r\n --button-info-disabled-bg-color: #525457;\r\n\r\n /* warning按钮 */\r\n --button-warning-color: #ffffff;\r\n --button-warning-bd-color: #e6a23c;\r\n --button-warning-bg-color: #e6a23c;\r\n --button-warning-active-color: #ffffff;\r\n --button-warning-active-bd-color: #ebb563;\r\n --button-warning-active-bg-color: #ebb563;\r\n --button-warning-hover-color: #ffffff80;\r\n --button-warning-hover-bd-color: #a77730;\r\n --button-warning-hover-bg-color: #a77730;\r\n --button-warning-focus-visible-outline-color: #7d5b28;\r\n --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\r\n --button-warning-focus-visible-outline-offset: 1px;\r\n --button-warning-disabled-color: #ffffff80;\r\n --button-warning-disabled-bd-color: #7d5b28;\r\n --button-warning-disabled-bg-color: #7d5b28;\r\n\r\n /* danger按钮 */\r\n --button-danger-color: #ffffff;\r\n --button-danger-bd-color: #f56c6c;\r\n --button-danger-bg-color: #f56c6c;\r\n --button-danger-active-color: #ffffff;\r\n --button-danger-active-bd-color: #f78989;\r\n --button-danger-active-bg-color: #f78989;\r\n --button-danger-hover-color: #ffffff;\r\n --button-danger-hover-bd-color: #b25252;\r\n --button-danger-hover-bg-color: #b25252;\r\n --button-danger-focus-visible-outline-color: #854040;\r\n --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\r\n --button-danger-focus-visible-outline-offset: 1px;\r\n --button-danger-disabled-color: #ffffff80;\r\n --button-danger-disabled-bd-color: #854040;\r\n --button-danger-disabled-bg-color: #854040;\r\n }\r\n}\r\n.pops[data-bottom-btn="false"] {\r\n --container-bottom-btn-height: 0px;\r\n}\r\n.pops button {\r\n white-space: nowrap;\r\n float: right;\r\n display: inline-block;\r\n margin: var(--button-margin-top) var(--button-margin-right) var(--button-margin-bottom) var(--button-margin-left);\r\n padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);\r\n outline: 0;\r\n}\r\n.pops button[data-has-icon="false"] .pops-bottom-icon {\r\n display: none;\r\n}\r\n.pops button {\r\n border-radius: var(--button-radius);\r\n box-shadow: none;\r\n font-weight: 400;\r\n font-size: var(--button-font-size);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n.pops button {\r\n display: flex;\r\n align-items: center;\r\n height: var(--button-height);\r\n line-height: normal;\r\n box-sizing: border-box;\r\n border: 1px solid var(--button-bd-color);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops button {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:active {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n outline: 0;\r\n}\r\n.pops button:hover {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:focus-visible {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:disabled {\r\n cursor: not-allowed;\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button.pops-button-large {\r\n --button-height: 32px;\r\n --button-padding-top: 12px;\r\n --button-padding-bottom: 12px;\r\n --button-padding-left: 19px;\r\n --button-padding-right: 19px;\r\n --button-font-size: 14px;\r\n --button-border-radius: 4px;\r\n}\r\n\r\n.pops button.pops-button-small {\r\n --button-height: 24px;\r\n --button-padding-top: 5px;\r\n --button-padding-bottom: 5px;\r\n --button-padding-left: 11px;\r\n --button-padding-right: 11px;\r\n --button-font-size: 12px;\r\n --button-border-radius: 4px;\r\n}\r\n.pops-panel-button-no-icon .pops-panel-button_inner i {\r\n display: none;\r\n}\r\n.pops-panel-button-right-icon .pops-panel-button_inner {\r\n flex-direction: row-reverse;\r\n}\r\n.pops-panel-button .pops-panel-button_inner i:has(svg),\r\n.pops-panel-button-right-icon .pops-panel-button-text {\r\n margin-right: 6px;\r\n}\r\n\r\n.pops button[data-type="default"] {\r\n --button-color: var(--button-default-color);\r\n --button-bd-color: var(--button-default-bd-color);\r\n --button-bg-color: var(--button-default-bg-color);\r\n}\r\n.pops button[data-type="default"]:active {\r\n --button-color: var(--button-default-active-color);\r\n --button-bd-color: var(--button-default-active-bd-color);\r\n --button-bg-color: var(--button-default-active-bg-color);\r\n}\r\n.pops button[data-type="default"]:hover {\r\n --button-color: var(--button-default-hover-color);\r\n --button-bd-color: var(--button-default-hover-bd-color);\r\n --button-bg-color: var(--button-default-hover-bg-color);\r\n}\r\n.pops button[data-type="default"]:focus-visible {\r\n outline: var(--button-default-focus-visible-outline);\r\n outline-offset: var(--button-default-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="default"]:disabled {\r\n --button-color: var(--button-default-disabled-color);\r\n --button-bd-color: var(--button-default-disabled-bd-color);\r\n --button-bg-color: var(--button-default-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="primary"] {\r\n --button-color: var(--button-primary-color);\r\n --button-bd-color: var(--button-primary-bd-color);\r\n --button-bg-color: var(--button-primary-bg-color);\r\n}\r\n.pops button[data-type="primary"]:active {\r\n --button-color: var(--button-primary-active-color);\r\n --button-bd-color: var(--button-primary-active-bd-color);\r\n --button-bg-color: var(--button-primary-active-bg-color);\r\n}\r\n.pops button[data-type="primary"]:hover {\r\n --button-color: var(--button-primary-hover-color);\r\n --button-bd-color: var(--button-primary-hover-bd-color);\r\n --button-bg-color: var(--button-primary-hover-bg-color);\r\n}\r\n.pops button[data-type="primary"]:focus-visible {\r\n outline: var(--button-primary-focus-visible-outline);\r\n outline-offset: var(--button-primary-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="primary"]:disabled {\r\n --button-color: var(--button-primary-disabled-color);\r\n --button-bd-color: var(--button-primary-disabled-bd-color);\r\n --button-bg-color: var(--button-primary-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="success"] {\r\n --button-color: var(--button-success-color);\r\n --button-bd-color: var(--button-success-bd-color);\r\n --button-bg-color: var(--button-success-bg-color);\r\n}\r\n.pops button[data-type="success"]:active {\r\n --button-color: var(--button-success-active-color);\r\n --button-bd-color: var(--button-success-active-bd-color);\r\n --button-bg-color: var(--button-success-active-bg-color);\r\n}\r\n.pops button[data-type="success"]:hover {\r\n --button-color: var(--button-success-hover-color);\r\n --button-bd-color: var(--button-success-hover-bd-color);\r\n --button-bg-color: var(--button-success-hover-bg-color);\r\n}\r\n.pops button[data-type="success"]:focus-visible {\r\n outline: var(--button-success-focus-visible-outline);\r\n outline-offset: var(--button-success-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="success"]:disabled {\r\n --button-color: var(--button-success-disabled-color);\r\n --button-bd-color: var(--button-success-disabled-bd-color);\r\n --button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="info"] {\r\n --button-color: var(--button-info-color);\r\n --button-bd-color: var(--button-info-bd-color);\r\n --button-bg-color: var(--button-info-bg-color);\r\n}\r\n.pops button[data-type="info"]:active {\r\n --button-color: var(--button-info-active-color);\r\n --button-bd-color: var(--button-info-active-bd-color);\r\n --button-bg-color: var(--button-info-active-bg-color);\r\n}\r\n.pops button[data-type="info"]:hover {\r\n --button-color: var(--button-info-hover-color);\r\n --button-bd-color: var(--button-info-hover-bd-color);\r\n --button-bg-color: var(--button-info-hover-bg-color);\r\n}\r\n.pops button[data-type="info"]:focus-visible {\r\n outline: var(--button-info-focus-visible-outline);\r\n outline-offset: var(--button-info-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="info"]:disabled {\r\n --button-color: var(--button-info-disabled-color);\r\n --button-bd-color: var(--button-info-disabled-bd-color);\r\n --button-bg-color: var(--button-info-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="warning"] {\r\n --button-color: var(--button-warning-color);\r\n --button-bd-color: var(--button-warning-bd-color);\r\n --button-bg-color: var(--button-warning-bg-color);\r\n}\r\n.pops button[data-type="warning"]:active {\r\n --button-color: var(--button-warning-active-color);\r\n --button-bd-color: var(--button-warning-active-bd-color);\r\n --button-bg-color: var(--button-warning-active-bg-color);\r\n}\r\n.pops button[data-type="warning"]:hover {\r\n --button-color: var(--button-warning-hover-color);\r\n --button-bd-color: var(--button-warning-hover-bd-color);\r\n --button-bg-color: var(--button-warning-hover-bg-color);\r\n}\r\n.pops button[data-type="warning"]:focus-visible {\r\n outline: var(--button-warning-focus-visible-outline);\r\n outline-offset: var(--button-warning-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="warning"]:disabled {\r\n --button-color: var(--button-warning-disabled-color);\r\n --button-bd-color: var(--button-warning-disabled-bd-color);\r\n --button-bg-color: var(--button-warning-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="danger"] {\r\n --button-color: var(--button-danger-color);\r\n --button-bd-color: var(--button-danger-bd-color);\r\n --button-bg-color: var(--button-danger-bg-color);\r\n}\r\n.pops button[data-type="danger"]:active {\r\n --button-color: var(--button-danger-active-color);\r\n --button-bd-color: var(--button-danger-active-bd-color);\r\n --button-bg-color: var(--button-danger-active-bg-color);\r\n}\r\n.pops button[data-type="danger"]:hover {\r\n --button-color: var(--button-danger-hover-color);\r\n --button-bd-color: var(--button-danger-hover-bd-color);\r\n --button-bg-color: var(--button-danger-hover-bg-color);\r\n}\r\n.pops button[data-type="danger"]:focus-visible {\r\n outline: var(--button-danger-focus-visible-outline);\r\n outline-offset: var(--button-danger-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="danger"]:disabled {\r\n --button-color: var(--button-danger-disabled-color);\r\n --button-bd-color: var(--button-danger-disabled-bd-color);\r\n --button-bg-color: var(--button-danger-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="xiaomi-primary"] {\r\n --button-color: var(--button-xiaomi-primary-color);\r\n --button-bd-color: var(--button-xiaomi-primary-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-bg-color);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:active {\r\n --button-color: var(--button-xiaomi-primary-active-color);\r\n --button-bd-color: var(--button-xiaomi-primary-active-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-active-bg-color);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:hover {\r\n --button-color: var(--button-xiaomi-primary-hover-color);\r\n --button-bd-color: var(--button-xiaomi-primary-hover-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-hover-bg-color);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:focus-visible {\r\n outline: var(--button-xiaomi-primary-focus-visible-outline);\r\n outline-offset: var(--button-xiaomi-primary-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="xiaomi-primary"]:disabled {\r\n --button-color: var(--button-xiaomi-primary-disabled-color);\r\n --button-bd-color: var(--button-xiaomi-primary-disabled-bd-color);\r\n --button-bg-color: var(--button-xiaomi-primary-disabled-bg-color);\r\n}\r\n\r\n.pops button[data-type="violet"] {\r\n --button-color: var(--button-violet-color);\r\n --button-bd-color: var(--button-violet-bd-color);\r\n --button-bg-color: var(--button-violet-bg-color);\r\n}\r\n.pops button[data-type="violet"]:active {\r\n --button-color: var(--button-violet-active-color);\r\n --button-bd-color: var(--button-violet-active-bd-color);\r\n --button-bg-color: var(--button-violet-active-bg-color);\r\n}\r\n.pops button[data-type="violet"]:hover {\r\n --button-color: var(--button-violet-hover-color);\r\n --button-bd-color: var(--button-violet-hover-bd-color);\r\n --button-bg-color: var(--button-violet-hover-bg-color);\r\n}\r\n.pops button[data-type="violet"]:focus-visible {\r\n outline: var(--button-violet-focus-visible-outline);\r\n outline-offset: var(--button-violet-focus-visible-outline-offset);\r\n}\r\n.pops button[data-type="violet"]:disabled {\r\n --button-color: var(--button-violet-disabled-color);\r\n --button-bd-color: var(--button-violet-disabled-bd-color);\r\n --button-bg-color: var(--button-violet-disabled-bg-color);\r\n}\r\n',common:".pops-flex-items-center {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-flex-y-center {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.pops-flex-x-center {\r\n display: flex;\r\n align-content: center;\r\n}\r\n.pops-hide {\r\n display: none;\r\n}\r\n.pops-hide-important {\r\n display: none !important;\r\n}\r\n.pops-no-border {\r\n border: 0;\r\n}\r\n.pops-no-border-important {\r\n border: 0 !important;\r\n}\r\n.pops-user-select-none {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-line-height-center {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops-width-fill {\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n}\r\n.pops-text-is-disabled {\r\n --pops-text-is-disabled-color: #a8abb2;\r\n color: var(--pops-text-is-disabled-color);\r\n --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);\r\n}\r\n.pops-text-is-disabled-important {\r\n --pops-text-is-disabled-color: #a8abb2;\r\n color: var(--pops-text-is-disabled-color) !important;\r\n --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;\r\n}\r\n",anim:'@keyframes rotating {\r\n 0% {\r\n transform: rotate(0);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes iframeLoadingChange_85 {\r\n 0% {\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n }\r\n 20% {\r\n background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\r\n }\r\n 40% {\r\n background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\r\n }\r\n 60% {\r\n background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\r\n }\r\n 80% {\r\n background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\r\n }\r\n 100% {\r\n background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\r\n }\r\n from {\r\n width: 75%;\r\n }\r\n to {\r\n width: 100%;\r\n }\r\n}\r\n@keyframes iframeLoadingChange {\r\n 0% {\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n }\r\n 20% {\r\n background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\r\n }\r\n 40% {\r\n background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\r\n }\r\n 60% {\r\n background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\r\n }\r\n 80% {\r\n background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\r\n }\r\n 100% {\r\n background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\r\n }\r\n from {\r\n width: 0;\r\n }\r\n to {\r\n width: 75%;\r\n }\r\n}\r\n\r\n@keyframes searchSelectFalIn {\r\n from {\r\n opacity: 0;\r\n display: none;\r\n }\r\n to {\r\n display: block;\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes searchSelectFalOut {\r\n from {\r\n display: block;\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes pops-anim-wait-rotate {\r\n form {\r\n transform: rotate(0);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes pops-anim-spread {\r\n 0% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes pops-anim-shake {\r\n 0%,\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n 10%,\r\n 30%,\r\n 50%,\r\n 70%,\r\n 90% {\r\n transform: translateX(-10px);\r\n }\r\n 20%,\r\n 40%,\r\n 60%,\r\n 80% {\r\n transform: translateX(10px);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-100%) rotate(-120deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-right {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(100%) rotate(120deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-top {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-bottom {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-right {\r\n 0% {\r\n transform: translateX(200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-fadein {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes pops-anim-fadein-zoom {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.5);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-alert {\r\n 0% {\r\n transform: scale(0.5);\r\n }\r\n 45% {\r\n transform: scale(1.05);\r\n }\r\n 80% {\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes pops-anim-don {\r\n 0% {\r\n opacity: 0;\r\n transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 2.08333% {\r\n transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 4.16667% {\r\n transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 6.25% {\r\n transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 8.33333% {\r\n transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 10.4167% {\r\n transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 12.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 14.5833% {\r\n transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 16.6667% {\r\n transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 18.75% {\r\n transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 20.8333% {\r\n transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 22.9167% {\r\n transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 25% {\r\n transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 27.0833% {\r\n transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 29.1667% {\r\n transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 31.25% {\r\n transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 33.3333% {\r\n transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 35.4167% {\r\n transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 37.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 39.5833% {\r\n transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 41.6667% {\r\n transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 43.75% {\r\n transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 45.8333% {\r\n transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 47.9167% {\r\n transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 52.0833% {\r\n transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 54.1667% {\r\n transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 56.25% {\r\n transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 58.3333% {\r\n transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 60.4167% {\r\n transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 62.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 64.5833% {\r\n transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 66.6667% {\r\n transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 68.75% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 70.8333% {\r\n transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 72.9167% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 75% {\r\n transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 77.0833% {\r\n transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 79.1667% {\r\n transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 81.25% {\r\n transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 83.3333% {\r\n transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 85.4167% {\r\n transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 87.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 89.5833% {\r\n transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 91.6667% {\r\n transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 93.75% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 95.8333% {\r\n transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 97.9167% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n}\r\n@keyframes pops-anim-roll {\r\n 0% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\r\n }\r\n 100% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n}\r\n@keyframes pops-anim-sandra {\r\n 0% {\r\n opacity: 0;\r\n transform: scale3d(1.1, 1.1, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-gather {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-spread-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n}\r\n@keyframes pops-anim-shake-reverse {\r\n 0%,\r\n 100% {\r\n transform: translateX(10px);\r\n }\r\n 10%,\r\n 30%,\r\n 50%,\r\n 70%,\r\n 90% {\r\n transform: translateX(-10px);\r\n }\r\n 20%,\r\n 40%,\r\n 60%,\r\n 80% {\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-left-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(-100%) rotate(-120deg);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-right-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(100%) rotate(120deg);\r\n }\r\n}\r\n@keyframes pops-anim-slide-top-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-bottom-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-left-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(-200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-right-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(200%);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-reverse {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n@keyframes pops-anim-fadein-zoom-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0.5);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-alert-reverse {\r\n 0% {\r\n transform: scale(1);\r\n }\r\n 45% {\r\n transform: scale(0.95);\r\n }\r\n 80% {\r\n transform: scale(1.05);\r\n }\r\n 100% {\r\n transform: scale(0.5);\r\n }\r\n}\r\n@keyframes pops-anim-don-reverse {\r\n 100% {\r\n opacity: 0;\r\n transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 97.9167% {\r\n transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 95.8333% {\r\n transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 93.75% {\r\n transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 91.6667% {\r\n transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 89.5833% {\r\n transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 87.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 85.4167% {\r\n transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 83.3333% {\r\n transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 81.25% {\r\n transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 79.1667% {\r\n transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 77.0833% {\r\n transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 75% {\r\n transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 72.9167% {\r\n transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 70.8333% {\r\n transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 68.75% {\r\n transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 66.6667% {\r\n transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 64.5833% {\r\n transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 62.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 60.4167% {\r\n transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 58.3333% {\r\n transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 56.25% {\r\n transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 54.1667% {\r\n transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 52.0833% {\r\n transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 47.9167% {\r\n transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 45.8333% {\r\n transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 43.75% {\r\n transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 41.6667% {\r\n transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 39.5833% {\r\n transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 37.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 35.4167% {\r\n transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 33.3333% {\r\n transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 31.25% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 29.1667% {\r\n transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 27.0833% {\r\n transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 25% {\r\n transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 22.9167% {\r\n transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 20.8333% {\r\n transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 18.75% {\r\n transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 16.6667% {\r\n transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 14.5833% {\r\n transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 12.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 10.4167% {\r\n transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 8.33333% {\r\n transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 6.25% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 4.16667% {\r\n transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 2.08333% {\r\n transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 0% {\r\n opacity: 1;\r\n transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n}\r\n@keyframes pops-anim-roll-reverse {\r\n 0% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n 100% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\r\n }\r\n}\r\n@keyframes pops-anim-sandra-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale3d(1.1, 1.1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-gather-reverse {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pops-motion-fadeInTop {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-30px);\r\n transform: translateY(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInTop {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n -ms-transform: translateY(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutTop {\r\n 0% {\r\n opacity: 10;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-30px);\r\n transform: translateY(-30px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutTop {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n -ms-transform: translateY(-30px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInBottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInBottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n -ms-transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutBottom {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutBottom {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n -ms-transform: translateY(20px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-20px);\r\n transform: translateX(-20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-30px);\r\n transform: translateX(-30px);\r\n -ms-transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutLeft {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-30px);\r\n transform: translateX(-30px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutLeft {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-20px);\r\n transform: translateX(-20px);\r\n -ms-transform: translateX(-20px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInRight {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInRight {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n -ms-transform: translateX(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutRight {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutRight {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n -ms-transform: translateX(20px);\r\n }\r\n}\r\n\r\n/* 动画 */\r\n.pops-anim[anim="pops-anim-spread"] {\r\n animation: pops-anim-spread 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-shake"] {\r\n animation: pops-anim-shake 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-left"] {\r\n animation: pops-anim-rolling-left 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-right"] {\r\n animation: pops-anim-rolling-right 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-top"] {\r\n animation: pops-anim-slide-top 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-bottom"] {\r\n animation: pops-anim-slide-bottom 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-left"] {\r\n animation: pops-anim-slide-left 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-right"] {\r\n animation: pops-anim-slide-right 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein"] {\r\n animation: pops-anim-fadein 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-zoom"] {\r\n animation: pops-anim-fadein-zoom 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-alert"] {\r\n animation: pops-anim-fadein-alert 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-don"] {\r\n animation: pops-anim-don 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-roll"] {\r\n animation: pops-anim-roll 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-sandra"] {\r\n animation: pops-anim-sandra 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-gather"] {\r\n animation: pops-anim-gather 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-spread-reverse"] {\r\n animation: pops-anim-spread-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-shake-reverse"] {\r\n animation: pops-anim-shake-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-left-reverse"] {\r\n animation: pops-anim-rolling-left-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-right-reverse"] {\r\n animation: pops-anim-rolling-right-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-top-reverse"] {\r\n animation: pops-anim-slide-top-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-bottom-reverse"] {\r\n animation: pops-anim-slide-bottom-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-left-reverse"] {\r\n animation: pops-anim-slide-left-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-right-reverse"] {\r\n animation: pops-anim-slide-right-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-reverse"] {\r\n animation: pops-anim-fadein-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-zoom-reverse"] {\r\n animation: pops-anim-fadein-zoom-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-alert-reverse"] {\r\n animation: pops-anim-fadein-alert-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-don-reverse"] {\r\n animation: pops-anim-don-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-roll-reverse"] {\r\n animation: pops-anim-roll-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-sandra-reverse"] {\r\n animation: pops-anim-sandra-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-gather-reverse"] {\r\n animation: pops-anim-gather-reverse 0.3s;\r\n}\r\n',alertCSS:"",confirmCSS:"",promptCSS:'.pops[type-value="prompt"] {\r\n --input-color: #000000;\r\n --input-bg-color: none;\r\n --input-placeholder-color: #a1a4ac;\r\n}\r\n.pops[type-value="prompt"] input[pops],\r\n.pops[type-value="prompt"] textarea[pops] {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0;\r\n border: 0;\r\n color: var(--input-color);\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n.pops[type-value="prompt"] input[pops] {\r\n padding: 5px 10px;\r\n}\r\n.pops[type-value="prompt"] textarea[pops] {\r\n padding: 5px 10px;\r\n resize: none;\r\n}\r\n\r\n.pops[type-value="prompt"] input[pops]::placeholder,\r\n.pops[type-value="prompt"] textarea[pops]::placeholder {\r\n color: var(--input-placeholder-color);\r\n}\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="prompt"] {\r\n --input-color: #ffffff;\r\n --input-bg-color: #333333;\r\n --input-placeholder-color: #8d9095;\r\n }\r\n}\r\n',loadingCSS:'.pops[type-value="loading"] {\r\n --loading-bd-color: rgba(0, 0, 0, 0.2);\r\n --loading-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --loading-box-shadow-color: rgb(0 0 0 / 50%);\r\n --loading-icon-color: rgba(100, 149, 237, 0.1);\r\n --loading-icon-bd-top-color: rgb(100, 149, 237, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="loading"] {\r\n position: absolute;\r\n top: 272.5px;\r\n top: 50%;\r\n left: 26px;\r\n left: 50%;\r\n display: flex;\r\n overflow: hidden;\r\n padding: 10px 15px;\r\n max-width: 100%;\r\n max-height: 100%;\r\n min-width: 0;\r\n min-height: 0;\r\n border: 1px solid var(--loading-bd-color);\r\n border-radius: 5px;\r\n background-color: var(--loading-bg-color);\r\n box-shadow: 0 0 5px var(--loading-box-shadow-color);\r\n vertical-align: middle;\r\n transition: all 0.35s;\r\n transform: translate(-50%, -50%);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n align-content: center;\r\n}\r\n.pops[type-value="loading"]:before {\r\n float: left;\r\n display: inline-block;\r\n width: 2em;\r\n height: 2em;\r\n border: 0.3em solid var(--loading-icon-color);\r\n border-top: 0.3em solid var(--loading-icon-bd-top-color);\r\n border-radius: 50%;\r\n content: " ";\r\n vertical-align: middle;\r\n font-size: inherit;\r\n animation: pops-anim-wait-rotate 1.2s linear infinite;\r\n}\r\n.pops[type-value="loading"] .pops-loading-content {\r\n position: static;\r\n top: 0;\r\n bottom: 0;\r\n float: left;\r\n overflow: hidden;\r\n width: auto;\r\n font-size: inherit;\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="loading"] {\r\n --loading-bg-color: #222222;\r\n }\r\n}\r\n',iframeCSS:'.pops[type-value="iframe"] {\r\n --container-title-height: 55px;\r\n transition:\r\n width 0.35s ease,\r\n height 0.35s ease;\r\n}\r\n.pops[type-value="iframe"] .pops-content {\r\n overflow: hidden;\r\n}\r\n.pops-loading {\r\n position: absolute;\r\n top: 40px;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 5;\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-loading:before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 3;\r\n display: block;\r\n margin: -20px 0 0 -20px;\r\n padding: 20px;\r\n border: 4px solid rgb(221, 221, 221, var(--pops-bd-opacity));\r\n border-radius: 50%;\r\n content: "";\r\n border-top-color: transparent;\r\n animation: pops-anim-wait-rotate 1.2s linear infinite;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="min"] {\r\n bottom: 0;\r\n max-width: 200px;\r\n max-height: 53px;\r\n position: unset;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="min"] .pops-header-control[data-type="min"] {\r\n display: none;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-top {\r\n top: unset !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-left {\r\n left: unset !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-transform {\r\n transform: none !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-transition {\r\n transition: none !important;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="max"] {\r\n width: 100% !important;\r\n height: 100% !important;\r\n}\r\n.pops[type-value="iframe"] iframe[pops] {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n}\r\n.pops-iframe-content-global-loading {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 999999;\r\n width: 0;\r\n height: 4px;\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n animation: iframeLoadingChange 2s forwards;\r\n}\r\n\r\n.pops-anim:has(.pops[type-value="iframe"].pops[type-module="min"]) {\r\n position: unset;\r\n}\r\n',tooltipCSS:'.pops-tip {\r\n --pops-bg-opacity: 1;\r\n --tooltip-color: #4e4e4e;\r\n --tooltip-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --tooltip-bd-radius: 2px;\r\n --tooltip-box-shadow-left-color: rgba(0, 0, 0, 0.24);\r\n --tooltip-box-shadow-right-color: rgba(0, 0, 0, 0.12);\r\n --tooltip-font-size: 14px;\r\n --tooltip-padding-top: 13px;\r\n --tooltip-padding-right: 13px;\r\n --tooltip-padding-bottom: 13px;\r\n --tooltip-padding-left: 13px;\r\n\r\n --tooltip-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\r\n --tooltip-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\r\n --tooltip-arrow--after-color: rgb(78, 78, 78);\r\n --tooltip-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --tooltip-arrow--after-width: 12px;\r\n --tooltip-arrow--after-height: 12px;\r\n}\r\n.pops-tip {\r\n padding: var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom)\r\n var(--tooltip-padding-left);\r\n max-width: 400px;\r\n max-height: 300px;\r\n border-radius: var(--tooltip-bd-radius);\r\n background-color: var(--tooltip-bg-color);\r\n box-shadow:\r\n 0 1.5px 4px var(--tooltip-box-shadow-left-color),\r\n 0 1.5px 6px var(--tooltip-box-shadow-right-color);\r\n color: var(--tooltip-color);\r\n font-size: var(--tooltip-font-size);\r\n}\r\n.pops-tip[data-position="absolute"] {\r\n position: absolute;\r\n}\r\n.pops-tip[data-position="fixed"] {\r\n position: fixed;\r\n}\r\n\r\n.pops-tip .pops-tip-arrow {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 12.5px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow::after {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: var(--tooltip-arrow--after-width);\r\n height: var(--tooltip-arrow--after-height);\r\n background: var(--tooltip-arrow--after-bg-color);\r\n color: var(--tooltip-arrow--after-color);\r\n box-shadow:\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\r\n content: "";\r\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="bottom"] {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 12.5px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="bottom"]:after {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: var(--tooltip-arrow--after-width);\r\n height: var(--tooltip-arrow--after-height);\r\n background: var(--tooltip-arrow--after-bg-color);\r\n box-shadow:\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\r\n 0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\r\n content: "";\r\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="left"] {\r\n top: 50%;\r\n left: -12.5px;\r\n width: 12.5px;\r\n height: 50px;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="left"]:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n content: "";\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="right"] {\r\n top: 50%;\r\n right: -12.5px;\r\n left: auto;\r\n width: 12.5px;\r\n height: 50px;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="right"]:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n content: "";\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="top"] {\r\n top: -12.5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="top"]:after {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n content: "";\r\n}\r\n\r\n.pops-tip[data-motion] {\r\n -webkit-animation-duration: 0.25s;\r\n animation-duration: 0.25s;\r\n -webkit-animation-fill-mode: forwards;\r\n animation-fill-mode: forwards;\r\n}\r\n.pops-tip[data-motion="fadeOutRight"] {\r\n -webkit-animation-name: pops-motion-fadeOutRight;\r\n animation-name: pops-motion-fadeOutRight;\r\n}\r\n.pops-tip[data-motion="fadeInTop"] {\r\n -webkit-animation-name: pops-motion-fadeInTop;\r\n animation-name: pops-motion-fadeInTop;\r\n animation-timing-function: cubic-bezier(0.49, 0.49, 0.13, 1.3);\r\n}\r\n.pops-tip[data-motion="fadeOutTop"] {\r\n -webkit-animation-name: pops-motion-fadeOutTop;\r\n animation-name: pops-motion-fadeOutTop;\r\n animation-timing-function: cubic-bezier(0.32, 0.37, 0.06, 0.87);\r\n}\r\n.pops-tip[data-motion="fadeInBottom"] {\r\n -webkit-animation-name: pops-motion-fadeInBottom;\r\n animation-name: pops-motion-fadeInBottom;\r\n}\r\n.pops-tip[data-motion="fadeOutBottom"] {\r\n -webkit-animation-name: pops-motion-fadeOutBottom;\r\n animation-name: pops-motion-fadeOutBottom;\r\n}\r\n.pops-tip[data-motion="fadeInLeft"] {\r\n -webkit-animation-name: pops-motion-fadeInLeft;\r\n animation-name: pops-motion-fadeInLeft;\r\n}\r\n.pops-tip[data-motion="fadeOutLeft"] {\r\n -webkit-animation-name: pops-motion-fadeOutLeft;\r\n animation-name: pops-motion-fadeOutLeft;\r\n}\r\n.pops-tip[data-motion="fadeInRight"] {\r\n -webkit-animation-name: pops-motion-fadeInRight;\r\n animation-name: pops-motion-fadeInRight;\r\n}\r\n\r\n/* github的样式 */\r\n.pops-tip.github-tooltip {\r\n --tooltip-bg-opacity: 1;\r\n --tooltip-color: #ffffff;\r\n --tooltip-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\r\n --tooltip-bd-radius: 6px;\r\n --tooltip-padding-top: 6px;\r\n --tooltip-padding-right: 8px;\r\n --tooltip-padding-bottom: 6px;\r\n --tooltip-padding-left: 8px;\r\n\r\n --tooltip-arrow--after-color: rgb(255, 255, 255);\r\n --tooltip-arrow--after-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\r\n --tooltip-arrow--after-width: 8px;\r\n --tooltip-arrow--after-height: 8px;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops-tip {\r\n --tooltip-color: #ffffff;\r\n --tooltip-bg-color: #fafafa;\r\n --tooltip-arrow--after-color: #fafafa;\r\n --tooltip-arrow--after-bg-color: rgb(250, 250, 250, var(--pops-bg-opacity));\r\n }\r\n}\r\n',drawerCSS:'.pops[type-value="drawer"] {\r\n position: fixed;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow:\r\n 0px 16px 48px 16px rgba(0, 0, 0, 0.08),\r\n 0px 12px 32px rgba(0, 0, 0, 0.12),\r\n 0px 8px 16px -8px rgba(0, 0, 0, 0.16);\r\n overflow: hidden;\r\n transition: all 0.3s;\r\n}\r\n\r\n.pops[type-value="drawer"][direction="top"] {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n}\r\n.pops[type-value="drawer"][direction="bottom"] {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n.pops[type-value="drawer"][direction="left"] {\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.pops[type-value="drawer"][direction="right"] {\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n',folderCSS:'.pops-folder-list {\r\n --folder-arrow-fill-color: #d4d7de;\r\n --folder-arrow-active-fill-color: #06a7ff;\r\n --header-breadcrumb-text-color: #06a7ff;\r\n --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-last-text-color: #999999;\r\n --table-header-row-text-color: #818999;\r\n --table-body-td-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\r\n --table-body-th-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\r\n --table-body-row-text-color: #05082c;\r\n --table-body-row-file-name-text-color: #05082c;\r\n --table-body-row-hover-bd-color: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n --table-body-row-hover-bg-color: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n --table-body-row-file-name-hover-text-color: #06a7ff;\r\n --table-body-row-content-text-color: #818999;\r\n}\r\n.pops-folder-list .cursor-p {\r\n cursor: pointer;\r\n}\r\n.pops-folder-list a {\r\n background: 0 0;\r\n text-decoration: none;\r\n -webkit-tap-highlight-color: transparent;\r\n color: var(--header-breadcrumb-text-color);\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n width: 100%;\r\n table-layout: fixed;\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n padding: 0 20px;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n height: 100%;\r\n background: 0 0;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n -ms-flex-direction: column;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n}\r\ntable.pops-folder-list-table__body {\r\n height: 100%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-folder-list table tr {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops-folder-list-table__header-row {\r\n height: 50px;\r\n line-height: normal;\r\n align-content: center;\r\n color: var(--table-header-row-text-color);\r\n text-align: left;\r\n font-size: 12px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-folder-list-table__body-row {\r\n height: 50px;\r\n line-height: normal;\r\n align-content: center;\r\n color: var(--table-body-row-text-color);\r\n font-size: 12px;\r\n}\r\n.pops-folder-list-table__body-row:hover {\r\n background-color: var(--table-body-row-hover-bg-color);\r\n border-color: var(--table-body-row-hover-bd-color);\r\n border: 0;\r\n outline: none;\r\n}\r\n.pops-folder-list table th {\r\n border: 0;\r\n border-bottom: 1px solid var(--table-body-th-text-color);\r\n}\r\n.pops-folder-list table td {\r\n border: 0;\r\n border-bottom: 1px solid var(--table-body-td-text-color);\r\n position: relative;\r\n}\r\n.pops-folder-list .list-name-text {\r\n display: inline-block;\r\n padding-left: 12px;\r\n line-height: normal;\r\n align-content: center;\r\n max-width: 176px;\r\n}\r\n.pops-folder-list-file-name > div {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.pops-mobile-folder-list-file-name {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-mobile-folder-list-file-name > div {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n padding: 6px 0px;\r\n flex-direction: column;\r\n}\r\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\r\n width: 45px;\r\n height: 45px;\r\n}\r\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\r\n padding-left: unset;\r\n max-width: 250px;\r\n overflow-x: hidden;\r\n font-weight: 400;\r\n line-height: unset;\r\n margin-bottom: 4px;\r\n white-space: normal;\r\n text-overflow: unset;\r\n}\r\n\r\n/* 修改滚动 */\r\n.pops-folder-content {\r\n overflow: hidden !important;\r\n}\r\n.pops-folder-content .pops-folder-list {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.pops-folder-content .pops-folder-list-table__body-div {\r\n height: 100%;\r\n flex: 1 auto;\r\n overflow: auto;\r\n padding-bottom: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\r\n height: 100%;\r\n flex: 1 auto;\r\n overflow: auto;\r\n padding-bottom: 0;\r\n}\r\n.pops-folder-content table.pops-folder-list-table__body {\r\n overflow: auto;\r\n}\r\n.pops-folder-content .pops-folder-list-table__header-div {\r\n flex: 0;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\r\n display: none;\r\n}\r\n\r\n.pops-folder-list .pops-folder-list-file-name-title-text {\r\n color: var(--table-body-row-file-name-text-color);\r\n}\r\n.pops-folder-list .pops-folder-list-file-name-title-text:hover {\r\n text-decoration: none;\r\n color: var(--table-body-row-file-name-hover-text-color);\r\n}\r\n.pops-folder-list .text-ellip {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n.pops-folder-list .content {\r\n color: var(--table-body-row-content-text-color);\r\n position: relative;\r\n width: 100%;\r\n text-align: left;\r\n}\r\n.pops-folder-list .inline-block-v-middle {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .flex-a-i-center {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-folder-list .u-file-icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .u-file-icon--list {\r\n width: 32px;\r\n height: 32px;\r\n}\r\n.pops-folder-list .pops-folder-list-file-icon {\r\n line-height: normal;\r\n align-content: center;\r\n position: relative;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\r\n flex: 1;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: row;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n min-height: 17px;\r\n flex-wrap: wrap;\r\n}\r\n.pops-folder-list .pops-folder-list-table__sort {\r\n display: inline-flex;\r\n margin-left: 4px;\r\n flex-direction: column;\r\n}\r\n\r\n.pops-folder-list .pops-folder-icon-arrow {\r\n width: 10px;\r\n height: 10px;\r\n fill: var(--folder-arrow-fill-color);\r\n}\r\n.pops-folder-list .pops-folder-icon-active {\r\n fill: var(--folder-arrow-active-fill-color);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb {\r\n padding: 4px 20px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: row;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n -webkit-box-pack: start;\r\n -webkit-justify-content: start;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n min-height: 35px;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\r\n font-size: 12px;\r\n color: var(--header-breadcrumb-all-files-text-color);\r\n line-height: normal;\r\n align-content: center;\r\n font-weight: 700;\r\n display: inline-block;\r\n max-width: 140px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\r\n color: var(--header-breadcrumb-all-files-last-text-color);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\r\n font-size: 14px;\r\n color: var(--header-breadcrumb-all-files-first-text-color);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n.pops-folder-list .iconArrow {\r\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\r\n 55% 50%/6px 9px no-repeat;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="folder"] {\r\n --pops-title-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n --pops-bottom-btn-controls-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n }\r\n .pops-folder-list {\r\n --header-breadcrumb-text-color: #06a7ff;\r\n --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\r\n --header-breadcrumb-all-files-last-text-color: #818999;\r\n --table-body-row-text-color: #f7f8fa;\r\n --table-body-td-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n --table-body-th-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\r\n --table-body-td-text-color: #495366;\r\n --table-body-row-hover-bd-color: #1f2022;\r\n --table-body-row-hover-bg-color: #1f2022;\r\n --table-body-row-file-name-text-color: #f7f8fa;\r\n }\r\n}\r\n',panelCSS:'.pops[type-value="panel"] {\r\n --pops-bg-color: #f2f2f2;\r\n --pops-color: #333333;\r\n --panel-title-bg-color: #ffffff;\r\n\r\n --panel-aside-bg-color: #ffffff;\r\n --panel-aside-hover-color: rgb(64, 158, 255);\r\n --panel-aside-hover-bg-color: rgba(64, 158, 255, 0.1);\r\n\r\n --pops-panel-forms-margin-top-bottom: 10px;\r\n --pops-panel-forms-margin-left-right: 20px;\r\n --pops-panel-forms-header-icon-size: calc(var(--pops-panel-forms-container-li-padding-left-right) + 1px);\r\n --pops-panel-forms-header-padding-top-bottom: 15px;\r\n --pops-panel-forms-header-padding-left-right: 10px;\r\n --pops-panel-forms-container-item-left-text-gap: 6px;\r\n --pops-panel-forms-container-item-left-desc-text-size: 0.8em;\r\n --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\r\n --pops-panel-forms-container-item-bg-color: #ffffff;\r\n --pops-panel-forms-container-item-title-color: #333;\r\n --pops-panel-forms-container-item-border-radius: 6px;\r\n --pops-panel-forms-container-item-margin-top-bottom: 10px;\r\n --pops-panel-forms-container-item-margin-left-right: var(--pops-panel-forms-margin-left-right);\r\n --pops-panel-forms-container-li-border-color: var(--pops-bd-color);\r\n --pops-panel-forms-container-li-padding-top-bottom: 12px;\r\n --pops-panel-forms-container-li-padding-left-right: 16px;\r\n\r\n --pops-panel-forms-container-deepMenu-item-active-bg: #e9e9e9;\r\n}\r\n.pops[type-value="panel"] {\r\n color: var(--pops-color);\r\n background: var(--pops-bg-color);\r\n}\r\n.pops[type-value] .pops-panel-title {\r\n background: var(--panel-title-bg-color);\r\n}\r\n\r\n/* ↓panel的CSS↓ */\r\n/* 左侧的列表 */\r\naside.pops-panel-aside {\r\n box-sizing: border-box;\r\n flex-shrink: 0;\r\n max-width: 200px;\r\n min-width: 100px;\r\n height: 100%;\r\n background: var(--panel-aside-bg-color);\r\n border-right: 1px solid var(--panel-aside-bg-color);\r\n font-size: 0.9em;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\naside.pops-panel-aside .pops-panel-aside-top-container {\r\n overflow: auto;\r\n}\r\naside.pops-panel-aside ul li {\r\n margin: 6px 8px;\r\n border-radius: 4px;\r\n padding: 6px 10px;\r\n cursor: default;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\naside.pops-panel-aside .pops-is-visited,\r\naside.pops-panel-aside ul li:not(.pops-panel-disabled-aside-hover-css):hover {\r\n color: var(--panel-aside-hover-color);\r\n background: var(--panel-aside-hover-bg-color);\r\n}\r\n/* 左侧的列表 */\r\n\r\n/* 底部的容器 */\r\n.pops-panel-bottom-wrapper {\r\n background: var(--panel-aside-bg-color);\r\n border-top: 1px solid #ebeef5;\r\n}\r\n.pops-panel-bottom-wrapper:has(.pops-panel-bottom-left-container:empty):has(.pops-panel-bottom-right-container:empty) {\r\n border-top: 0;\r\n}\r\n.pops-panel-bottom-container {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n}\r\n.pops-panel-bottom-left-container {\r\n}\r\n.pops-panel-bottom-right-container {\r\n}\r\n.pops-panel-bottom-wrapper .pops-panel-bottom-item {\r\n list-style-type: none;\r\n margin: 6px 8px;\r\n border-radius: 4px;\r\n padding: 6px 10px;\r\n cursor: default;\r\n}\r\n.pops-panel-bottom-wrapper:not(.pops-panel-disable-bottom-item-hover-css) .pops-panel-bottom-item:hover {\r\n color: var(--panel-aside-hover-color);\r\n background: var(--panel-aside-hover-bg-color);\r\n}\r\n/* 底部的容器 */\r\n\r\n.pops-panel-content {\r\n display: flex;\r\n flex-direction: row;\r\n flex: 1;\r\n overflow: auto;\r\n flex-basis: auto;\r\n box-sizing: border-box;\r\n min-width: 0;\r\n bottom: 0 !important;\r\n}\r\n\r\n.pops-panel-section-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\nsection.pops-panel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul,\r\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\r\n border-bottom: 1px solid rgba(223, 223, 223, var(--pops-bg-opacity));\r\n flex: 0 auto;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul li,\r\nsection.pops-panel-container .pops-panel-container-header-ul li.pops-panel-container-header-title-text {\r\n display: flex;\r\n justify-content: flex-start !important;\r\n margin: 0px !important;\r\n padding: var(--pops-panel-forms-header-padding-top-bottom)\r\n calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right));\r\n text-align: left;\r\n}\r\nsection.pops-panel-container ul.pops-panel-container-main-ul {\r\n overflow: auto;\r\n /*flex: 1;*/\r\n}\r\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: var(--pops-panel-forms-margin-top-bottom)\r\n calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-margin-left-right));\r\n gap: 10px;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\r\n margin: 10px;\r\n margin-left: calc(\r\n var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right)\r\n );\r\n font-size: 0.9em;\r\n text-align: left;\r\n color: var(--pops-panel-forms-container-item-title-color);\r\n}\r\nsection.pops-panel-container li.pops-panel-forms-container-item {\r\n /* 去除<li>左侧的圆点 */\r\n display: block;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist {\r\n border-radius: var(--pops-panel-forms-container-item-border-radius);\r\n background: var(--pops-panel-forms-container-item-bg-color);\r\n margin: var(--pops-panel-forms-container-item-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist li {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom)\r\n var(--pops-panel-forms-container-li-padding-left-right);\r\n margin: 0px 0px;\r\n border-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\r\n text-align: left;\r\n}\r\n/*section.pops-panel-container\r\n\t.pops-panel-forms-container-item\r\n\tul\r\n\tli.pops-panel-deepMenu-nav-item {\r\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\r\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right);\r\n\tborder-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\r\n}*/\r\nsection.pops-panel-container\r\n .pops-panel-forms-container-item\r\n ul.pops-panel-forms-container-item-formlist\r\n li:last-child {\r\n border: 0px;\r\n}\r\n/* 左侧的文字 */\r\nsection.pops-panel-container .pops-panel-item-left-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--pops-panel-forms-container-item-left-text-gap);\r\n}\r\n\r\n/* 左侧的主文字 */\r\n/*section.pops-panel-container .pops-panel-item-left-main-text {\r\n\t\r\n}*/\r\n/* 左侧的描述文字 */\r\nsection.pops-panel-container .pops-panel-item-left-desc-text {\r\n font-size: var(--pops-panel-forms-container-item-left-desc-text-size);\r\n color: var(--pops-panel-forms-container-item-left-desc-text-color);\r\n}\r\n\r\n/* 折叠面板 */\r\nsection.pops-panel-container .pops-panel-forms-fold {\r\n border-radius: var(--pops-panel-forms-container-item-border-radius);\r\n background: var(--pops-panel-forms-container-item-bg-color);\r\n margin: var(--pops-panel-forms-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container {\r\n display: flex;\r\n align-items: center;\r\n fill: #6c6c6c;\r\n justify-content: space-between;\r\n margin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-fold-container-icon {\r\n transform: rotate(90deg);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container-icon {\r\n width: 15px;\r\n height: 15px;\r\n display: flex;\r\n align-items: center;\r\n transform: rotate(-90deg);\r\n transition: transform 0.3s;\r\n}\r\n/* 折叠状态 */\r\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-container-item-formlist {\r\n height: 0;\r\n}\r\n/* 非折叠状态 */\r\nsection.pops-panel-container .pops-panel-forms-fold ul.pops-panel-forms-container-item-formlist {\r\n margin: 0;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-container-item-formlist {\r\n transition: height 0.3s;\r\n overflow: hidden;\r\n border-radius: unset;\r\n background: unset;\r\n margin: 0;\r\n height: calc-size(auto, size);\r\n}\r\n/* 折叠面板 */\r\n\r\n/* 姑且认为小于600px的屏幕为移动端 */\r\n@media (max-width: 600px) {\r\n /* 兼容移动端CSS */\r\n .pops[type-value="panel"] {\r\n --pops-panel-forms-margin-left-right: 10px;\r\n }\r\n .pops[type-value="panel"] {\r\n width: 92%;\r\n width: 92vw;\r\n width: 92dvw;\r\n }\r\n .pops[type-value="panel"] .pops-panel-content aside.pops-panel-aside {\r\n max-width: 20%;\r\n min-width: auto;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-forms-container-item > div {\r\n text-align: left;\r\n --pops-panel-forms-margin-left-right: 0px;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-forms-container-item ul {\r\n margin: 0px !important;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container > ul > li {\r\n margin: 10px 10px;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container > ul > li div:nth-child(2) {\r\n max-width: 55%;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-select select {\r\n min-width: 88px !important;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container .pops-panel-container-header-ul li {\r\n font-size: 16px;\r\n }\r\n .pops[type-value="panel"] .pops-panel-title p[pops],\r\n .pops[type-value="panel"] section.pops-panel-container > ul li,\r\n .pops[type-value="panel"] aside.pops-panel-aside ul li {\r\n font-size: 14px;\r\n }\r\n}\r\n/* switch的CSS */\r\n.pops-panel-switch {\r\n --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --panel-switch-circle-color: #dcdfe6;\r\n --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --panel-switch-checked-circle-color: #409eff;\r\n --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\r\n --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-panel-switch {\r\n display: inline-flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n position: relative;\r\n font-size: 14px;\r\n line-height: normal;\r\n align-content: center;\r\n height: 32px;\r\n vertical-align: middle;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-panel-switch input.pops-panel-switch__input {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n margin: 0;\r\n}\r\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\r\n.pops-panel-switch[data-disabled],\r\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\r\n.pops-panel-switch input.pops-panel-switch__input:disabled + .pops-panel-switch__core {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n.pops-panel-switch span.pops-panel-switch__core {\r\n display: inline-flex;\r\n position: relative;\r\n align-items: center;\r\n min-width: 40px;\r\n height: 20px;\r\n border: 1px solid var(--panel-switch-core-bd-color);\r\n outline: 0;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n background: var(--panel-switch-core-bg-color);\r\n cursor: pointer;\r\n transition:\r\n border-color 0.3s,\r\n background-color 0.3s;\r\n}\r\n.pops-panel-switch .pops-panel-switch__action {\r\n position: absolute;\r\n left: 1px;\r\n border-radius: 100%;\r\n transition: all 0.3s;\r\n width: 16px;\r\n height: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: var(--panel-switch-circle-bg-color);\r\n color: var(--panel-switch-circle-color);\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\r\n border-color: var(--panel-switch-checked-core-bd-color);\r\n background-color: var(--panel-switch-checked-core-bg-color);\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\r\n left: calc(100% - 17px);\r\n color: var(--panel-switch-checked-circle-color);\r\n}\r\n/* switch的CSS */\r\n\r\n/* slider旧的CSS */\r\nsection.pops-panel-container .pops-panel-slider:has(> input[type="range"]) {\r\n overflow: hidden;\r\n height: 25px;\r\n line-height: normal;\r\n align-content: center;\r\n display: flex;\r\n align-items: center;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"] {\r\n height: 6px;\r\n background: rgb(228, 231, 237, var(--pops-bg-opacity));\r\n outline: 0;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-webkit-slider-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow:\r\n 0 0 2px rgba(0, 0, 0, 0.3),\r\n 0 3px 5px rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow:\r\n 0 0 2px rgba(0, 0, 0, 0.3),\r\n 0 3px 5px rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-moz-range-progress {\r\n height: 6px;\r\n border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\n/* slider旧的CSS */\r\n\r\n/* slider的CSS */\r\n.pops-slider {\r\n --pops-slider-color-white: #ffffff;\r\n --pops-slider-color-primary: #409eff;\r\n --pops-slider-color-info: #909399;\r\n --pops-slider-text-color-placeholder: #a8abb2;\r\n --pops-slider-border-color-light: #e4e7ed;\r\n --pops-slider-border-radius-circle: 100%;\r\n --pops-slider-transition-duration-fast: 0.2s;\r\n\r\n --pops-slider-main-bg-color: var(--pops-slider-color-primary);\r\n --pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\r\n --pops-slider-stop-bg-color: var(--pops-slider-color-white);\r\n --pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\r\n --pops-slider-border-radius: 3px;\r\n --pops-slider-height: 6px;\r\n --pops-slider-button-size: 20px;\r\n --pops-slider-button-wrapper-size: 36px;\r\n --pops-slider-button-wrapper-offset: -15px;\r\n}\r\n\r\n.pops-slider {\r\n width: 100%;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.pops-slider-width {\r\n flex: 0 0 52%;\r\n margin-left: 10px;\r\n}\r\n\r\n.pops-slider__runway {\r\n flex: 1;\r\n height: var(--pops-slider-height);\r\n background-color: var(--pops-slider-runway-bg-color);\r\n border-radius: var(--pops-slider-border-radius);\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.pops-slider__runway.show-input {\r\n margin-right: 30px;\r\n width: auto;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled {\r\n cursor: default;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\r\n background-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\r\n border-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n cursor: not-allowed;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n transform: scale(1);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n cursor: not-allowed;\r\n}\r\n\r\n.pops-slider__input {\r\n flex-shrink: 0;\r\n width: 130px;\r\n}\r\n\r\n.pops-slider__bar {\r\n height: var(--pops-slider-height);\r\n background-color: var(--pops-slider-main-bg-color);\r\n border-top-left-radius: var(--pops-slider-border-radius);\r\n border-bottom-left-radius: var(--pops-slider-border-radius);\r\n position: absolute;\r\n}\r\n\r\n.pops-slider__button-wrapper {\r\n height: var(--pops-slider-button-wrapper-size);\r\n width: var(--pops-slider-button-wrapper-size);\r\n position: absolute;\r\n z-index: 1;\r\n top: var(--pops-slider-button-wrapper-offset);\r\n transform: translate(-50%);\r\n background-color: transparent;\r\n text-align: center;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n line-height: normal;\r\n outline: none;\r\n}\r\n\r\n.pops-slider__button-wrapper:after {\r\n display: inline-block;\r\n content: "";\r\n height: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n cursor: grab;\r\n}\r\n\r\n.pops-slider__button {\r\n display: inline-block;\r\n width: var(--pops-slider-button-size);\r\n height: var(--pops-slider-button-size);\r\n vertical-align: middle;\r\n border: solid 2px var(--pops-slider-main-bg-color);\r\n background-color: var(--pops-slider-color-white);\r\n border-radius: 50%;\r\n box-sizing: border-box;\r\n transition: var(--pops-slider-transition-duration-fast);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover,\r\n.pops-slider__button.dragging {\r\n transform: scale(1.2);\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n cursor: grab;\r\n}\r\n\r\n.pops-slider__button.dragging {\r\n cursor: grabbing;\r\n}\r\n\r\n.pops-slider__stop {\r\n position: absolute;\r\n height: var(--pops-slider-height);\r\n width: var(--pops-slider-height);\r\n border-radius: var(--pops-slider-border-radius-circle);\r\n background-color: var(--pops-slider-stop-bg-color);\r\n transform: translate(-50%);\r\n}\r\n\r\n.pops-slider__marks {\r\n top: 0;\r\n left: 12px;\r\n width: 18px;\r\n height: 100%;\r\n}\r\n\r\n.pops-slider__marks-text {\r\n position: absolute;\r\n transform: translate(-50%);\r\n font-size: 14px;\r\n color: var(--pops-slider-color-info);\r\n margin-top: 15px;\r\n white-space: pre;\r\n}\r\n\r\n.pops-slider.is-vertical {\r\n position: relative;\r\n display: inline-flex;\r\n width: auto;\r\n height: 100%;\r\n flex: 0;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__runway {\r\n width: var(--pops-slider-height);\r\n height: 100%;\r\n margin: 0 16px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__bar {\r\n width: var(--pops-slider-height);\r\n height: auto;\r\n border-radius: 0 0 3px 3px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__button-wrapper {\r\n top: auto;\r\n left: var(--pops-slider-button-wrapper-offset);\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__stop {\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__marks-text {\r\n margin-top: 0;\r\n left: 15px;\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider--large {\r\n height: 40px;\r\n}\r\n\r\n.pops-slider--small {\r\n height: 24px;\r\n}\r\n/* slider的CSS */\r\n\r\n/* input的CSS */\r\n.pops-panel-input {\r\n --el-disabled-text-color: #a8abb2;\r\n --el-disabled-bg-color: #f5f7fa;\r\n --el-disabled-border-color: #e4e7ed;\r\n\r\n --pops-panel-components-input-text-color: #000000;\r\n --pops-panel-components-input-text-bg-color: transparent;\r\n --pops-panel-components-input-text-default-padding: 8px;\r\n --pops-panel-components-input-bd-color: #dcdfe6;\r\n --pops-panel-components-input-bg-color: #ffffff;\r\n --pops-panel-components-input-hover-bd-color: #c0c4cc;\r\n --pops-panel-components-input-focus-bd-color: #409eff;\r\n --pops-panel-components-input-suffix-color: #a8abb2;\r\n --pops-panel-components-input-suffix-bg-color: #ffffff;\r\n}\r\n.pops-panel-input {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid var(--pops-panel-components-input-bd-color);\r\n border-radius: 4px;\r\n background-color: var(--pops-panel-components-input-bg-color);\r\n position: relative;\r\n box-shadow: none;\r\n}\r\n.pops-panel-input:hover {\r\n border: 1px solid var(--pops-panel-components-input-hover-bd-color);\r\n}\r\n.pops-panel-input:has(input:disabled):hover {\r\n --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\r\n}\r\n.pops-panel-input:has(input:focus) {\r\n outline: 0;\r\n border: 1px solid var(--pops-panel-components-input-focus-bd-color);\r\n border-radius: 4px;\r\n box-shadow: none;\r\n}\r\n.pops-panel-input input {\r\n display: inline-flex;\r\n justify-content: center;\r\n text-align: start;\r\n align-items: center;\r\n align-content: center;\r\n white-space: nowrap;\r\n cursor: text;\r\n box-sizing: border-box;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n vertical-align: middle;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n color: var(--pops-panel-components-input-text-color);\r\n background-color: var(--pops-panel-components-input-text-bg-color);\r\n outline: 0;\r\n transition: 0.1s;\r\n border: 0;\r\n font-size: 14px;\r\n font-weight: 500;\r\n line-height: normal;\r\n height: 32px;\r\n width: 100%;\r\n flex: 1;\r\n /*margin-right: calc(1em + 8px);*/\r\n margin: 0px;\r\n padding: var(--pops-panel-components-input-text-default-padding);\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix {\r\n display: inline-flex;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n flex-wrap: nowrap;\r\n height: 100%;\r\n text-align: center;\r\n color: var(--pops-panel-components-input-suffix-color);\r\n background: var(--pops-panel-components-input-suffix-bg-color);\r\n transition: all 0.3s;\r\n pointer-events: none;\r\n padding: 0 8px;\r\n position: absolute;\r\n right: 0px;\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n border: 1px solid transparent;\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix-inner {\r\n pointer-events: all;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n/* 如果包含清空图标的按钮,则默认隐藏清空图标,当:hover、:focus、:focus-within、:active时显示清空图标 */\r\n.pops-panel-input span.pops-panel-input__suffix:has(svg[data-type="circleClose"]) {\r\n display: none;\r\n}\r\n.pops-panel-input:hover span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\r\n.pops-panel-input:focus span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\r\n.pops-panel-input:focus-within span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\r\n.pops-panel-input:active span.pops-panel-input__suffix:has(svg[data-type="circleClose"]) {\r\n display: inline-flex;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n cursor: pointer;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n height: inherit;\r\n line-height: normal;\r\n align-content: center;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all 0.3s;\r\n}\r\n.pops-panel-input .pops-panel-icon svg {\r\n height: 1em;\r\n width: 1em;\r\n}\r\n\r\n.pops-input-disabled {\r\n background-color: var(--pops-components-is-disabled-bg-color);\r\n}\r\n.pops-panel-input.pops-input-disabled:hover {\r\n --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\r\n}\r\n.pops-panel-input input:disabled,\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n color: var(--el-disabled-text-color);\r\n -webkit-text-fill-color: var(--el-disabled-text-color);\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n display: none;\r\n}\r\n/* input的CSS */\r\n\r\n/* textarea的CSS */\r\n.pops-panel-textarea {\r\n --pops-panel-components-textarea-text-color: #000000;\r\n --pops-panel-components-textarea-text-bg-color: #ffffff;\r\n --pops-panel-components-textarea-bd-color: #dcdfe6;\r\n --pops-panel-components-textarea-hover-bd-color: #c0c4cc;\r\n --pops-panel-components-textarea-focus-bd-color: #409eff;\r\n}\r\n.pops-panel-textarea textarea {\r\n width: 100%;\r\n /*vertical-align: bottom;*/\r\n position: relative;\r\n display: block;\r\n resize: none;\r\n padding: 5px 11px;\r\n /*line-height: 1;*/\r\n box-sizing: border-box;\r\n font-size: inherit;\r\n font-family: inherit;\r\n color: var(--pops-panel-components-textarea-text-color);\r\n background-color: var(--pops-panel-components-textarea-text-bg-color);\r\n background-image: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n box-shadow: none;\r\n border-radius: 0;\r\n transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n border: 1px solid var(--pops-panel-components-textarea-bd-color);\r\n}\r\n.pops-panel-textarea textarea:hover {\r\n border-color: var(--pops-panel-components-textarea-hover-bd-color);\r\n}\r\n.pops-panel-textarea:has(textarea:disabled):hover {\r\n --pops-panel-components-textarea-hover-bd-color: var(--pops-panel-components-textarea-bd-color);\r\n}\r\n.pops-panel-textarea-disable {\r\n --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color) !important;\r\n --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\r\n}\r\n.pops-panel-textarea-disable textarea {\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-textarea textarea:focus {\r\n outline: 0;\r\n border-color: var(--pops-panel-components-textarea-focus-bd-color);\r\n}\r\n/* textarea的CSS */\r\n\r\n/* select的CSS */\r\n.pops-panel-select {\r\n --pops-panel-components-select-text-color: #000000;\r\n --pops-panel-components-select-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\r\n --pops-panel-components-select-hover-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\r\n --pops-panel-components-select-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-panel-select {\r\n border: 0;\r\n}\r\n.pops-panel-select select {\r\n height: 32px;\r\n line-height: normal;\r\n align-content: center;\r\n min-width: 200px;\r\n border: 1px solid var(--pops-panel-components-select-bd-color);\r\n border-radius: 5px;\r\n text-align: center;\r\n outline: 0;\r\n color: var(--pops-panel-components-select-text-color);\r\n background-color: var(--pops-panel-components-select-bg-color);\r\n box-shadow: none;\r\n}\r\n.pops-panel-select select:hover {\r\n border: 1px solid var(--pops-panel-components-select-hover-bd-color);\r\n}\r\n.pops-panel-select-disable {\r\n --pops-panel-components-select-text-color: var(--pops-components-is-disabled-text-color);\r\n --pops-panel-components-select-bg-color: var(--pops-components-is-disabled-bg-color);\r\n}\r\n.pops-panel-select-disable select {\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-select-disable select:hover {\r\n box-shadow: none;\r\n --pops-panel-components-select-hover-bd-color: var(--pops-panel-components-select-bd-color);\r\n}\r\n.pops-panel-select select:focus {\r\n border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n box-shadow: none;\r\n}\r\n/* select的CSS */\r\n\r\n/* select-multiple的CSS*/\r\n.pops-panel-select-multiple {\r\n --el-border-radius-base: 4px;\r\n --el-fill-color-blank: #ffffff;\r\n --el-transition-duration: 0.3s;\r\n --el-border-color: #cbcbcb;\r\n --el-text-color-placeholder: #a8abb2;\r\n --color: inherit;\r\n --el-select-input-color: #a8abb2;\r\n --el-select-input-font-size: 14px;\r\n --el-text-color-regular: #606266;\r\n --el-color-info: #909399;\r\n --el-color-info-light-9: #f4f4f5;\r\n --el-color-info-light-8: #e9e9eb;\r\n --el-color-primary-light-9: #ecf5ff;\r\n --el-color-primary-light-8: #d9ecff;\r\n --el-color-primary: #409eff;\r\n --el-color-white: #ffffff;\r\n width: 200px;\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n text-align: left;\r\n font-size: 14px;\r\n padding: 4px 12px;\r\n gap: 6px;\r\n min-height: 32px;\r\n line-height: normal;\r\n align-content: center;\r\n border-radius: var(--el-border-radius-base);\r\n background-color: var(--el-fill-color-blank);\r\n transition: var(--el-transition-duration);\r\n transform: translateZ(0);\r\n border: 1px solid var(--el-border-color);\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\r\n --el-border-color: var(--el-color-primary);\r\n}\r\n.pops-panel-select-multiple .el-select__selection {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n flex: 1;\r\n min-width: 0;\r\n gap: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__selected-item {\r\n display: flex;\r\n flex-wrap: wrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-panel-select-multiple .el-select__selected-item.el-select__choose_tag .el-tag {\r\n max-width: 200px;\r\n}\r\n.pops-panel-select-multiple .el-select__input-wrapper {\r\n max-width: 100%;\r\n}\r\n.pops-panel-select-multiple .el-select__selection.is-near {\r\n margin-left: -8px;\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder {\r\n position: absolute;\r\n display: block;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 100%;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n color: var(--el-input-text-color, var(--el-text-color-regular));\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n color: var(--el-text-color-placeholder);\r\n}\r\n.pops-panel-select-multiple .el-select__prefix,\r\n.pops-panel-select-multiple .el-select__suffix {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n gap: 6px;\r\n color: var(--el-input-icon-color, var(--el-text-color-placeholder));\r\n}\r\n.pops-panel-select-multiple .el-icon {\r\n --color: inherit;\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n align-content: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: var(--color);\r\n font-size: inherit;\r\n}\r\n.pops-panel-select-multiple .el-icon svg {\r\n height: 1em;\r\n width: 1em;\r\n}\r\n.pops-panel-select-multiple .el-select__caret {\r\n color: var(--el-select-input-color);\r\n font-size: var(--el-select-input-font-size);\r\n transition: var(--el-transition-duration);\r\n transform: rotate(0);\r\n cursor: pointer;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n --el-tag-font-size: 12px;\r\n --el-tag-border-radius: 4px;\r\n --el-tag-border-radius-rounded: 9999px;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n background-color: var(--el-tag-bg-color);\r\n border-color: var(--el-tag-border-color);\r\n color: var(--el-tag-text-color);\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n vertical-align: middle;\r\n height: 24px;\r\n padding: 0 9px;\r\n font-size: var(--el-tag-font-size);\r\n line-height: normal;\r\n align-content: center;\r\n border-width: 1px;\r\n border-style: solid;\r\n border-radius: var(--el-tag-border-radius);\r\n box-sizing: border-box;\r\n white-space: nowrap;\r\n --el-icon-size: 14px;\r\n --el-tag-bg-color: var(--el-color-primary-light-9);\r\n --el-tag-border-color: var(--el-color-primary-light-8);\r\n --el-tag-hover-color: var(--el-color-primary);\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag {\r\n cursor: pointer;\r\n border-color: transparent;\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n --el-tag-bg-color: var(--el-color-info-light-9);\r\n --el-tag-border-color: var(--el-color-info-light-8);\r\n --el-tag-hover-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n --el-tag-text-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.is-closable {\r\n padding-right: 5px;\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\r\n min-width: 0;\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n flex-shrink: 0;\r\n color: var(--el-tag-text-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\r\n color: var(--el-color-white);\r\n background-color: var(--el-tag-hover-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-icon {\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: calc(var(--el-icon-size) - 2px);\r\n height: var(--el-icon-size);\r\n width: var(--el-icon-size);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n margin-left: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__tags-text {\r\n display: block;\r\n line-height: normal;\r\n align-content: center;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n.pops-panel-select-multiple-disable {\r\n --el-fill-color-blank: #f5f7fa;\r\n --color: #a8abb2;\r\n --el-border-color: #cbcbcb;\r\n}\r\n.pops-panel-select-multiple-disable .el-tag.el-tag--info {\r\n --el-tag-bg-color: #e7e7e7;\r\n --el-tag-text-color: var(--pops-components-is-disabled-text-color);\r\n}\r\n.pops-panel-select-multiple-disable .el-select__selection .el-tag,\r\n.pops-panel-select-multiple-disable .el-tag .el-tag__close:hover,\r\n.pops-panel-select-multiple-disable .el-select__wrapper,\r\n.pops-panel-select-multiple-disable .el-select__caret {\r\n cursor: not-allowed;\r\n}\r\n/* select-multiple的CSS*/\r\n\r\n/* deepMenu的css */\r\n.pops-panel-deepMenu-nav-item {\r\n cursor: pointer;\r\n}\r\n.pops-panel-deepMenu-nav-item:active {\r\n background: var(--pops-panel-forms-container-deepMenu-item-active-bg);\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:active {\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom)\r\n var(--pops-panel-forms-container-li-padding-left-right);\r\n margin: 0px;\r\n}\r\n/* 去除上个兄弟item的底部边框颜色 */\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li:has(+ .pops-panel-deepMenu-nav-item:active) {\r\n border-bottom: 1px solid transparent;\r\n}\r\n/* 第一个和最后一个跟随圆角 */\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:first-child:active {\r\n border-top-left-radius: var(--pops-panel-forms-container-item-border-radius);\r\n border-top-right-radius: var(--pops-panel-forms-container-item-border-radius);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:last-child:active {\r\n border-bottom-left-radius: var(--pops-panel-forms-container-item-border-radius);\r\n border-bottom-right-radius: var(--pops-panel-forms-container-item-border-radius);\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\r\n display: flex;\r\n align-items: center;\r\n color: #6c6c6c;\r\n fill: #6c6c6c;\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\r\n width: 15px;\r\n height: 15px;\r\n display: flex;\r\n align-items: center;\r\n}\r\nsection.pops-panel-deepMenu-container .pops-panel-container-header-ul li.pops-panel-deepMenu-container-header {\r\n display: flex;\r\n align-items: center;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n padding: var(--pops-panel-forms-header-padding-top-bottom)\r\n calc(\r\n var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right) -\r\n var(--pops-panel-forms-header-icon-size)\r\n );\r\n gap: 0px;\r\n}\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\r\n width: var(--pops-panel-forms-header-icon-size);\r\n height: var(--pops-panel-forms-header-icon-size);\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n/* 修复safari上图标大小未正常显示 */\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon > svg {\r\n width: inherit;\r\n height: inherit;\r\n}\r\n/* deepMenu的css */\r\n\r\n/* 文字对齐 */\r\n.pops-panel-item-left-desc-text:has(code) {\r\n display: flex;\r\n align-items: baseline;\r\n flex-wrap: wrap;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .pops[type-value="panel"] {\r\n --pops-bg-color: #000000;\r\n --pops-color: #f2f2f2;\r\n --panel-title-bg-color: #000000;\r\n --panel-aside-bg-color: #262626;\r\n --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\r\n --pops-panel-forms-container-item-bg-color: #262626;\r\n --pops-panel-forms-container-item-title-color: #c1c1c1;\r\n\r\n --pops-panel-forms-container-li-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\r\n --pops-panel-forms-container-deepMenu-item-active-bg: #333333;\r\n }\r\n .pops[type-value="panel"] .pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\r\n fill: #f2f2f2;\r\n }\r\n\r\n /* switch的CSS */\r\n .pops-panel-switch {\r\n --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --panel-switch-circle-color: #dcdfe6;\r\n --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --panel-switch-checked-circle-color: #409eff;\r\n --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\r\n --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\r\n }\r\n /* select的CSS */\r\n .pops-panel-select {\r\n --pops-panel-components-select-text-color: #f2f2f2;\r\n --pops-panel-components-select-bd-color: rgb(51, 51, 51, var(--pops-bd-opacity));\r\n --pops-panel-components-select-bg-color: #141414;\r\n }\r\n /* select-multiple的CSS*/\r\n .pops-panel-select-multiple {\r\n --el-fill-color-blank: #141414;\r\n --el-border-color: #4c4d4f;\r\n --el-text-color-placeholder: #a8abb2;\r\n --el-select-input-color: #a8abb2;\r\n --el-text-color-regular: #606266;\r\n --el-color-info: #909399;\r\n --el-color-info-light-8: #e9e9eb;\r\n --el-color-primary-light-9: #ecf5ff;\r\n --el-color-primary-light-8: #d9ecff;\r\n --el-color-primary: #409eff;\r\n --el-color-white: #ffffff;\r\n }\r\n .pops-panel-select-multiple .el-tag {\r\n --el-color-info-light-9: #202121;\r\n }\r\n .pops-panel-select-multiple-disable {\r\n --el-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\r\n }\r\n .pops-panel-select-multiple-disable .el-tag.el-tag--info {\r\n --el-tag-bg-color: #2f2f2f;\r\n }\r\n /* select-multiple的CSS*/\r\n /* slider的CSS */\r\n .pops-slider {\r\n --pops-slider-border-color-light: #414243;\r\n }\r\n /* input的CSS */\r\n .pops-panel-input {\r\n --pops-panel-components-input-text-color: #f2f2f2;\r\n --pops-panel-components-input-bd-color: #4f5052;\r\n --pops-panel-components-input-bg-color: #141414;\r\n --pops-panel-components-input-hover-bd-color: #6f7175;\r\n --pops-panel-components-input-focus-bd-color: #409eff;\r\n --pops-panel-components-input-suffix-color: #a8abb2;\r\n }\r\n /* textarea的CSS */\r\n .pops-panel-textarea {\r\n --pops-panel-components-textarea-text-color: #f2f2f2;\r\n --pops-panel-components-textarea-text-bg-color: #141414;\r\n --pops-panel-components-textarea-bd-color: #4f5052;\r\n --pops-panel-components-textarea-hover-bd-color: #6f7175;\r\n --pops-panel-components-textarea-focus-bd-color: #409eff;\r\n }\r\n .pops-panel-textarea-disable {\r\n --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\r\n --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color);\r\n }\r\n /* slider */\r\n .pops-slider {\r\n --pops-slider-text-color-placeholder: #8d9095;\r\n }\r\n}\r\n',rightClickMenu:'.pops-rightClickMenu {\r\n --pops-right-context-color: #000000;\r\n --pops-right-context-bg-color: rgb(255, 255, 255, 0.733);\r\n --pops-right-context-backdrop-filter: blur(10px);\r\n --pops-right-context-z-index: 10000;\r\n --pops-right-context-bd-radius: 6px;\r\n --pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);\r\n --pops-right-context-menu-row-bd-radius: 6px;\r\n --pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);\r\n --pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);\r\n}\r\n.pops-rightClickMenu * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n scrollbar-width: thin;\r\n}\r\n.pops-rightClickMenu {\r\n position: fixed;\r\n z-index: var(--pops-right-context-z-index);\r\n text-align: center;\r\n border-radius: var(--pops-right-context-bd-radius);\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: var(--pops-right-context-color);\r\n background: var(--pops-right-context-bg-color);\r\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);\r\n -webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);\r\n backdrop-filter: var(--pops-right-context-backdrop-filter);\r\n}\r\n/* scale动画 */\r\n.pops-rightClickMenu-anim-scale {\r\n transition:\r\n opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),\r\n transform 150ms cubic-bezier(0.2, 0, 0.2, 1);\r\n transform: scale(0.85);\r\n}\r\n.pops-rightClickMenu-anim-scale-open {\r\n transform: scale(1);\r\n}\r\n.pops-rightClickMenu-anim-scale-not-open {\r\n opacity: 0;\r\n}\r\n/* 展开动画 */\r\n.pops-rightClickMenu-anim-grid {\r\n display: grid;\r\n transition: 0.3s;\r\n grid-template-rows: 0fr;\r\n}\r\n.pops-rightClickMenu-anim-show {\r\n grid-template-rows: 1fr;\r\n}\r\n.pops-rightClickMenu-is-visited {\r\n background: var(--pops-right-context-menu-row-visited-color);\r\n}\r\ni.pops-rightClickMenu-icon {\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n align-content: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: inherit;\r\n font-size: inherit;\r\n margin-right: 6px;\r\n}\r\ni.pops-rightClickMenu-icon[is-loading="true"] {\r\n animation: rotating 2s linear infinite;\r\n}\r\n.pops-rightClickMenu li:hover {\r\n background: var(--pops-right-context-menu-row-hover-color);\r\n cursor: pointer;\r\n}\r\n.pops-rightClickMenu ul {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n.pops-rightClickMenu ul li {\r\n padding: 5px 10px;\r\n margin: 5px 5px;\r\n border-radius: var(--pops-right-context-menu-row-bd-radius);\r\n display: flex;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n text-align: left;\r\n align-items: center;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n /*.pops-rightClickMenu {\r\n\t\t--pops-right-context-menu-shadow-color: #3c3c3c;\r\n\t}*/\r\n}\r\n@media (hover: hover) {\r\n .pops-rightClickMenu ul li:active {\r\n transform: scale(0.98);\r\n }\r\n}\r\n'},kt={$data:{},$flag:{isInit:!1},init(){if(!this.$flag.isInit){this.$flag.isInit=!0;const t=wt.createElement("style",{innerHTML:Ct.anim});wt.appendHead(t),this.$data=null,this.$data=wt.getKeyFrames(t.sheet),ft.setTimeout(()=>{t.remove()},50)}},hasAnim(t){return Object.prototype.hasOwnProperty.call(this.$data,t)}},Et={alert:[],confirm:[],drawer:[],folder:[],iframe:[],loading:[],panel:[],prompt:[],rightClickMenu:[],tooltip:[]},St={getMaxZIndexNodeInfo(t=1,e=i.document,n){t=Number.isNaN(t)?1:t;const r=2*Math.pow(10,9);let o=0,a=null;function s(t){if("function"==typeof n){const e=n(t);if("boolean"==typeof e&&!e)return}const e=i.window.getComputedStyle(t);if("static"!==(r=e).position&&"none"!==r.display){const n=parseInt(e.zIndex);isNaN(n)||n>o&&(o=n,a=t),null!=t.shadowRoot&&t instanceof ShadowRoot&&t.shadowRoot.querySelectorAll("*").forEach(t=>{s(t)})}var r}return e.querySelectorAll("*").forEach(t=>{s(t)}),o+=t,o>=r&&(o=r),{node:a,zIndex:o}},getPopsMaxZIndex(t=1){t=Number.isNaN(t)?1:t;const e=2*Math.pow(10,9);let n=0,r=null;function o(t){return"static"!==t.position&&"none"!==t.display}Object.keys(Et).forEach(t=>{const e=Et[t];for(let t=0;t<e.length;t++){const a=e[t],i=window.getComputedStyle(a.animElement);if(o(i)){const t=parseInt(i.zIndex);isNaN(t)||t>n&&(n=t,r=a.animElement)}}}),n+=t;const a=n>=e;return a&&(n=e),{zIndex:n,animElement:r,isOverMaxZIndex:a}},getMaxZIndex(t=1){return this.getMaxZIndexNodeInfo(t).zIndex},removeInstance(t,e,n=!1){function r(t){"function"==typeof t.beforeRemoveCallBack&&t.beforeRemoveCallBack(t),t?.animElement?.remove(),t?.popsElement?.remove(),t?.maskElement?.remove(),t?.$shadowContainer?.remove()}return t.forEach(t=>{t.forEach((o,a)=>{if(n||o.guid===e){const e=o.animElement.getAttribute("anim");if(kt.hasAnim(e)){const t=e+"-reverse";o.animElement.style.width="100%",o.animElement.style.height="100%",o.animElement.style["animation-name"]=t,kt.hasAnim(o.animElement.style["animation-name"])?wt.on(o.animElement,wt.getAnimationEndNameList(),function(){r(o)},{capture:!0}):r(o)}else r(o);t.splice(a,1)}})}),t},hide:(t,e,n,r,o,a)=>new Promise(i=>{const s=o.querySelector(".pops[type-value]");if("drawer"===t){const l=r;ft.setTimeout(()=>{a.style.setProperty("display","none"),["top","bottom"].includes(l.direction)?s.style.setProperty("height","0"):["left","right"].includes(l.direction)?s.style.setProperty("width","0"):console.error("未知direction:",l.direction),i()},l.closeDelay)}else{const p=e.find(t=>t.guid===n);if(p){const c=p;if(c.animElement.style.width="100%",c.animElement.style.height="100%",Reflect.set(c.animElement.style,"animation-name",c.animElement.getAttribute("anim")+"-reverse"),kt.hasAnim(Reflect.get(c.animElement.style,"animation-name"))){function d(){c.animElement.style.display="none",c.maskElement&&(c.maskElement.style.display="none"),wt.off(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0}),i()}wt.on(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0})}else c.animElement.style.display="none",c.maskElement&&(c.maskElement.style.display="none"),i()}}}),show:(t,e,n,r,o,a)=>new Promise(i=>{const s=o.querySelector(".pops[type-value]");if("drawer"===t){const l=r;ft.setTimeout(()=>{wt.css(a,"display","");const t=l.direction,e=l.size.toString();["top","bottom"].includes(t)?s.style.setProperty("height",e):["left","right"].includes(t)?s.style.setProperty("width",e):console.error("未知direction:",t),i()},l.openDelay??0)}else{const p=e.find(t=>t.guid===n);if(p){const c=p;if(c.animElement.style.width="",c.animElement.style.height="",Reflect.set(c.animElement.style,"animation-name",c.animElement.getAttribute("anim").replace("-reverse","")),kt.hasAnim(Reflect.get(c.animElement.style,"animation-name"))){function d(){wt.off(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0}),i()}c.animElement.style.display="",c.maskElement&&(c.maskElement.style.display=""),wt.on(c.animElement,wt.getAnimationEndNameList(),d,{capture:!0})}else c.animElement.style.display="",c.maskElement&&(c.maskElement.style.display=""),i()}}}),close:(t,e,n,r,o)=>new Promise(a=>{const i=o.querySelector(".pops[type-value]"),s=r;"drawer"===t?ft.setTimeout(()=>{wt.on(i,wt.getTransitionEndNameList(),function t(r){"transform"===r.propertyName&&(wt.off(i,wt.getTransitionEndNameList(),void 0,t),St.removeInstance([e],n),a())}),"none"===getComputedStyle(i).transform?["top"].includes(s.direction)?i.style.setProperty("transform","translateY(-100%)"):["bottom"].includes(s.direction)?i.style.setProperty("transform","translateY(100%)"):["left"].includes(s.direction)?i.style.setProperty("transform","translateX(-100%)"):["right"].includes(s.direction)?i.style.setProperty("transform","translateX(100%)"):console.error("未知direction:",s.direction):wt.trigger(i,wt.getTransitionEndNameList(),void 0,!0)},s.closeDelay):(St.removeInstance([e],n),a())}),drag(t,e){e=Object.assign({limit:!0,extraDistance:3,container:i.globalThis,triggerClick:!0},e);let n=!1,r=0,o=0;const a=new(ft.AnyTouch())(e.dragElement,{preventDefault:t=>"function"!=typeof e.preventEvent||e.preventEvent(t)});function s(t){return t=t??globalThis,{width:wt.width(t),height:wt.height(t)}}wt.css(e.dragElement,{cursor:"move"});let l=wt.getTransform(t),p=null;a.on("pan",function(a){if(!n){n=!0;const i=e.dragElement.getBoundingClientRect();r=a.x-i.left,o=a.y-i.top,l=wt.getTransform(t),p=function(t){const e=t.style.transitionDuration;return"0s"!==globalThis.getComputedStyle(t).transitionDuration&&(t.style.transitionDuration="0s"),()=>{t.style.transitionDuration=e}}(t)}let i=a.x-r+l.transformLeft,c=a.y-o+l.transformTop;if("move"===a.phase){if(e.limit){const n=s(e.container).width-wt.width(t)+l.transformLeft,{left:r,top:o}=function(t){if(t=t??globalThis,ft.isWin(t))return{left:0,top:0};{const e=t.getBoundingClientRect();return{left:e.left,top:e.top}}}(e.container),a=s(e.container).height-wt.height(t)+l.transformTop;i>n&&(i=n),c>a&&(c=a),i-2*e.extraDistance<r+l.transformLeft?(i=r+l.transformLeft,i+=e.extraDistance):i-=e.extraDistance,c-2*e.extraDistance<o+l.transformTop?(c=o+l.transformTop,c+=e.extraDistance):c-=e.extraDistance}"function"==typeof e.moveCallBack&&e.moveCallBack(t,i,c),wt.css(t,{left:i+"px",top:c+"px"})}"end"===a.phase&&(n=!1,"function"==typeof p&&(p(),p=null),"function"==typeof e.endCallBack&&e.endCallBack(t,i,c))}),e.triggerClick&&a.on(["tap"],function(t){t.changedPoints.forEach(t=>{wt.trigger(t.target,"click",void 0,!0)})})},sortElementListByProperty(t,e,n=!0){if("boolean"!=typeof n)throw new TypeError("参数 sortByDesc 必须为boolean类型");if(null==t||null==e)throw new Error("获取前面的值或后面的值的方法不能为空");return function(r,o){const a=t(o),i=e(r);return n?i>a?-1:i<a?1:0:i<a?-1:i>a?1:0}}},$t={handlerShadow(t){const e=wt.createElement("div",{className:"pops-shadow-container"});if(t.useShadowRoot){const t=e.attachShadow({mode:"open"});return{$shadowContainer:e,$shadowRoot:t}}return{$shadowContainer:e,$shadowRoot:e}},handleInit(t,e){if(kt.init(),arguments.length&&null!=t&&null!=e){if("string"==typeof e){if(""===e.trim())return;e=[{css:e}]}else e=e.map(t=>"string"==typeof t?{css:t}:t);for(const n of e){const e=wt.createElement("style",{},{"data-type":"PopsHandler.handleInit"});e.textContent=n.css,"string"==typeof n.name&&e.setAttribute("data-name",n.name),t.appendChild(e)}}},handleMask(t={}){const e={maskElement:wt.parseTextToDOM(t.maskHTML)};let n=!1;function r(n){wt.preventEvent(n);const r=Et[t.type];function o(){return t.config.mask.clickEvent.toClose?St.close(t.type,r,t.guid,t.config,t.animElement):t.config.mask.clickEvent.toHide?St.hide(t.type,r,t.guid,t.config,t.animElement,e.maskElement):void 0}return"function"==typeof t.config.mask.clickCallBack?t.config.mask.clickCallBack(o,t.config):o(),!1}if(t.config.mask.clickEvent.toClose||t.config.mask.clickEvent.toHide){function o(t){return Boolean("div"===t?.localName?.toLowerCase()&&t.className&&"pops-anim"===t.className&&t.hasAttribute("anim"))}wt.on(t.animElement,["touchstart","mousedown"],void 0,t=>{const e=t.composedPath()[0];n=o(e)}),wt.on(t.animElement,"click",void 0,t=>{if(o(t.composedPath()[0])&&n)return r(t)}),wt.on(e.maskElement,"click",void 0,t=>{n=!0,r(t)})}return e},handleQueryElement:(t,e)=>({$pops:t.querySelector(".pops[type-value"),$btnOk:t.querySelector(`.pops-${e}-btn-ok`),$btnCancel:t.querySelector(`.pops-${e}-btn-cancel`),$btnOther:t.querySelector(`.pops-${e}-btn-other`),$title:t.querySelector(`.pops-${e}-title`),$input:t.querySelector(`.pops-${e}-content textarea[pops]`)?t.querySelector(`.pops-${e}-content textarea[pops]`):t.querySelector(`.pops-${e}-content input[pops]`),$headerControls:t.querySelector(".pops-header-controls"),$iframe:t.querySelector("iframe[pops]"),$loading:t.querySelector(".pops-loading"),$content:t.querySelector(`.pops-${e}-content`),$panelRightSectionWrapper:t.querySelector(`.pops-${e}-section-wrapper`),$panelLeftAside:t.querySelector(`.pops-${e}-content aside.pops-${e}-aside`),$panelContentSectionContainer:t.querySelector(`.pops-${e}-content section.pops-${e}-container`),$panelBottomWrapper:t.querySelector(`.pops-${e}-bottom-wrapper`),$panelBottomContainer:t.querySelector(`.pops-${e}-bottom-container`),$panelBottomLeftContainer:t.querySelector(`.pops-${e}-bottom-left-container`),$panelBottomRightContainer:t.querySelector(`.pops-${e}-bottom-right-container`),$contentLoading:t.querySelector(`.pops-${e}-content-global-loading`),$headerBtnMin:t.querySelector(".pops-header-control[data-type='min']"),$headerBtnMax:t.querySelector(".pops-header-control[data-type='max']"),$headerBtnMise:t.querySelector(".pops-header-control[data-type='mise']"),$headerBtnClose:t.querySelector(".pops-header-control[data-type='close']"),$folderList:t.querySelector(".pops-folder-list"),$folderHeaderNav:t.querySelector(".pops-folder-list .pops-folder-list-table__header-div"),$folderHeaderRow:t.querySelector(".pops-folder-list .pops-folder-list-table__header-div .pops-folder-list-table__header-row"),$folderTbody:t.querySelector(".pops-folder-list .pops-folder-list-table__body-div tbody"),$folderHeaderBreadcrumbPrimary:t.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-primary"),$folderSortFileName:t.querySelector('.pops-folder-list-table__sort[data-sort="fileName"]'),$folderSortLatestTime:t.querySelector('.pops-folder-list-table__sort[data-sort="latestTime"]'),$folderSortFileSize:t.querySelector('.pops-folder-list-table__sort[data-sort="fileSize"]')}),handleEventDetails:(t,e,n,r,o,a,i,s)=>({$shadowContainer:e,$shadowRoot:n,element:o,animElement:o,popsElement:a,maskElement:i,mode:r,guid:t,close:()=>St.close(r,Et[r],t,s,o),hide:()=>St.hide(r,Et[r],t,s,o,i),show:()=>St.show(r,Et[r],t,s,o,i)}),handleLoadingEventDetails:(t,e,n,r,o,a)=>({element:n,animElement:n,popsElement:r,maskElement:o,mode:e,guid:t,close:()=>St.close(e,Et[e],t,a,n),hide:()=>St.hide(e,Et[e],t,a,n,o),show:()=>St.show(e,Et[e],t,a,n,o)}),handleResultDetails(t){const e=Object.assign({},t);return ft.delete(e,"type"),ft.delete(e,"function"),e},handleClickEvent(t,e,n,r){wt.on(e,"click",e=>{const o={type:t};r(Object.assign(n,o),e)},{capture:!0})},handleKeyboardEvent(t,e=[],n){const r=function(r){const o=r.code||r.key,a=r.charCode||r.keyCode||r.which;e.includes("ctrl")&&!r.ctrlKey||e.includes("alt")&&!r.altKey||e.includes("meta")&&!r.metaKey||e.includes("shift")&&!r.shiftKey||("string"==typeof t&&t===o?n&&n(r):"number"==typeof t&&t===a&&n&&n(r))};return wt.on(i.globalThis,"keydown",r,{capture:!0}),{removeKeyboardEvent(){wt.off(globalThis,"keydown",r,{capture:!0})}}},handlePromptClickEvent(t,e,n,r,o){wt.on(n,"click",n=>{const a={type:t,text:e.value};o(Object.assign(r,a),n)},{capture:!0})},handleZIndex:t=>"function"==typeof t?t():t,handleOnly(t,e){if(e.only)if("loading"===t||"tooltip"===t||"rightClickMenu"===t){const e=Et[t];e&&St.removeInstance([e],"",!0)}else St.removeInstance([Et.alert,Et.confirm,Et.prompt,Et.iframe,Et.drawer,Et.folder,Et.panel],"",!0);else{const t=e.zIndex;e.zIndex=()=>{const{zIndex:e}=St.getPopsMaxZIndex($t.handleZIndex(t)+100);return e}}return e},handlePush(t,e){Et[t].push(e)}},Tt={init(t){const n=ft.getRandomGUID(),r="alert";let o={title:{text:"默认标题",position:"left",html:!1,style:""},content:{text:"默认内容",html:!1,style:""},btn:{position:"flex-end",ok:{size:void 0,enable:!0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback:function(t){t.close()}},close:{enable:!0,callback:function(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"alertCSS",css:Ct.alertCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentStyle:m,contentPStyle:u}=At.createContentStyle(r,o),h=At.createAnim(n,r,o,`\n\t\t\t<div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${r}-content" style="${m}">${o.content.html?o.content.text:`<p pops class="pops-${r}-content-text" style="${u}">${o.content.text}</p>`}</div>${c}`,c,s),b=At.parseElement(h),{$pops:g,$headerBtnClose:v,$btnOk:x,$title:y}=$t.handleQueryElement(b,r);let w=null;const A=[b];if(o.mask.enable){w=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:l}).maskElement,A.push(w)}const C=$t.handleEventDetails(n,a,i,r,b,g,w,o);$t.handleClickEvent("close",v,C,o.btn.close.callback),$t.handleClickEvent("ok",x,C,o.btn.ok.callback),wt.append(i,A),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=w&&b.after(w),$t.handlePush(r,{guid:n,animElement:b,popsElement:g,maskElement:w,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(g,{dragElement:y,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});return $t.handleResultDetails(C)}},It={init(t){const n=ft.getRandomGUID(),r="confirm";let o={title:{text:"默认标题",position:"left",html:!1,style:""},content:{text:"默认内容",html:!1,style:""},btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"confirmCSS",css:Ct.confirmCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentStyle:m,contentPStyle:u}=At.createContentStyle(r,o),h=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n <div class="pops-content pops-${r}-content" style="${m}">${o.content.html?o.content.text:`<p pops class="pops-${r}-content-text" style="${u}">${o.content.text}</p>`}</div>${c}`,c,s),b=At.parseElement(h),{$pops:g,$title:v,$headerBtnClose:x,$btnOk:y,$btnCancel:w,$btnOther:A}=$t.handleQueryElement(b,r);let C=null;const k=[b];if(o.mask.enable){C=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:l}).maskElement,k.push(C)}const E=$t.handleEventDetails(n,a,i,r,b,g,C,o);$t.handleClickEvent("close",x,E,o.btn.close.callback),$t.handleClickEvent("ok",y,E,o.btn.ok.callback),$t.handleClickEvent("cancel",w,E,o.btn.cancel.callback),$t.handleClickEvent("other",A,E,o.btn.other.callback),wt.append(i,k),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=C&&b.after(C),$t.handlePush(r,{guid:n,animElement:b,popsElement:g,maskElement:C,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(g,{dragElement:v,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});return $t.handleResultDetails(E)}},Mt={init(t){const n=ft.getRandomGUID(),r="drawer";let o={title:{enable:!0,position:"center",text:"默认标题",html:!1,style:""},content:{text:"默认内容",html:!1,style:""},btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},mask:{enable:!0,clickEvent:{toClose:!0,toHide:!1},clickCallBack:null},useShadowRoot:!0,class:"",zIndex:1e4,only:!1,direction:"right",size:"30%",lockScroll:!1,closeOnPressEscape:!0,openDelay:0,closeDelay:0,borderRadius:0,style:null,beforeAppendToPageCallBack(){},forbiddenScroll:!1};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"drawerCSS",css:Ct.drawerCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentStyle:m,contentPStyle:u}=At.createContentStyle(r,o),h=At.createAnim(n,r,o,`\n ${o.title.enable?`<div class="pops-title pops-${r}-title" style="${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="width: 100%;text-align: ${o.title.position};${f}">${o.title.text}</p>`}${p}</div>`:""}\n <div class="pops-content pops-${r}-content" style="${m}">${o.content.html?o.content.text:`<p pops class="pops-${r}-content-text" style="${u}">${o.content.text}</p>`}</div>${c}`,c,s),b=At.parseElement(h),{$pops:g,$headerBtnClose:v,$btnCancel:x,$btnOk:y,$btnOther:w}=$t.handleQueryElement(b,r),A=g,C=v,k=x,E=y,S=w;let $=null;const T=[b];if(o.mask.enable){$=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:l}).maskElement,T.push($)}const I=$t.handleEventDetails(n,a,i,r,b,A,$,o);A.setAttribute("direction",o.direction),"top"===o.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`0px 0px ${o.borderRadius}px ${o.borderRadius}px`)):"bottom"===o.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`${o.borderRadius}px ${o.borderRadius}px 0px 0px`)):"left"===o.direction?(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`0px ${o.borderRadius}px 0px ${o.borderRadius}px`)):"right"===o.direction&&(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`${o.borderRadius}px 0px ${o.borderRadius}px 0px`)),o.closeOnPressEscape&&$t.handleKeyboardEvent("Escape",[],function(){I.close()});[{type:"close",ele:C},{type:"cancel",ele:k},{type:"ok",ele:E},{type:"other",ele:S}].forEach(t=>{$t.handleClickEvent(t.type,t.ele,I,e=>{"function"==typeof o.btn[t.type].callback&&o.btn[t.type].callback(e)})}),T.forEach(t=>{t.style.setProperty("display","none"),["top"].includes(o.direction)?(A.style.setProperty("height",o.size.toString()),A.style.setProperty("transform","translateY(-100%)")):["bottom"].includes(o.direction)?(A.style.setProperty("height",o.size.toString()),A.style.setProperty("transform","translateY(100%)")):["left"].includes(o.direction)?(A.style.setProperty("width",o.size.toString()),A.style.setProperty("transform","translateX(-100%)")):["right"].includes(o.direction)&&(A.style.setProperty("width",o.size.toString()),A.style.setProperty("transform","translateX(100%)")),t.style.setProperty("display","")}),wt.append(i,T),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),ft.setTimeout(()=>{ft.setTimeout(()=>{A.style.setProperty("transform","")},o.openDelay)},50),null!=$&&b.after($),$t.handlePush(r,{guid:n,animElement:b,popsElement:A,maskElement:$,$shadowContainer:a,$shadowRoot:i});return $t.handleResultDetails(I)}},Bt={init(t){let n={parent:document.body,content:{text:"加载中...",icon:"loading",style:""},useShadowRoot:!0,class:"",only:!1,zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},animation:"pops-anim-fadein-zoom",forbiddenScroll:!1,isAbsolute:!1,style:null,addIndexCSS:!0};n=ft.assign(n,e.getGlobalConfig()),n=ft.assign(n,t);const r=ft.getRandomGUID(),o="loading";n=$t.handleOnly(o,n);const a=$t.handleZIndex(n.zIndex),i=At.createMask(r,a),{contentPStyle:s}=At.createContentStyle("loading",n),l=At.createAnim(r,o,n,`\n <div class="pops-content pops-${o}-content">${n.addIndexCSS?`\n <style data-model-name="index">${Ct.index}</style>\n <style data-model-name="anim">${Ct.anim}</style>\n <style data-model-name="common">${Ct.common}</style>\n `:""}\n <style data-model-name="loadingCSS">\n ${Ct.loadingCSS}\n </style>\n ${null!=n.style?`<style>${n.style}</style>`:""}\n \t<p pops class="pops-${o}-content-text" style="${s}">${n.content.text}</p>\n </div>`,"",a),p=At.parseElement(l),{$pops:c}=$t.handleQueryElement(p,o);let d=null;const f=[p];if(n.mask.enable){d=$t.handleMask({type:o,guid:r,config:n,animElement:p,maskHTML:i}).maskElement,f.push(d)}const m=$t.handleLoadingEventDetails(r,o,p,c,d,n);wt.append(n.parent,f),null!=d&&p.after(d),$t.handlePush(o,{guid:r,animElement:p,popsElement:c,maskElement:d}),n.isAbsolute&&(wt.css(p,"position","absolute !important"),d&&wt.css(d,"position","absolute !important"));return $t.handleResultDetails(m)}},Lt=()=>({title:{text:"pops.Folder",position:"center",html:!1,style:""},sort:{name:"latestTime",isDesc:!1,callback(){}},folder:[{fileName:"测试文件夹",fileSize:0,fileType:"",createTime:0,latestTime:0,isFolder:!0,index:0,clickEvent:()=>[{fileName:"测试文件夹2222",fileSize:0,fileType:"",createTime:0,latestTime:0,isFolder:!0,index:0,clickEvent:()=>[{fileName:"内部-测试文件.zip",fileSize:1025e3,fileType:"zip",createTime:1702038410440,latestTime:1702039602126,isFolder:!1,index:1,clickEvent(){return console.log("下载文件:",this.fileName),"https://update.greasyfork.org/scripts/456485/pops.js"}}]}]},{fileName:"测试文件.apk",fileSize:30125682,fileType:"apk",createTime:1702036410440,latestTime:1702039410440,isFolder:!1,index:1,clickEvent(){return console.log("下载文件:",this.fileName),"https://update.greasyfork.org/scripts/456485/pops.js"}}],btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"primary",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"500px",height:window.innerHeight<450?"70vh":"400px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}}),zt={folder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUxpcf++Hv/ZU//OPv/DL/+9Gv/BI/+4Bf+4Ef/XcP/LOP/TSf/RRP/WTv/JM/+3Ef+9Ff/bhf+5BP/DJf+yDv/imv/kqv/bXP/w0v/fd//calQXUgwAAAAKdFJOUwB///8d3L9enl8sr20gAAACN0lEQVRYw+2Y65abIBRGE1EzVbyNSW18/wctHA6XYw4q9Ee7Vt2AgOHbcVyTOMztdnFxcXFMWf7gKHN190VRKDpFC0iNqB5ZvqpXzJRxHoF7hrAa9/hK9j2oYIA2QA/UqXeyNg5QDBrshhHbUH8xxO+uT7sOJ/tU5a4wh0eK8KmKHTxd28Bfo16pqphep5l6I+R/p8xr668kVghVceH8M5EZYnGhnBKRceGqmaZXPPw2xbO+1xU+8axwe8NfzkIV7xVZdF0AVhi+rWdxIfgmwloE6CkrDCPwJbYUeFgK61icxFcNKyxIxE+WgnllQ0y4+HffzZ8WZtJlCDtz+CzqaaFaVGiWBNEOZZ15zihsT2CFnXk4QStsLohTU3FC+Af8I8JWV1fa1jy8u+hnOUy2vnd5SkeGrJBfHZwDbxe87pfxQvejmMZZYxxdYSoyVyixSvtXFLJ7hWq5xCRNSTozczzHCj8T54kI5d8QCtvZAodDIa7DgRkJaII2hBfaJC7EOE7D076XuIoVBu8oN3kpBLVt4YXBVaUSFSbS5Akb00znSoPn9KCJCN0am7SnGhganC4kKhR2MV0vvEn4M7bFhM3GIZqtgfiPr9BdSAYnrnCX3rQeB/2xsKcHouiBBhpO+phQL9CdjmKqsRkXpkMz57dmfTY1v3k8is26zvN2A6yIbKVqm/tMjFBMp5jpxrWKbsB1dJw/AsC3Lt/YEaK7x1t5r7aLj3ned/fRj1TK3H9wXFxc/F/8BgM0jBZ4nc19AAAAAElFTkSuQmCC",zip:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFQUExURUxpcYHaOWDM+pryU4TbPXLU/XHT/X3Y/nrZpIffP/+gI4La/+9QTvhycXjQL4fbQvBUUoXaQHrSMf+cJPl2dfBXVf+KMDu99IveRv+ZJf+NLv+PLIncRPdvbV7L+VnJ+P/u5HDS/P+DD1PG93fV/U3D9kTB9WfP+2vR/GLN+nvSM86bL33UNf/69f/+/XzTNP+vVf/iyf/06sOCRsGhYP2Jh/t8e4TVPX3QNat7jnzCMfxfXXrUMP/UqJPoTX/cM/aDLOVjKP/jw/9yC/98HP+GLP/Ec2C63f+iQ4TjNvOiasmpZLuTpfaQgfjEu4HGOPKGeHDC4s2YXU+02/Ozn/B0J+1oYHvSNGnM9P/r291KSNGeZIHGObeOn5zzVM6PHkS978mNUt+EO/GadPOgbZzyVJvyVNG6g66AksCer4LGOc7Mp/eWh/SZVu6adP6VKOSF/TkAAAAKdFJOUwDf39+Af5/9MKAONWYwAAADB0lEQVRYw+3Y+U/TYBjAcUDYIahlA3bCimM3Y64MERWdeExFOhDoxkTnDuTm///R9+jx9MjbtcT4S78sIVnCh+c9mjDGxry8vLz+TwGffxp2/Ql0vYJbJuXzE76AvTc1rc9//gx0vqxg+XwON+XY8+8+BO22NayQKxQKSzZiwMj5D/TgQZtORjASe9U+QKHQfplAilEuhfIxQT/g6P4bwEZbGS1FS08wQR1GzpOCYfSFX7XGEtDSJPaEQCPH2cagwmEwpdfSmQwbXIEaOlAMhsNkRvQ9jEANy9CYoA7Dt6PdqIVBtUY6rdOy2SwbVLEcvR5G8DCjWkSzA3VPAbkcJlCHZbORCBPUY+h+pKzArKZF7MAcvLf4PDUwRsDfikU1O9DwFKDzPKzFYjGMkW8yGIExQbpO9SlAB0BANQxGDDFBdbS0ctdMYMQReHn5Te0n6aIPwf7WBWoLdsEEN57PoR6RFnGSVIdgfV6J47gZHPdqVBBzG6IobutCb+w5B+dkcE5Ys0iQZJBzPOENAsvG1oQ910u+EcplvroDqvLlsrDveEJlyXvox8Xbz6BbEf2KfdcTIlA4On4KOj4SNJBzAQpmUHAxobrkE4E3gyf7YECHE1qAPAWd7+EiAXleHMI/RYYiz5/c41AQaO4+YNXKq7oHpe2dqqmd7XnXhyJJg8Hd8CtoeDcYSDPuwflOp/NOF3qjwzm42Oc/SN/ler3eer8O6q+b6jHBszfRaDSZTD7BzaI2m6UEqPTyxWqrUiwWQ6HQY9zrt1+Y4B8ZTDLASoV4o4G/EJiMat7s5un9QDKhDBLSPGGl4mTJeA+T8pLphFeleCIeTyTwK04mJJvofg9PS3GQMqGjPdSfsjVYdA82jSA6lJa7CWdNEy6QCVedLPnMYg8XQHTJFecTwottAJ3dwwcWSzaBrRY8lHEmGJQvtjbhlQWomzDI/vAIn5TRlmzzkXnSvIcfQWZw0u4D86Rhyc3uB1CXgOCUbT206uA4PJRm9z2oKz/LFBwPjvAvAi8vL69/0l8fxm2XCv5p+gAAAABJRU5ErkJggg==",mp4:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcZKU/5eZ/4SG/5CS/5eb/6Sm/4WG/5uc/6eq/4uM/4iJ/6Ci/5ye/6eo/6Ol/46P/5mb/5eY/5GS//39/5SV//X1/6Ol/+3u/+Li/3Z498/Q/7u8/zCK/WcAAAAKdFJOUwB7Pf+fHN2gn59fp7PNAAACSElEQVRYw+3Ya3OjIBQG4FqamnDzTkT9/79zOQdUzG0PJjP7YX2DeAR5EtKZTu3X15EjR46Q851dnuY7nTtd9Kv8nlK9X60/Kl60/qh4wjUFNjx8XSznIlHMClgICadC+2PWYShFvFwpSRAvBSl0MYDyVpB7xfOyLXmVrl2h99cQPw49VTzLV7lGNVF8DW5CExNAeSaCSsHdyi9SUPi2Ds2h/KY4K+epbZANpYoKmRHBGy6qbt7qnAzKaZzU86SDtje91Z8Ddd+2renHIh6sEsFKVS64stKmhRg7rRi2yrM0MEoAW2Osrh4kFaxnEPd9/SiI+94N1jW0qu5icN13Xfl7iCBqPlsQ9y3nObyJCNYr2G9Bt28VzRPBroYWQGNMiy+Dlel116WBP24BrOlcGgC9NaNWdjjV4T0/NHAJgnF6O/Fo/l2wt6Nm4i2w6OOMExtYmQ42Tdd00BxoV85O9TCI0k26hDckgc2acgXtKIeB8WabvaCFL89xZfMuKG1vgZsa2O2dRwbdUng1vBut48bK7dZ9ezgOrC/diQSWUdg0jrhb4a3bJIOCVYrDD6N8HCLol0PP2QC7fexxTgN5yctF4Mxz8wE953gDdHQwSiDQmK9Lr3IamJCcAObPl4u9oBAL4EohRESGC+FrGoiOX+E/lYD4y3kg0CRQJOSfggwbFksZZhg2GKOAGQscrFrE+RrachaC8hfsN7uLCJ24myE9BuQb52HmGcqO3fPtc2jXB3RiTuNy+hPpKcv/mmzHfzOOHDny/+YPi6+BG+WQsHsAAAAASUVORK5CYII=",apk:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcXnGVmm8P2q8QHzIV4bNYXXDTWu8P3nFUYfNY26/RIPLXoDJWobNYXHASH3HVnXDTXnFUfT/7onPZej/2/v/+Ov+4cDypVmtLqvjjt38y57afsvyti89dh4AAAAKdFJOUwAQ3/8n3Xugn58KiJgCAAACeElEQVRYw+2Y2ZajIBBAuxuTtIhsKgTx/79zisUlaZ0pPPM048WwBa6FkpyYj4+Li4sLNNW9PqQq133W3e+4lSqr24GpPWms08S23ZhCmnvatsxYtZE4/a229BQZ78nxk27TXWKsWwwFRhA2ITXz3FBp1maxsc6OLF1Usb6cocBYNynAnKcs55tm22CNdYPl9vmXhUhj3bA8PpaMLdUNqc1qZIQggRRUi42lPIvmEzDMZazZBiHYOy9dd4TwezPXj1Pzqgxd7dpVlwnVNAzjS0SiM4N2a893mVC6MF2BsvO+64QQzTgMfadKhSIdQvFJD9p3duyNMf3khB0G44gSLCWcUKxwBhEZM2S0Af/E5TqgVKiI18MrRnKV3mRnhNy/+QbdbQIsF3oTFmr0vGJY8sjUGaGCBEcPht65UIDK2+C3UuUhaKFKSUmngen5tCE07Z+kh7bxMp9RKZRQLYg+CgmZQqk94SaUli8jyoTSx/lmsrHUvR1TqU4KuY3zddKtFVjzOSEd9S7G8UJhDEBKAp+4Hg7Itpg+C6WSKKEMgE8Se4CnaYAsEAbo8wDC5yGFQndAd1II13AfR08JOYlfg3BTTCzD3UktRwqFHJLk/DjCcBE5Wgi6BLH7xtHHuxKG4IRACJKTdhr3sISmM0r+QAgffIaS1u3uwlnIC4WckP1tuPhKhRDjHquvdMlrSdcmncvQgRLCDEpTtr6SNjX5klGkEM+/IyTxmF/bKlkLghbGrZE2SPLFFs1dZLuXMMJ71m1m0vkMdOmI71KC+QVbkQJQjyoPvA+zYnig/8L6vpDPUhUyxgfuSSr9ifH4I/cT/2ZcXFz8v/wC1sx9JR+88xQAAAAASUVORK5CYII=",gif:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcf+ubP+eUP+iWP+xcP+nX/+lXf+SO/uPSv+dUP6kX/+XRP+VQP+SO/+jWf+oYf+hVf///f+mXf+tav+ubf+rZ/+eUP+wcP+pZP/s3P+aSf/z6P/48v/UsvqFOf+6hP/jzf/Hmv/cwS4F5mYAAAALdFJOUwDdez2foByg/p/2onNSOQAAAh5JREFUWMPtmNuSoyAQQGeMUaZUxBveRfP/H7lc1VRJptF92Kr1INqtcKqNSSrk6+vm5uYGzMPzrTzcdYFff+I7cPV91/VfNZr6ykNb6WwMypW6tOBk9EoALka/KMtCTCr05OKi0S9AwI02YXXW+KwqMVluMqw4SimjtUGNzwoK0HgobC4Yn42iat6DanfKnPZdhCAersK0KcfXWOtYbPtrTeNBhGnapCt1n2VZX6cWnjDhjjETjNeFudrhWQpfeS7PqJ5vI0DCXJLKPVmkcMH5MQ5CBaGvIRtehIhkGVp2VmgqwgixhSEkciYeDz4jxDkWyD1F0zQhKrJZ3zzG+jKPQMLNJiAd6ogImHw1+1UngQh/8DHqefMS9/ycFhJVIC+ROAvJnrodRn7ARBfIS+TJirOwEp88JsTGx0skF4Tyfd3nZCtQ+c8KG3OXW4FZ1lJHIeUQ1dVXQzY0vMDBbLJEKjsFCxX1oOmHPe02wlHYDsewk0LWW5jPCfPZJuyZm7BTbWmtzHoMTNgpcPuBUg+CCSkfSTv2wTdXskKoUFGMdhhyqlASTcjOlLgLu3iyk0QOwjDqePsFfgeiA4VqykefCUK40KZ457wwuiaMBZFokc7EQTUTiigGCWMH/m1hAhR624TETFSh7Em8Np5DfsE+EgdAy4BQD473M9+SNYPcMV/fImh9CLiWCkKYL4SvSAMv/BXvxL8ZNzc3/y9/ADVfok94AIhIAAAAAElFTkSuQmCC",txt:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcTOL+DSL+DqO+Veb/mKl/kmX+zWL+U6a+2ao/0aW+0CS+kyZ/GCk/mWn/1yi/lef/VGc/Pr9/+jz/2+s+46//b3a/4O3/AJIojgAAAAKdFJOUwDf//8d3U+en52O09RGAAACF0lEQVRYw+2Y63ajIBCAW8ZqHC5KrZv3f9MFhpuJTQfrjz1n/SDIbT4npw2pfXu7uLi4YNOP39O367rRvOKja/V9GHOqcTTmVGNnzLlGl6A2WvvWxGsqJo9ajKMuGP0dDcbxSWTShKlGfOOoebCNRTidYxynDXrb1dUU0ziGEF3ZdHHoza14xocMXzJyhLdpmme/e6ag2XeobqYCnBRvs98fm32meId56nnCErk+czfVhlub0CyfOyzaHhTa9XOX9aDQqnU/w7uyjULrcC3i+ocI4iUOVkQ7+8IVeptXWgUgMXD3xjv1UYCyCa6QUAiC0E64fMUBYBTOrUJnROmBryCEMEAsCbYKrSIkCSXS0LYLla8U6K4KSYi+H5ZsWmcJY1ohmpos3OLWmoSF9JajX9m8ckyIRfjIrzM8KERfq5J/yridZwrDx0HF6suOMF24QoXJGijCR/gZboB/TZgDYyd9lqU8mqGPlGQMJR8OfiDjZNjDEQ5S0hlDZ4ushWkqwxSWJCgezOKYIMsw7Ri4wi0g3HfBKuF55bBQTNod1WcKw9kv6yShTQgUQA6A6IsjAEmFJ4RXOF24W+gBcIUxAaiapChi/zolw5rfC+GYUKTqG1G11Vxo2Bn6AJLk8NiPC6JBKOjXLv0ZEruwN2AJe8GCnKzHgEGw4STonm/fub535rNUx8xx4D+RdsPP9Af+m3FxcfH/8hcLt2QJ3T9wuwAAAABJRU5ErkJggg==",exe:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB4UExURUxpcVq2/kOv/0uw/163/1Cz/0+x/zGp/zad+0Ku/165/Tms/zWq/zKp/1i1/1W1/1K0/0Wv/0Cu/06y//7//0qx/1q2/1y3/1+3/j6p/vf7/y+o/9zu/+r2/yqM9xCa/4LK/8De/3ay/p7P/n3B/rLW/12n+xyf/0XRgzgAAAALdFJOUwDdez2eoByg/Z+vFPUOhAAAAoZJREFUWMPtmOt2mzAMgNuEBDquhhgwgWwMQt//DSfJ3BJIJ3P6a+MLviDkDxE4OaVvbzs7OztsjgfrJUdz3flH/hXvZ1Pfe55/q9HK8iyDluOW4xz3cHcYzIxnMqSZNi3BuJHxALIsTXHLsB+nuOlzmRktbUl71RIKGhitNA3gMxEM3TgxM1rog2UB0vcoopAezIxWwIRrPM0XhX17jJgZT+ETwWwSPBzgGRfCL7C4wojSI91FEfVDJBo2hPNLcYqeCKmFs71pcuAJw0cbkCRREq1wMq4wQVnQNkAbJtuESYKWiAbUtXVVENU9p1iiT4NzrjChRQnNmqK4DBSNDuoj0NjCkbScdGgsUzlXmgplWl4eKcpkZjQVSnHv6yuqapjdhZycLKGUkI+bFK22VOW9ae79xRe5NkInWcIPSOxR5IC7292ArqYqi1qNCfKDIxyzRV7pp8W53RxstX56oMRNQqEaEpTdzVGAc+tKCjRqNLIuWYpBWOsCwScAMOoSaxIKdoWCkEI4dYm06JNkbClQO32KFAZCIWLnN9GBUOoSOwq0TjzkGAnxGhFHxU8B/RUYC2PlEGpcrobIxgpjpYmfI1OAJ4zjWOCaWN+UBTUdxyyeMB5wq8sqlTummAn9V0Jvs7BYpfS3CstqlQ1CRdnX9tcqraFQwcNB98T7/LnKp0cJ+PywhG7s9vjXVXxXp0DHE7qT0lXuK+gIR2g/ydSjV01zZSR8Xdoc26jCbxN6rut5HuZTR/s0eH03xVlCz4B/Q3hYWefDxxua7/s6CAPnL9ijv8DzX8F6DbB9Npwrhvdb5wq5V4bPYb5Lne3lrwKcYDG1+W+k54P9Vw4b/puxs7Pz//IHkvGjBU3hWj4AAAAASUVORK5CYII=",qm:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcdbc4MzO1dTZ3dTZ3s/T2c/T083Q1tXb4NDX287R19HV2+zv8PX29/3+/uPn6b3CzcTI0ZN/xtQAAAAKdFJOUwD////dexCfoCcDaycKAAACJElEQVRYw+2Y4XaDIAyFF2gnEizy/i87SJCCa13i9m9eLAQlHxfsOdZ+fFy6dOmSWPPdvdM063GfDo500yLnG8CfEh3AnxLnQ5bVE+810XYAu4dqiK7m2wH8C4+OKbahcsSfVnQeHTSLjLLNsW0boCE6u5nYbNrNFwe1a6VEVzM3hrUjic5Qc/uUOnyqslsHhosyoutYe/Zek9rhT5oVQNzl4qv4Lgbi92QsIY5UJwRiPUoO5gpiFmDDtsbpHCIXCMsjawnAE2AzjEIgki2kFMRIOEJGLDjEOpPM4UQZvOIiaLxMBKxnGSoEjgqPTmF38QQQHoOgu2RlQDcC4wiMv3XowwgMfrg86YDl+5dvCR/lnjyWJUQ4DczfPxaRngpwDhiZ9UpwCrgcCFRATyUeAaNXOfQFGN7jwkI3O48SAb2n6cNChY7abJ1cW08SLrnIUvZGCT2yVLQKL3aYZcKhvMIhD03xiBeTHugPiNHqgWaFGN6UCKtRA31a6UkSC4BrDsrTZU3KPSzzm7QafjjFWtcJIK3J6IA8PBNJaatrf914xsiBI3KnZGiAkTrcllMcmJfiLREDeXbDKYbrSqDQdD3xXa5J1HLsa98/O164h93Kvke7Uzrguy3spASafwK8a4CSX7BzGZj6rLSL66c0oleVyfRJyYyInipacX6hvzVbae8ymX4G6bvUPA0rTa+WTv5kb1L8J8b0o+4n/s24dOnS/9UX8vFAaEzio+4AAAAASUVORK5CYII=",php:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcTbUrDrbszvetTXYrDnasjXQqTPIojfTrDvftTTMpjPKpDnZsTPIozXOqDjXrzHGoTbRqjfUre7/++T++Pf//SfCmxm3j1fXt7Hx4UvNrNL78XHfw8T26o3o0eeFKfsAAAAKdFJOUwA9//8c3Xign5/8SMcgAAADDklEQVRYw+2Y65qjIAyGp9ppRxBERcTj/V/mJsHTtN3dMNt/66dAEsjbgE/7jPPxcerUqVNsXW7Zb3WJx12z9E/6vMbyPtP0rcQsTd9KvKbpe4k3SkneR8wWVrL0yb8SM2QkQYGZYEsITnckMUteKX2KsImvgS/EJT4B86XtXhwx2xD5kp3nCwVHaHTnbOJXsuWv2Utd+WOJ+RcLmJOSpREw30T01U7yCx9Y0H0g+W6YIZRsYRxvfODGK/KiQHtqGjsePwU/MmMCi+84GArfgEZ0izBHHecQvzAFQaGyMBTFDDzbV2iuYWhcYBEgB1Ww42Yw1fdoDHDR3I00JhaAs1ndOCCUUS2lzLa2HgNj3TT1OIKLxIruiAorFPQz1GU9muEIx+CHeRxYQFwaUih/dmCVeISTMx1EBl9t4gKD/FAjz6AJoHp2znV1U0/+Z0A/1XXdOaex1hrYvRBtT8H8J8AcUyflBO64A3sQZSmJaOdIYInXDAzbtxIdPVCxYJoWnjQ86hhgCXkgKsoYNEsPkHo0OGN6/KAZglg5E4gSdIRTT/CRqhXEhmJt1+uwKgYYTmvqwdahWr3zXDxQOyDCF2NKwEHK7IhnkdeqMhqIRD9Za6cKjhC/cnCE/cIzOgqo6SrFQhz1DP0gZElG4C1rmEAQVKiR2A1dLzos1AmtyQWepjUgFlBvAqLyvYONWjhC9HuvWiTrCOB9X66la9vWjMCzHurSBlwndTRQaIFVQJPGGUFHqJBD7r4BLbhbFmsGkiUeYbdsFPxwhTV3ToVrfQKToZlxGqbRoRlmwhTNsYFbCsg4P3rY6pNgngWUa4IMjZ6MO0TlNssDEoS6BaLgl1qtrkTRiEt4wJAm9pKUXIuSa30xFUqp5IPEY0CqEOIB1Yo8cNSjFRZxgUrReuzRRlfto5ShgVjALU+9lDyabCBXHOBtW20eLBOaMSaM4HL+gr1gmtlBmG82NjrrHFys14A7MgizGQepbQpuzo7xBfw74lnrNPdd6no3LN35b6TX2/2vuv3gvxmnTp36f/ULf0R1znQ7804AAAAASUVORK5CYII=",pdf:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUxpcf9zfP9ldv98gP92fP9+gf9we/9md/9yfP9/gv9/gf93fv90ff9od/9ref9ve/9ldv/x8f/q6v/8/PlYaP/g4f6lq/63vP2Ejv6Um/7Iy//S1LO+3cAAAAAKdFJOUwA93/8c3Xugn58XiwqYAAACVklEQVRYw+2Y23KjMAxAmzolxXc7tYHw//+5kmxI2tBWMDx0ZjkhMr6dkWoeSl5eDg4ODticmvZbTut151b+xNt5re9Nyl2NrZS7Gs9S7mts5M7GVu5sJKH4KhDbjS1shu2CKA36yj2ZaZ5vbGdNbT9zH+MaW8GFaeQLmcYF4XAbu37J2HKFiparyReu12ta+oOKEztDVXwKP+mKdKV3H8a7ZkWGqmxWihIEoVLT+FyA4tTc4g68VI39LHyGI3yva0WVKl1KzroOimkOvu8rhJNWmY6Eg17IcL0QcFRzkGovofZYc/C7ZahNBuHNbs+wpHKPrscH2yqt4YIBbGlOc4WPYK8rp/w4WhexhPoJem6SeJ7YKMRTDteQdxN2odDvIXRwpRBSjhD6rUJXL/xoPUBynRohjkL0Geh1nWILYblzk/cWQhx0DymGFDFCvqSDFSyhc64YCzKisBvDA1HqsoAvLBmil44khk/EXNesEhIiF1eMMaVaMWa8UahyimRLacy98xmdwM3ZTcKhbE+pG9xHIY+QaOf9JmFGW4hpIJU31npsMZgtJZMP60MJ2GDIGl/cbo3QAs5aUeqNqfe2DtVgax86bCFQE0wZ6lvSERzhpW6hE0np5r198sysEBqL5wm+D/sDlxUZep+73MMJ7CQs5/mLjys0pqSIj4uh8mdM7dTIE8KmCZLXW1MnHma5Qj4sofnrwmZhn3+I0Ph5gvMf7Am2ELjX0z21ZKozJUDDeg24eDaciuH99pXre2W+S52ZOV74b6Tn5vIrzYZfMw4ODv5f/gEm33Cvx+zPHgAAAABJRU5ErkJggg==",Null:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcdbc4MzO1dTZ3dTZ3s/T2c/T083Q1tXb4NDX287R19HV2+zv8PX29/3+/uPn6b3CzcTI0ZN/xtQAAAAKdFJOUwD////dexCfoCcDaycKAAACJElEQVRYw+2Y4XaDIAyFF2gnEizy/i87SJCCa13i9m9eLAQlHxfsOdZ+fFy6dOmSWPPdvdM063GfDo500yLnG8CfEh3AnxLnQ5bVE+810XYAu4dqiK7m2wH8C4+OKbahcsSfVnQeHTSLjLLNsW0boCE6u5nYbNrNFwe1a6VEVzM3hrUjic5Qc/uUOnyqslsHhosyoutYe/Zek9rhT5oVQNzl4qv4Lgbi92QsIY5UJwRiPUoO5gpiFmDDtsbpHCIXCMsjawnAE2AzjEIgki2kFMRIOEJGLDjEOpPM4UQZvOIiaLxMBKxnGSoEjgqPTmF38QQQHoOgu2RlQDcC4wiMv3XowwgMfrg86YDl+5dvCR/lnjyWJUQ4DczfPxaRngpwDhiZ9UpwCrgcCFRATyUeAaNXOfQFGN7jwkI3O48SAb2n6cNChY7abJ1cW08SLrnIUvZGCT2yVLQKL3aYZcKhvMIhD03xiBeTHugPiNHqgWaFGN6UCKtRA31a6UkSC4BrDsrTZU3KPSzzm7QafjjFWtcJIK3J6IA8PBNJaatrf914xsiBI3KnZGiAkTrcllMcmJfiLREDeXbDKYbrSqDQdD3xXa5J1HLsa98/O164h93Kvke7Uzrguy3spASafwK8a4CSX7BzGZj6rLSL66c0oleVyfRJyYyInipacX6hvzVbae8ymX4G6bvUPA0rTa+WTv5kb1L8J8b0o+4n/s24dOnS/9UX8vFAaEzio+4AAAAASUVORK5CYII=",ipa:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUxpcUOv/zar/1K0/1Cz/0+x/1q2/jGp/0Ku/163/zGp/1a1/zus/1q2/02y/0ew/0Gu//f8/164/+/4/+f1/9fu/yek/73j/6TY/xad/43O/3nG/21bnhoAAAAKdFJOUwB7//+gJ92gn59E+c9oAAACbUlEQVRYw+2Y27aqIBRAd5iVsLiICKT//5+Hi5hmdcD2wxnjOIPF4jZdPXX5+Tk4ODjIpj41b6l3+Br5iUupsr5I+avGVB99GvcaayqpI4ioz2MWJnGl0HiiNCpfIuNeibFZ6OQ6ysdqgbGhWeQbvZDQGMjCQOYlUmZsCHFXSIoTNEWvjXu5xjNZQVOgC3Hkskv4ict+YfXa2GQJq4r4lkI1z+UoSUhj9w+p84QrSEqGvpeLaeC0QzhBTdca8bx63i+0bavGvULmG1sNUrXKIu7SxU6ZcLoV7jM2qN5ixKJwkrJMIVtRxWG0g9Z8teQpEKZbZLB2kAzf9WiNsXL9uOIKiVVd23bKDLZ3icss+UpovMWTxlYZUii8hZPcvRgfZs+MkYKFPR/YLUfI3VkP41RtfL3Ugk/brmcKw3F3YdwU2A0a0q7nnC0MmI1QUeBLbkVC4YTzKzZViS+EYLpnFOd7hOK9UO4QCi6CUsCgNkYreNp2TeQJEzCqFyWKJdlC7hvwPji6h1d1hkSVr7O0QoGNCjqlQvdDp/phT4WTcOyjxvuS+hshCKM2GATlQogd9FTign7UMD0NMoUw4S4gbZ+MvdUo7PltgDxhOu3QyARj7/Gj4RoWFFXoC0GaGacydhhsSEgoML2FYiEAvovRjuzuAPdBxe8YSiu8wpPRox0hWfvyhWgOgLHWGDnc6JLZFbJrltDfjneQv4fiEJdR3ExZlhB9BFazXxCif0aIF/ExxmQKOE94SofxQxrTqWMHig3lfIOt8Qb0dpr1U+WKs8l5xw7I9UHmb6n6+qv1xT8xrn/ltOffjIODg/+WP3HMcIG4JOLbAAAAAElFTkSuQmCC",doc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcTSL+DmO+VSd/k6Y/Vmg/kOT+jSL+UeW+1uh/1ig/k6a/T6R+l2i/0SU+0mX/Oz1//n8/y6G99fp/3ex/J7I/77b/4u9/gFOo+kAAAAKdFJOUwD///8n3Xugn58WcbRuAAACn0lEQVRYw+2Ya3ekIAyGCzozHQFRUPz//3RzQaSXbYPtOfthfccoCcljEM9pZ15eLl26dEms/v78q/oTvKf7SrdWZH9z7leJT+d+ldhTzQCfooH9oUw0Ee8D1qPyZXBsOxDdFuJzkKiBKAM2EIVAObEGdtlqv0SkRAB2XTfgQSMao5M/FKHpmxDYvdHO2G9S69YE/FD+5i5szxMdfq1eBDSYasiMYY8DJkcPuwuAr12uxNO2LgaHGWCM29Yhe3g7yZpfTa41xq/THJ3BNunUGZ8gMnAAs15FQBbUjHGe57W4IDfN87T44suAXUZ6WwFZCwDnZSx+S4cA1AeQnwEBp2X054DjAVxiXPclzyeAno4d6I2DwbT5/Rky0IuBnnjeH8AVrrC7PgPtniED+l0Z6D1txTwn7w8gp5wEJuLh+1KA/jRwWv2GFGwymR8CFQEH7DMmRG0ZOLYCucAyEFFx0REvWwGOcuAIgnw4qwgrRdCUVNhgMEFgQiBO4yEGkqyielB0IahEw5mBWSeBcQ1KB7fjfw5MXlmrw5rdRf8QGJegrbVqTNltBtrRVsC4agU+tLjECkhJIiA0A+koBqYBGsSI4kUD0I6cJAVSOjw12ljcEcJDi0PKQBKkSDvkfAJGeAU138PSy5iBvIYmIO1rTAu8MiUwJogYVVIkwMcBVAb+jFKDOQCL3lZ3BOyjCQhLROkKSBHVDNRQSqb28gyliOIImQioK0ExC2E5oqp5GZBrbVX3PmJ3p7nD7/TPgEpXD0oVU8XN00oGpEqsUQc5UxWb2k0EVG/F2Ix4LwnwXld+AtF1WPIfbK8aJPqq8pDzJCsG4YICV4S9NByUUFwt/C7VP7AgUBGcw0cmTQZhf/wjxuNb3c/8mnHp0qX/Vn8A5AVWOPvxckoAAAAASUVORK5CYII=",xls:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcYXMX2m8Pmm8P3zJWYbNYXvGVGu9QHrGU4jOZITMX4fOY4HKW3fET3LBSm+/RnrGU37IV2u9QWm7P22+Q+r94PP/7dv2zfv/+GGyNlmsLsfrtaTZiLPhm5TQdN9r514AAAAKdFJOUwB/e98c3T2gn5+4KvYSAAACu0lEQVRYw+2Y63qjIBCGmzRtqhwV1Arq/V/mDgMeYtLtkM2/9ROBGWZe0aB96NvboUOHDpH1eSp+1Gc+7lKwv+njksv7YOylxIKxlxIvjL2WeGIvJhYlY1BYiRU0ZahZcqYjh1ggJCqmL8bcCVejE4tyL/awSybeA38QlXgL5PsuzyYWMYmvhfNECS3nWDCGRiw4T0lr2bjwLCOSnyjAL56hz2wg2yNuHadM4NA0vpyNCs6pa7ot8osIrGI6a76/Wx96FVZ8Asc3OmIAEVghDw7WQX47Qq8KNo+212ihjwSsFsmxjcQo1oHZdpNYIzKBVnokDmiVvgV1Q/88UPQCic0EhvZN5Cn9DDAmyb5Kt1lV8Is3TTc4k3iaDNRah/DQaOngwYWJMZgg8MYeblhrHIOWDFxl3QREmKMeuq4bVS8TLooIrDZE44bw7FpvpnGYeYvyZ6iF6cdAbCbn3J6XCxSR6JDYTb2RuzEaUKQMEbLgkH2a45A8cw0tDXgjAMve+kTc6wmgECOsPhGJ7BXA8D43ggdi05X/DsTvQ8Nc6fFN4c8AJRyhBOEXsPXKwAJHYnimOChzZihThmRxUVe9hAWORB8vJCOXBJSAk1E8vMiN186KhTjKTQAFeMVwgVn43HzpDFgKliMShwQTdOCsMgC6CXkr0as1IhMoPHxhht4kgnXKw1+9wa4R1yygMnoYJ9cvM6qdHMfB1PnAhDAufGHU5gpgoiP6FA2oIFBFGUi30UQIOmqFXaXIwK2supW1N5584C8iAu+mdW+kmga04caCQpqdLWXTwDwaeiSgzRAVWGNZzrVb12tTk4E1CKuUbdGyyZWGoijAc30nu1xhrzNl8/0o0dSPRdoGXGuTVMezNvVibioQ5Y5hf/u+JPygefiduJe6XA1JV/qO9HK+/qrzE//NOHTo0P+rP7x4jQVHYv00AAAAAElFTkSuQmCC",ppt:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUxpcf+ubP+iWP+SO/+nX/+lXfyPQv+SO/+dUP+xcP+ua/+VQP+jWf+XRP+cS/+eT/+UPf+ZSP+gVP+qZf+saP+SOv+mXv+wcP+ta/+ubf+oYv/79//x5f/m0vmEO//MpP/Sr/+9i//Zu/7Dl/ufY/2zfqeIp1YAAAALdFJOUwDdPXugHPygn596VuVMqAAAAl1JREFUWMPtmOtyqjAQgNuqUBQSEi9cDHJR3v8Vzy5JJHi03dAz0x+HD3LZTfIZ6tCZ+Pa2sLCwQOZjG73kw1+3ibKveN/4+t6z7J8a7f6Kp7bC27gp7mTFC7yM28nS/OfGKC9y0OSIafJi6A1FJ3IPY5SToBuj/JAfDkMxNSzHzpDN9e1jXB+IUI1/CfemjJGfcb0HDvbe23rvZGxMM673dCKqsJwsK+916SYQyn+KdemQVec7qmqy8oGtr7A5T6kfhGsP4QlLd/7aSBKeRuJueFSNUmi8nspxfJ6wuWn6Gv+gleM7neYI1fViucIeVTtLGOv5slMg5FITXGCLqo6dCTRhfIoRqLVQ2lA0Sqkujk0MGZLQrEZAqKwQ4ChspDOBIvyMR2QzEUr4plXNnQmfnkI+FbYQVf0coTRlFGZt22KgOm78UlKFckQL4VuulaHqA2dczhFWICwro6uuAfuJkDXVIJSNfvu69jLZIFnIXWHLZXKrkf52Cbi/kHOORmg4q2FbLePMvnwJw5HhA3GcU4UWK+QiQATjD/gKhRW+4idCePCZQjaihQK7nLnYyFeYjMKnPjZnh90TIfMSCsG0QrDk2lVdD5EQOoE9HDYTBE2IizRJ33RNkYgJzOkTdzgKg6zNggeh8BSGxqWF8HYEj5bkXtGEiUsa7IYWDM8IvYXf8GvCHZLglZgIG33ZLvZ2JOHOg98Vpvc2HQOHNKUJV6kHK8rh+8m64ysh6RgQpsdjaq7hhmK6OmeGIU95YjjfBkciAfEstQlpvpB+It2swm9Zzfg1Y2Fh4f/lD1FNqKcd3wCLAAAAAElFTkSuQmCC",png:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcf+ubP+eUP+iWP+xcP+nX/+lXf+SO/uPSv+dUP6kX/+XRP+VQP+SO/+jWf+oYf+hVf///f+mXf+tav+ubf+rZ/+eUP+wcP+pZP/s3P+aSf/z6P/48v/UsvqFOf+6hP/jzf/Hmv/cwS4F5mYAAAALdFJOUwDdez2foByg/p/2onNSOQAAAh5JREFUWMPtmNuSoyAQQGeMUaZUxBveRfP/H7lc1VRJptF92Kr1INqtcKqNSSrk6+vm5uYGzMPzrTzcdYFff+I7cPV91/VfNZr6ykNb6WwMypW6tOBk9EoALka/KMtCTCr05OKi0S9AwI02YXXW+KwqMVluMqw4SimjtUGNzwoK0HgobC4Yn42iat6DanfKnPZdhCAersK0KcfXWOtYbPtrTeNBhGnapCt1n2VZX6cWnjDhjjETjNeFudrhWQpfeS7PqJ5vI0DCXJLKPVmkcMH5MQ5CBaGvIRtehIhkGVp2VmgqwgixhSEkciYeDz4jxDkWyD1F0zQhKrJZ3zzG+jKPQMLNJiAd6ogImHw1+1UngQh/8DHqefMS9/ycFhJVIC+ROAvJnrodRn7ARBfIS+TJirOwEp88JsTGx0skF4Tyfd3nZCtQ+c8KG3OXW4FZ1lJHIeUQ1dVXQzY0vMDBbLJEKjsFCxX1oOmHPe02wlHYDsewk0LWW5jPCfPZJuyZm7BTbWmtzHoMTNgpcPuBUg+CCSkfSTv2wTdXskKoUFGMdhhyqlASTcjOlLgLu3iyk0QOwjDqePsFfgeiA4VqykefCUK40KZ457wwuiaMBZFokc7EQTUTiigGCWMH/m1hAhR624TETFSh7Em8Np5DfsE+EgdAy4BQD473M9+SNYPcMV/fImh9CLiWCkKYL4SvSAMv/BXvxL8ZNzc3/y9/ADVfok94AIhIAAAAAElFTkSuQmCC",html:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcTbUrDrbszvetTXYrDnasjXQqTPIojfTrDvftTTMpjPKpDnZsTPIozXOqDjXrzHGoTbRqjfUre7/++T++Pf//SfCmxm3j1fXt7Hx4UvNrNL78XHfw8T26o3o0eeFKfsAAAAKdFJOUwA9//8c3Xign5/8SMcgAAADDklEQVRYw+2Y65qjIAyGp9ppRxBERcTj/V/mJsHTtN3dMNt/66dAEsjbgE/7jPPxcerUqVNsXW7Zb3WJx12z9E/6vMbyPtP0rcQsTd9KvKbpe4k3SkneR8wWVrL0yb8SM2QkQYGZYEsITnckMUteKX2KsImvgS/EJT4B86XtXhwx2xD5kp3nCwVHaHTnbOJXsuWv2Utd+WOJ+RcLmJOSpREw30T01U7yCx9Y0H0g+W6YIZRsYRxvfODGK/KiQHtqGjsePwU/MmMCi+84GArfgEZ0izBHHecQvzAFQaGyMBTFDDzbV2iuYWhcYBEgB1Ww42Yw1fdoDHDR3I00JhaAs1ndOCCUUS2lzLa2HgNj3TT1OIKLxIruiAorFPQz1GU9muEIx+CHeRxYQFwaUih/dmCVeISTMx1EBl9t4gKD/FAjz6AJoHp2znV1U0/+Z0A/1XXdOaex1hrYvRBtT8H8J8AcUyflBO64A3sQZSmJaOdIYInXDAzbtxIdPVCxYJoWnjQ86hhgCXkgKsoYNEsPkHo0OGN6/KAZglg5E4gSdIRTT/CRqhXEhmJt1+uwKgYYTmvqwdahWr3zXDxQOyDCF2NKwEHK7IhnkdeqMhqIRD9Za6cKjhC/cnCE/cIzOgqo6SrFQhz1DP0gZElG4C1rmEAQVKiR2A1dLzos1AmtyQWepjUgFlBvAqLyvYONWjhC9HuvWiTrCOB9X66la9vWjMCzHurSBlwndTRQaIFVQJPGGUFHqJBD7r4BLbhbFmsGkiUeYbdsFPxwhTV3ToVrfQKToZlxGqbRoRlmwhTNsYFbCsg4P3rY6pNgngWUa4IMjZ6MO0TlNssDEoS6BaLgl1qtrkTRiEt4wJAm9pKUXIuSa30xFUqp5IPEY0CqEOIB1Yo8cNSjFRZxgUrReuzRRlfto5ShgVjALU+9lDyabCBXHOBtW20eLBOaMSaM4HL+gr1gmtlBmG82NjrrHFys14A7MgizGQepbQpuzo7xBfw74lnrNPdd6no3LN35b6TX2/2vuv3gvxmnTp36f/ULf0R1znQ7804AAAAASUVORK5CYII=",js:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcUOv/0uw/zar/0+x/0Gj/Fq2/jOp/0ew/123/zKp/1S0/zqs/1Gz/123/02y/1i2/kWv/0mx/0Ct/1y1/vb7/1i2//7//zel+zOe+e32/9zt/5nN/ieV9oDG/avZ/83m/77h/2S6/HhIljsAAAAKdFJOUwB7Pf8c+92gn59dd850AAAC8klEQVRYw+3Yi3KjIBQG4CbGpgaMNyQIiJf3f8g9B8Rqp9mCszO7M5u/Kgj6iRrb2Le3V1555ZXgnE/Z05zjuUt2/13eL7He+/0+457zlpk/i1jRjo/ZCQC2Hx6LH+MF92EOhIJt9LtviRJPFsMgY0vPr2aUmDmFlY5i68q2ZBFiVpYcf3jpwjnDFoZ15mZsChczRKxkC86Xlc+4erCY+T34TvENnPuxh4rZdiR8M0BeLlfCwcFiRqxGcOJYJxB3AEJ4STiuEuzhYWJGvqYkz5IdA58FDnQ+AOb5bOY8/948BYAfFoEJZ6gWWraK5S5kaffLkHP+yPepxsejHep9I1nKj3iwThWAOi3y7xIIbnYuPOiHCH0Fzm6jIBC2LZZ9IJUHi2JpsYsocJeqW8Fv8g+AtQcrEOuDYF3Xbl8oNmBtJiXlONxtb23nILDepfEgmdr2AdVWGduBxz0Cpp1qARTVAFwrJSwVX3vjwapZwEI+HnLSelKtNHFgZYNYBROCLYB3BLu+F2YYWGW7YItgsK58PJjjpTRCdL0QYu2NGOFXMJ3wGqrBFEI0fwIUbJT2Jkv96R0AGw/SjuhR2Q+OjgWbBqHakAZCEZRaNKLrajPgMOUM/bBFEw5CcngqNJQilwAaATTckG6GS9kOjU8QaLekGh2dixnPWDHBBk0o3GRzEBRGoQgBTw6dgAdPDXda2D8INBqE09Mo2siRdWKQ9smDRw/GSw+MsOv0KG3UxPoOnmV7i/GzqLsVvAaPkMJTxvQ0juOgU/AoHGBSSqpxgseFokgDwSsFjuIt7fsUvlqmPXo0gWduNsbMokcPN4FFGOgCJ927oOcPsa65xIA0ARIjbsnSkMDvBZHQo+AC7ISdFgwmid8xwfqmZjtcxdWDwGQNXebniQR/zl8Eb3Za8rV2s/MtEDwlN4hdLFkbkm2LXQn5Bnu+hQbIoNeAa7B4CzljeL9NQ7008F3qEjjGa/gb6eV0/TGnA//NeOWVV/7f/AJAsosfySCrjgAAAABJRU5ErkJggg==",css:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVGm8P3zGVXzJWYbNYXbDTWu8QHnFUofNZITMX3zHVXTCS22+Q3jEUIHKW4jOZGq9QHDAR////mi6PvP97pbRd/v++tXwx+b33afbjV2vMrznpsnquGjfsnAAAAAKdFJOUwA936wc3Xign58XA1ZcAAACuUlEQVRYw+2Y2XbjIAyGm540qc1qAl7j93/NkQTEdJsKtxdzzvg3iSVAH8JRFufp6dChQ4fYOl2aL3Wqx50b+ze9nGt5L9b+KrGx9leJZ4ppv2C11KqIlxTUUnib6akn2TXEBigY3RKtJdncgRb1VBCb9o0Ikq0Hvob4Dvil2EQukE18CzSfmlXEJoaaTDCtMYmFZ2Oo0SCP2BiTgrZWdNGjjUjTsIEP2TvIRrsv7KRTJbDtpwCaKEkb7b4EXhjA1zJgHG63YYiQfhrQG8vxVz5QECMAYRrv5Oj7OAEx9MUEJlCkJhA49cJLjJZe9BMChcnju4DjsihtBEgtC1wCAAph4sEDik0EVJpsYGqVgVk1QJOBMjkgHYFGxGbErgzl5uufZPgZUBJQ7wbqeYC6ewcc5t1AM0PdDfcMBI5coRCn2USPD9QUYMcAvGmW6FC8lj0uEcYWHc0F6igxwwW8DasjJ/ZJhynewpzmaDYQAbhh3LEuRHuGrHWaVJOh1PcplNmgMOsw3p2szRCB3vf4oq7ybYLD2HuvdwC18wvUIZRNAaSyWbyrBErasZaKCttFj9agwu6kTBeFCZQQgA2qJAJpAVQEYoeMs1hAuSkCNz8Ciwk7gMOofgi8FvHx83DrUONtV4auBIbZJldYKsPe1QJdIjpn4TtkCGHUDnvGEPCzwbo0DBOunC3jRJJ0ag30VrPo2onex6tym3jAjHPOt+sEWuMS0bY+DspaIEotvp/n2SDDeQFmr5a9GZL8QurQ7qLtdwEfQcqDusJWJY8LVBClElahMj06xRALqB5y6jtVAtU/Duw+I3TpGQ9oHOAF5r6TSo8PHYrzC/bUcQVI1m3AFSd7FpKzY7i/fQaaj0Sf0dsCNOLpeGbeS52vnY/K52R3yeji6cq/Iz1frt/qsuPfjEOHDv2/+gP0toi4gXoofgAAAABJRU5ErkJggg==",epub:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcXXDTXvGVGm8P33HVnzJWYbNYWm7PYjOZXPBSmu8QG6/RXPBSoHKW4TMX37IV3nFUYbNYonOZOv+4fX/7/z/+1utMK3gkuL412O1OFOpJ7ripNf4xXK6TKHWhX88Tv4AAAAKdFJOUwB7Pd+gHN2gn59lNj8pAAACeklEQVRYw+3Y2XaqMBQG4GK10gxCgDII8v6P2T0kMhR7dujl4QcMCcm3Ni7tkr69HTly5Ig4pyR9mVM8d0mL3/JxifU+Xkhup5jyQudmkpuNuEjx4ii0fHlWUIt7lJiwsZVpOEZMnSQRYnpzsGH8WmyphxdcGJaL6U0WsSgFxeIStOtTGy2eeZGddmu9gq21tNMcmXi21i+adtsMQ8MdOm5M2lQMrtKUVVU2GxdO+8Cm/IJsickukL1N8SwEM9wzS2cZeVXlRT9uuZGBmfey7OmVfU9Nk3HoKhwiMFuEvaaum4XoEw8G736ve7rr8W8gfF64PqXqrsX3sv8TSF4Lns5zPWKF7ZjvAHPcYZt5jFft2Bm+RpsYpCBRVegpxqEz1p3BSzQHDhFI2JPg+3162LGjYy4CRKKt8AuM9c086BRDC+8kJwI0AxDVsPYMeNAZIsBPD/ZYYfsAIh/beX34l6c30aDOeyxrKHyB8/rKPtPxYP3AGksQDbxrw8J71FGggS033T2IpstHu/Du+OHBaZ+yClei6+7wVf7pQWSgMQYPTWJZloPt6g48N0CnJY9n5EYEhsn5JN40jJBXes+TQjBkEp33qD7ttXhwLi69kFhwJm568eAkbnpScL5IPcXJ09EVatq4CSJ5ylvabyKQpkKoEC/Cb5vg8bjhCTJQMxeCd62KQqG3jhA0k0ivCr973gvXTAz4I6qr6436ZOBVb4lqi9P6KgSV5vXzVz8YXvlEDoZlrE2KmholrVC9iN4Yk4AJLdW0XqvQeO454HXJL9iTiojoMeAq9yR3DM+371LvXfgsdRHWeJU/kV6S6z+T7PhvxpEjR/7ffAMGOojXQYbbiwAAAABJRU5ErkJggg==",psd:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcUOv/0uw/zer/123/0+x/1q2/jOp/zSm+Uew/zKp/zys/1O0/1e1/0Ku/0+z/1q2/0mx//7//164/vf8/9vw/+r2/yie86HX/sno/7Dd/5TR/W6//H/H/Eyv911ykpAAAAAKdFJOUwB7Pf+fHN2g/p8jQekrAAACx0lEQVRYw+2Y7WKrIAyG12JXJn4xEQG193+ZJwnYOdedE7r9O74qBQyPARNb+/Jy6NChQ2ydT8W3OufjLkX/N71ecnmvff+rxC/+dT8jXnB8162sLhK7T/As4glgHR1xT0Vs0iW6PGKxYXxo35FBJGC9B37p4BOLdXhd42e9QdaxXecRi5opLpEN5BITsKL9oao8YkGoqkpIrJAIRY2azuFR8IB31bvPXQuY5zzgA8hOJwbwbTWevY3yof+GV3Hm/NZG29ab9yhjrOsq6E57C2Ub9zcWMEoP7x8yvqPOalOicoANAu0AsuCqce0j5QJNmPt+cQMQ7fwzoI7AaURNdueizgRq3CJQKiXl6GH2Xn/QyIAN1BqsdQS6BmvSAXDQO6ERF6hX4BSrAYGNnp3HqJw1eYhlDlCRh1TtcA2DmixFJkTl3ct8IE65whC3S49YSzG0PAt8H1wIAaPGeFxI46cJmiY8DYS0M4YyZZawkGaGIJpDmJs8YANbAqZk9ouUOPFwgyAapWySEQvYRBHQrI+bUSoKb+unVkoVTXTDA9LFCWiG4JxbejnKppG0mHiTa4JpKHM9TKk3Iq+RcvKDoRvUJptngBJFU1RyvM3BU14/AxQEVI1aByNxHG/OYtb8ALiqcq5SAlYTgW0+UO2BkHjWzbqZTPRQsYEwS4Xzi0BFY2Gb4R5jFGEawlMNjOAcDxgFgWzspO6S0xC/tYwNcJsQp9Q1B7h4COgNEHLOD9YO3kUeigO8rgB5629SbYljvSzLfBtH8QxQYJBsgfhdEKP8zssCAlEKsQViD4V5arGBQgmBKEGVeNBwkZpCxS4hWECRoWyg+m3gb3lYRvPyXpapsjlRZnlYpm2tf7pEmcqSBzyVDyUe9nJ+wZ73gx+jolivAdeSLc6M4f1WcnmS+S51Yfp45b+RXk7Xf+r0xL8Zhw4d+n/1B13vfAhtdKi2AAAAAElFTkSuQmCC",dwg:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVIbNYXvHVHzJWYbNYXbDTWu9QHrGU4jOZHLBSW+/RYDJWmy+QoXMYHzHVYjOZHfET2m7P4LLXf3/+/T+7u3+5MXrsaXbiVyuMZjUeNb2xOP81bPjmuZ7vy0AAAAKdFJOUwA9z1wc33ign591Bg7OAAACdUlEQVRYw+2Yi3KjIBRAm51UI4gKxMei+f/f3PsQNU3SXtzOdGfWo0W4wBGFau3b28HBwYGYU1a85JSuOxfNZ/w6p/rem895TzQWTfOtxjP1qWCDtJoLK1WyMcM+VUUu1pJ3ls6nSDEW1UpTvSLBWFRf0iQZXwn93jFuhd7fK/2SJhgL9Hh0ecp5P4tn3xzwYmPhX0En2SL7nXkirEIPNA/xspAIL9Cw9CUmsV85dG3bBcjNgSUjeVJcykeG9nrtAmX9/MNJtk9Yk7B5cqbLvymsdwjr2LOmBIVtU3OMQ9xGJIQOQHSFGzBegR5zoV4Qj7DeQiumbVGIx26gEXICpAvr4bqlHe5r04WWhB1BQvsdwo5uX4/GvxCGgejBMv4mJpwZjoY0IY7C9nSZNB+jI1DY8tXfsJGVCi3Rt8tUjBoDelrn5mbBJxVi29qqG60XXDLtqFjYXudQd1N8VqEQUUNPTNA/jhCyE0cHRUNMEiq+cbiwV2E3cFTvGKHjqQ34bB0Jespy1NlkIQwR0aG7I2iOJwmVje1BG6atbwpQxbUqZYRq3ej9NIJ1GjGHwk21SKgiFndL7xQU0jvFLlWERJhHE3ehuQnTNI2WZmOxUQuhcDsK44xzJCx5vdyRJFzRYQShf6xQ+U8J9VOh3inU4NMAaTULccWUmopUrRQ3kAkfqQJgn1TsFBpaO+77hHp+xOwXmo9DhNVoOLipMlKh0dibd8waLq7HWDBGJDQJ/IgwM3zHIm5JlpQ33CV/wZ6wj1t7UT4KaLY5R4noMyB3EXN32BRiRHLF8H2rnRAt/JY65zJfLv8iPWf5l2Q7/ptxcHDw//IHYWiLelDcDu8AAAAASUVORK5CYII="},Pt={init(t){const n=ft.getRandomGUID(),r="folder";let o=Lt();o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"folderCSS",css:Ct.folderCSS}]),Reflect.set(zt,"docx",zt.doc),Reflect.set(zt,"rtf",zt.doc),Reflect.set(zt,"xlsx",zt.xls),Reflect.set(zt,"pptx",zt.ppt),Reflect.set(zt,"dmg",zt.ipa),Reflect.set(zt,"json",zt.js);["rar","7z","arj","bz2","cab","iso","jar","lz","lzh","tar","uue","xz","z","zipx","zst","001"].forEach(t=>{zt[t]=zt.zip}),["jpg","jpeg","ico","webp"].forEach(t=>{zt[t]=zt.png}),["htm","py","vue","bat","sh","vbs","java","kt"].forEach(t=>{zt[t]=zt.html}),["apk","apkm","xapk"].forEach(t=>{zt[t]=zt.apk}),t?.folder&&Reflect.set(o,"folder",t.folder);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),m=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${r}-content ${ft.isPhone()?"pops-mobile-folder-content":""}">\n <div class="pops-folder-list">\n <div class="pops-folder-file-list-breadcrumb">\n\t\t\t\t\t\t<div class="pops-folder-file-list-breadcrumb-primary">\n\t\t\t\t\t\t\t<span class="pops-folder-file-list-breadcrumb-allFiles cursor-p" title="全部文件">\n\t\t\t\t\t\t\t\t<a>全部文件</a>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n </div>\n <div class="pops-folder-list-table__header-div">\n\t\t\t\t\t\t<table class="pops-folder-list-table__header">\n\t\t\t\t\t\t\t<colgroup>\n\t\t\t\t\t\t\t\t<col width="52%">\n\t\t\t\t\t\t\t\t<col width="24%">\n\t\t\t\t\t\t\t\t<col width="16%">\n\t\t\t\t\t\t\t</colgroup>\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr class="pops-folder-list-table__header-row">\n\t\t\t\t\t\t\t\t\t<th class="pops-folder-list-table__header-th cursor-p">\n\t\t\t\t\t\t\t\t\t\t<div class="text-ellip content flex-a-i-center">\n\t\t\t\t\t\t\t\t\t\t\t<span>文件名</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-list-table__sort" data-sort="fileName">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-icon-arrow" data-sort="按文件名排序">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox="0 0 1024 1024"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-up"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-down"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t<th class="pops-folder-list-table__header-th cursor-p">\n\t\t\t\t\t\t\t\t\t\t<div class="text-ellip content flex-a-i-center">\n\t\t\t\t\t\t\t\t\t\t\t<span>修改时间</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-list-table__sort" data-sort="latestTime">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-icon-arrow" title="按修改时间排序">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox="0 0 1024 1024"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-up"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-down"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t<th class="pops-folder-list-table__header-th cursor-p">\n\t\t\t\t\t\t\t\t\t\t<div class="text-ellip content flex-a-i-center">\n\t\t\t\t\t\t\t\t\t\t\t<span>大小</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-list-table__sort" data-sort="fileSize">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="pops-folder-icon-arrow" title="按大小排序">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox="0 0 1024 1024"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-up"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="pops-folder-icon-arrow-down"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t</table>\n </div>\n <div class="pops-folder-list-table__body-div">\n\t\t\t\t\t\t<table class="pops-folder-list-table__body">\n\t\t\t\t\t\t\t<colgroup>\n\t\t\t\t\t\t\t${ft.isPhone()?'<col width="100%">':'\n\t\t\t\t\t\t\t\t<col width="52%">\n\t\t\t\t\t\t\t\t<col width="24%">\n\t\t\t\t\t\t\t\t<col width="16%">'}\n\t\t\t\t\t\t\t</colgroup>\n\t\t\t\t\t\t\t<tbody></tbody>\n\t\t\t\t\t\t</table>\n </div>\n </div>\n </div>${c}`,c,s),u=At.parseElement(m),{$pops:h,$title:b,$content:g,$folderTbody:v,$folderHeaderBreadcrumbPrimary:x,$headerBtnClose:y,$btnOk:w,$btnCancel:A,$btnOther:C,$folderSortFileName:k,$folderSortLatestTime:E,$folderSortFileSize:S}=$t.handleQueryElement(u,r);let $=null;const T=[u];if(o.mask.enable){$=$t.handleMask({type:r,guid:n,config:o,animElement:u,maskHTML:l}).maskElement,T.push($)}const I=$t.handleEventDetails(n,a,i,r,u,h,$,o);$t.handleClickEvent("close",y,I,o.btn.close.callback),$t.handleClickEvent("ok",w,I,o.btn.ok.callback),$t.handleClickEvent("cancel",A,I,o.btn.cancel.callback),$t.handleClickEvent("other",C,I,o.btn.other.callback),wt.append(i,T),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=$&&u.after($);const M=new class{init(){o.folder.sort(),this.initFolderView(o.folder);const t=x.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");Reflect.set(t,"_config_",o.folder),wt.on(t,"click",t=>{this.setBreadcrumbClickEvent(t,!0,o.folder)}),wt.on(k.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(k,t,"fileName")},{capture:!0}),wt.on(E.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(E,t,"latestTime")},{capture:!0}),wt.on(S.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(S,t,"fileSize")},{capture:!0}),"fileName"===o.sort.name?wt.trigger(k,"click",{notChangeSortRule:!0}):"latestTime"===o.sort.name?wt.trigger(E,"click",{notChangeSortRule:!0}):"fileSize"===o.sort.name&&wt.trigger(S,"click",{notChangeSortRule:!0})}createFolderRowElement(t,e="-",n="-",r=!1){const o=t,a=e,i=n,s=wt.createElement("tr"),l=wt.createElement("td"),p=wt.createElement("td"),c=wt.createElement("td");let d="",f=zt.folder;if(r)e="",n="";else{f="","number"==typeof e&&(e=ft.formatTime(e)),"number"==typeof n&&(n=ft.formatByteToSize(n));for(const e in zt)if(t.toLowerCase().endsWith("."+e)){d=e,f=zt[e];break}f||(d="Null",f=zt.Null)}s.className="pops-folder-list-table__body-row",l.className="pops-folder-list-table__body-td",p.className="pops-folder-list-table__body-td",c.className="pops-folder-list-table__body-td",mt.setSafeHTML(l,`\n\t\t\t\t<div class="pops-folder-list-file-name cursor-p">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<img src="${f}" alt="${d}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">\n\t\t\t\t\t\t<a title="${t}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">\n\t\t\t\t\t\t${t}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n `),mt.setSafeHTML(p,`\n\t\t\t\t<div class="pops-folder-list__time">\n\t\t\t\t\t<span>${e}</span>\n\t\t\t\t</div>\n\t\t\t\t`),mt.setSafeHTML(c,`\n\t\t\t\t<div class="pops-folder-list-format-size">\n\t\t\t\t\t<span>${n}</span>\n\t\t\t\t</div>\n\t\t\t\t`);const m={fileName:o,latestTime:a,fileSize:i,isFolder:r};return Reflect.set(l,"__value__",m),Reflect.set(p,"__value__",m),Reflect.set(c,"__value__",m),Reflect.set(s,"__value__",m),s.appendChild(l),s.appendChild(p),s.appendChild(c),{folderElement:s,fileNameElement:l,fileTimeElement:p,fileFormatSize:c}}createFolderRowElementByMobile(t,e="-",n="-",r=!1){const o=t,a=e,i=n,s=wt.createElement("tr"),l=wt.createElement("td");let p="",c=zt.folder;if(r)e="",n="";else{c="","number"==typeof e&&(e=ft.formatTime(e)),"number"==typeof n&&(n=ft.formatByteToSize(n));for(const e in zt)if(t.toLowerCase().endsWith("."+e)){p=e,c=zt[e];break}c||(p="Null",c=zt.Null)}s.className="pops-folder-list-table__body-row",l.className="pops-folder-list-table__body-td",mt.setSafeHTML(l,`\n\t\t\t\t<div class="pops-folder-list-file-name pops-mobile-folder-list-file-name cursor-p">\n\t\t\t\t\t<img src="${c}" alt="${p}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<a title="${t}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">${t}</a>\n\t\t\t\t\t\t<span>${e} ${n}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t`);const d={fileName:o,latestTime:a,fileSize:i,isFolder:r};return Reflect.set(l,"__value__",d),Reflect.set(s,"__value__",d),s.appendChild(l),{folderElement:s,fileNameElement:l}}clearFolderInfoView(){mt.setSafeHTML(v,"")}createHeaderArrowIcon(){return wt.createElement("div",{className:"iconArrow"})}createBreadcrumb(t,e){return wt.createElement("span",{className:"pops-folder-file-list-breadcrumb-allFiles cursor-p",innerHTML:`<a>${t}</a>`,_config_:e},{title:t})}setBreadcrumbClickEvent(t,e,n){this.clearFolderInfoView();const r=t.target.closest("span.pops-folder-file-list-breadcrumb-allFiles");if(r)for(;r.nextElementSibling;)r.nextElementSibling.remove();else console.error("获取导航按钮失败");const o=Bt.init({parent:g,content:{text:"获取文件列表中..."},mask:{enable:!0,clickEvent:{toClose:!1,toHide:!1}},addIndexCSS:!1});this.initFolderView(n),o.close()}async enterFolder(t,e){this.clearFolderInfoView();const n=Bt.init({parent:g,content:{text:"获取文件列表中..."},mask:{enable:!0},addIndexCSS:!1});if("function"==typeof e.clickEvent){const n=await e.clickEvent(t,e);x.appendChild(this.createHeaderArrowIcon());const r=this.createBreadcrumb(e.fileName,n);x.appendChild(r),wt.on(r,"click",t=>{this.setBreadcrumbClickEvent(t,!1,n)}),this.initFolderView(n)}n.close()}async downloadFile(t,e,n){wt.preventEvent(t);const r=e.querySelector("a");if("function"==typeof n.clickEvent){const e=await n.clickEvent(t,n);if(null!=e&&"object"==typeof e&&!Array.isArray(e)&&"string"==typeof e.url&&""!==e.url.trim()&&(r.setAttribute("href",e.url),r.setAttribute("target","_blank"),e.autoDownload))if(null!=e.mode&&""!==e.mode||(e.mode="aBlank"),"a"===e.mode||"aBlank"===e.mode){const t=wt.createElement("a");"aBlank"===e.mode&&t.setAttribute("target","_blank"),t.href=e.url,t.click()}else if("open"===e.mode||"openBlank"===e.mode)"openBlank"===e.mode?globalThis.open(e.url,"_blank"):globalThis.open(e.url);else if("iframe"===e.mode){const t=wt.createElement("iframe");t.src=e.url,t.onload=function(){ft.setTimeout(()=>{t.remove()},1e3)},i.appendChild(t),ft.setTimeout(()=>{t.remove()},18e4)}else console.error("未知的下载模式",e)}}sortFolderConfig(t,e="fileName",n=!1){if("fileName"===e){const r=t.filter(t=>t.isFolder),o=t.filter(t=>!t.isFolder);return r.sort((t,r)=>{const o=t[e].toString(),a=r[e].toString();let i=o.localeCompare(a);return n&&(i>0?i=-1:i<0&&(i=1)),i}),o.sort((t,r)=>{const o=t[e].toString(),a=r[e].toString();let i=o.localeCompare(a);return n&&(i>0?i=-1:i<0&&(i=1)),i}),n?[...o,...r]:[...r,...o]}return t.sort((t,r)=>{let o=t[e],a=r[e];return"fileSize"===e?(o=parseFloat(o.toString()),a=parseFloat(a.toString())):"latestTime"===e&&(o=new Date(o).getTime(),a=new Date(a).getTime()),o>a?n?-1:1:o<a?n?1:-1:0}),t}initFolderView(t){this.sortFolderConfig(t,o.sort.name,o.sort.isDesc),t.forEach(t=>{if(t.isFolder){const{folderElement:e,fileNameElement:n}=ft.isPhone()?this.createFolderRowElementByMobile(t.fileName,"","",!0):this.createFolderRowElement(t.fileName,"","",!0);wt.on(n,"click",e=>{this.enterFolder(e,t)}),v.appendChild(e)}else{const{folderElement:e,fileNameElement:n}=ft.isPhone()?this.createFolderRowElementByMobile(t.fileName,t.latestTime,t.fileSize,!1):this.createFolderRowElement(t.fileName,t.latestTime,t.fileSize,!1);wt.on(n,"click",e=>{this.downloadFile(e,n,t)}),v.appendChild(e)}})}removeArrowActiveStatus(){[...Array.from(k.querySelectorAll(".pops-folder-icon-active")),...Array.from(E.querySelectorAll(".pops-folder-icon-active")),...Array.from(S.querySelectorAll(".pops-folder-icon-active"))].forEach(t=>t.classList.remove("pops-folder-icon-active"))}changeArrowActive(t,e,n){this.removeArrowActiveStatus(),n?e.classList.add("pops-folder-icon-active"):t.classList.add("pops-folder-icon-active")}arrowToSortFolderInfoView(t,e,n){Reflect.get(e,"notChangeSortRule")||(o.sort.name=n,o.sort.isDesc=!o.sort.isDesc);const r=t.querySelector(".pops-folder-icon-arrow-up"),a=t.querySelector(".pops-folder-icon-arrow-down");if(this.changeArrowActive(r,a,o.sort.isDesc),"function"==typeof o.sort.callback&&o.sort.callback(t,e,o.sort.name,o.sort.isDesc))return;const i=[];Array.from(v.children).forEach(t=>{const e=Reflect.get(t,"__value__");Reflect.set(e,"target",t),i.push(e)});this.sortFolderConfig(i,o.sort.name,o.sort.isDesc).forEach(t=>{v.appendChild(t.target)})}};M.init(),Reflect.set(h,"data-pops-folder",M),o.drag&&St.drag(h,{dragElement:b,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack}),$t.handlePush(r,{guid:n,animElement:u,popsElement:h,maskElement:$,$shadowContainer:a,$shadowRoot:i});return $t.handleResultDetails(I)}},Rt={init(t){const n=ft.getRandomGUID(),r="iframe";let o={title:{position:"center",text:"",html:!1,style:""},loading:{enable:!0,icon:!0,text:""},useShadowRoot:!0,class:"",url:window.location.href,only:!1,zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},animation:"pops-anim-fadein-zoom",position:"center",drag:!0,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",topRightButton:"min|max|mise|close",sandbox:!1,forbiddenScroll:!1,loadEndCallBack(){},btn:{min:{callback(){}},max:{callback(){}},mise:{callback(){}},close:{callback(){}}},style:null,beforeAppendToPageCallBack(){}};if(o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),null==o.url)throw new Error("config.url不能为空");o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:s}=$t.handlerShadow(o);$t.handleInit(s,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"iframeCSS",css:Ct.iframeCSS}]);const l=null!=o.animation&&""!=o.animation?"position:absolute;":"",p=$t.handleZIndex(o.zIndex),c=At.createMask(n,p,l),d=At.createHeader(r,o),f=""!==o.title.text.trim()?o.title.text:o.url,{headerStyle:m,headerPStyle:u}=At.createHeaderStyle(r,o),h=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${m}">${o.title.html?f:`<p pops class="pops-${r}-title-text" style="${u}">${f}</p>`}${d}</div>\n\t\t\t<div class="pops-content pops-${r}-content">\n <div class="pops-${r}-content-global-loading"></div>\n <iframe src="${o.url}" pops ${o.sandbox?"sandbox='allow-forms allow-same-origin allow-scripts'":""}>\n </iframe>\n\t\t\t</div>${o.loading.enable?'<div class="pops-loading"></div>':""}`,"",p),b=At.parseElement(h),{$pops:g,$headerBtnClose:v,$headerControls:x,$title:y,$iframe:w,$loading:A,$contentLoading:C,$headerBtnMin:k,$headerBtnMax:E,$headerBtnMise:S}=$t.handleQueryElement(b,r);let $=i.document.querySelector(".pops-iframe-container");$||($=wt.createElement("div",{className:"pops-iframe-container"}),$.style.cssText="display: flex;position: fixed;bottom: 0px;flex-flow: wrap-reverse;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;",wt.appendBody($));let T=null;const I=[b];if(o.mask.enable){T=$t.handleMask({type:r,guid:n,config:o,animElement:b,maskHTML:c}).maskElement,I.push(T)}const M=$t.handleEventDetails(n,a,s,r,b,g,T,o);M.iframeElement=w,wt.on(b,wt.getAnimationEndNameList(),function(){b.style.width="0%",b.style.height="0%"}),wt.on(w,"load",()=>{A?.remove(),C.style.animation="iframeLoadingChange_85 0.3s forwards",wt.on(C,wt.getAnimationEndNameList(),()=>{C.remove()}),""===o.title.text.trim()&&w.contentDocument&&(y.querySelector("p").innerText=w.contentDocument.title),o.loadEndCallBack(M)}),wt.append(s,I),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(s,a),$.appendChild(a),null!=T&&b.after(T),o.drag&&St.drag(g,{dragElement:y,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});const B="type-module";let L="",z="",P=!1;wt.on(k,"click",t=>{t.preventDefault(),t.stopPropagation(),L=g.style.left,z=g.style.top,g.classList.add("pops-iframe-unset-top"),g.classList.add("pops-iframe-unset-left"),g.classList.add("pops-iframe-unset-transform"),g.style.transitionDuration="",g.setAttribute(B,"min"),x.setAttribute("type","min"),E.style.setProperty("display","none"),S.style.setProperty("display",""),"function"==typeof o?.btn?.min?.callback&&o.btn.min.callback(M,t)},{capture:!0}),wt.on(E,"click",t=>{t.preventDefault(),t.stopPropagation(),"min"!==g.getAttribute(B)&&(L=g.style.left,z=g.style.top),P=!0,g.style.transitionDuration="",g.style.transform="",g.removeAttribute(B),g.classList.add("pops-iframe-unset-transition"),g.classList.add("pops-iframe-unset-left"),g.classList.add("pops-iframe-unset-top"),g.classList.add("pops-iframe-unset-transform"),g.classList.remove("pops-iframe-unset-transition"),g.setAttribute(B,"max"),x.setAttribute("type","max"),E.style.setProperty("display","none"),S.style.setProperty("display",""),"function"==typeof o?.btn?.max?.callback&&o.btn.max.callback(M,t)},{capture:!0}),S?.style?.setProperty("display","none"),wt.on(S,"click",t=>{t.preventDefault(),t.stopPropagation(),P&&"min"===g.getAttribute(B)?(g.classList.add("pops-iframe-unset-transition"),g.classList.add("pops-iframe-unset-left"),g.classList.add("pops-iframe-unset-top"),g.classList.add("pops-iframe-unset-transform"),g.classList.remove("pops-iframe-unset-transition"),g.setAttribute(B,"max"),x.setAttribute("type","max")):(P=!1,g.style.left=L,g.style.top=z,g.style.transitionDuration="",g.style.transform="",x.removeAttribute("type"),g.removeAttribute(B),g.classList.remove("pops-iframe-unset-top"),g.classList.remove("pops-iframe-unset-left"),g.classList.remove("pops-iframe-unset-transform"),E.style.setProperty("display",""),S.style.setProperty("display","none")),"function"==typeof o?.btn?.mise?.callback&&o.btn.mise.callback(M,t)},{capture:!0}),wt.on(v,"click",t=>{t.preventDefault(),t.stopPropagation(),St.removeInstance([Et.iframe],n,!1),"function"==typeof o?.btn?.close?.callback&&o.btn.close.callback(M,t)},{capture:!0}),$t.handlePush(r,{guid:n,animElement:b,popsElement:g,maskElement:T,$shadowContainer:a,$shadowRoot:s});return $t.handleResultDetails(M)}},Nt={isFloat:t=>Number(t)===t&&t%1!=0,add(t,e){let n,r;try{n=t.toString().split(".")[1].length}catch{n=0}try{r=e.toString().split(".")[1].length}catch{r=0}const o=Math.pow(10,Math.max(n,r));return Math.round(t*o+e*o)/o},sub(t,e){let n,r;try{n=t.toString().split(".")[1].length}catch{n=0}try{r=e.toString().split(".")[1].length}catch{r=0}const o=Math.pow(10,Math.max(n,r)),a=n>=r?n:r;return(Math.round(t*o-e*o)/o).toFixed(a)},division(t,e){let n,r;try{n=t.toString().split(".")[1].length}catch{n=0}try{r=e.toString().split(".")[1].length}catch{r=0}return Number(t.toString().replace(".",""))/Number(e.toString().replace(".",""))*Math.pow(10,r-n)}};class Ot{$el={$shadowContainer:null,$shadowRoot:null,$toolTip:null,$content:null,$arrow:null};$data={config:null,guid:null,timeId_close_TouchEvent:[],timeId_close_MouseEvent:[]};constructor(t,e,n){this.$data.config=t,this.$data.guid=e,this.$el.$shadowContainer=n.$shadowContainer,this.$el.$shadowRoot=n.$shadowRoot,this.show=this.show.bind(this),this.close=this.close.bind(this),this.toolTipAnimationFinishEvent=this.toolTipAnimationFinishEvent.bind(this),this.toolTipMouseEnterEvent=this.toolTipMouseEnterEvent.bind(this),this.toolTipMouseLeaveEvent=this.toolTipMouseLeaveEvent.bind(this),this.init()}init(){const t=this.createToolTip();this.$el.$toolTip=t.$toolTipContainer,this.$el.$content=t.$toolTipContent,this.$el.$arrow=t.$toolTipArrow,this.changeContent(),this.changeZIndex(),this.changePosition(),this.$data.config.alwaysShow||(this.offEvent(),this.onEvent())}createToolTip(){const t=wt.createElement("div",{className:"pops-tip",innerHTML:'\n\t\t\t\t<div class="pops-tip-content" style="text-align: center;"></div>\n\t\t\t\t<div class="pops-tip-arrow"></div>\n\t\t\t'},{"data-position":this.$data.config.isFixed?"fixed":"absolute","data-guid":this.$data.guid}),e=t.querySelector(".pops-tip-content"),n=t.querySelector(".pops-tip-arrow");if(wt.addClassName(t,this.$data.config.className),t.style.zIndex=$t.handleZIndex(this.$data.config.zIndex).toString(),null!=this.$data.config.style){const e=wt.createElement("style",{type:"text/css",innerHTML:this.$data.config.style});t.appendChild(e)}return this.$data.config.showArrow||n.remove(),{$toolTipContainer:t,$toolTipArrow:n,$toolTipContent:e}}getContent(){return"function"==typeof this.$data.config.content?this.$data.config.content():this.$data.config.content}changeContent(t){if(null==t&&(t=this.getContent()),this.$data.config.isDiffContent){const e="data-content",n=Reflect.get(this.$el.$content,e);if("string"==typeof n&&n===t)return;Reflect.set(this.$el.$content,e,t)}mt.setSafeHTML(this.$el.$content,t)}getZIndex(){return $t.handleZIndex(this.$data.config.zIndex)}changeZIndex(){const t=this.getZIndex();this.$el.$toolTip.style.setProperty("z-index",t.toString())}calcToolTipPosition(t,e,n,r){const o=wt.offset(t,!this.$data.config.isFixed),a=o.width,i=o.height,s=o.top,l=o.left,p=wt.outerWidth(this.$el.$toolTip),c=wt.outerHeight(this.$el.$toolTip),d=l+a/2-p/2,f=s+i/2-c/2;let m=0,u=0;if(null!=r)if(r instanceof MouseEvent||r instanceof PointerEvent)m=r.pageX,u=r.y;else if(r instanceof TouchEvent){const t=r.touches[0];m=t.pageX,u=t.pageY}else"number"==typeof r.clientX&&(m=r.clientX),"number"==typeof r.clientY&&(u=r.clientY);return{TOP:{left:d-n,top:s-c-e,arrow:"bottom",motion:"fadeInTop"},RIGHT:{left:l+a+e,top:f+n,arrow:"left",motion:"fadeInRight"},BOTTOM:{left:d-n,top:s+i+e,arrow:"top",motion:"fadeInBottom"},LEFT:{left:l-p-e,top:f+n,arrow:"right",motion:"fadeInLeft"},FOLLOW:{left:m+n,top:u+n,arrow:"follow",motion:""}}}changePosition(t){const e=this.calcToolTipPosition(this.$data.config.target,this.$data.config.arrowDistance,this.$data.config.otherDistance,t)[this.$data.config.position.toUpperCase()];e?(this.$el.$toolTip.style.left=e.left+"px",this.$el.$toolTip.style.top=e.top+"px",this.$el.$toolTip.setAttribute("data-motion",e.motion),this.$el.$arrow.setAttribute("data-position",e.arrow)):console.error("不存在该位置",this.$data.config.position)}onEvent(){this.onToolTipAnimationFinishEvent(),this.onShowEvent(),this.onCloseEvent(),this.onToolTipMouseEnterEvent(),this.onToolTipMouseLeaveEvent()}offEvent(){this.offToolTipAnimationFinishEvent(),this.offShowEvent(),this.offCloseEvent(),this.offToolTipMouseEnterEvent(),this.offToolTipMouseLeaveEvent()}addCloseTimeoutId(t,e){"MouseEvent"===t?this.$data.timeId_close_MouseEvent.push(e):this.$data.timeId_close_TouchEvent.push(e)}clearCloseTimeoutId(t,e){const n="MouseEvent"===t?this.$data.timeId_close_MouseEvent:this.$data.timeId_close_TouchEvent;for(let t=0;t<n.length;t++){const r=n[t];if("number"==typeof e){if(e==r){ft.clearTimeout(e),n.splice(t,1);break}}else ft.clearTimeout(r),n.splice(t,1),t--}}show(...t){const e=t[0],n=e instanceof MouseEvent?"MouseEvent":"TouchEvent";if(this.clearCloseTimeoutId(n),"function"==typeof this.$data.config.showBeforeCallBack){const t=this.$data.config.showBeforeCallBack(this.$el.$toolTip);if("boolean"==typeof t&&!t)return}ft.contains(this.$el.$shadowRoot,this.$el.$toolTip)||(this.init(),wt.append(this.$el.$shadowRoot,this.$el.$toolTip)),ft.contains(this.$el.$shadowContainer)||("function"==typeof this.$data.config.beforeAppendToPageCallBack&&this.$data.config.beforeAppendToPageCallBack(this.$el.$shadowRoot,this.$el.$shadowContainer),wt.append(document.body,this.$el.$shadowContainer)),this.changeContent(),this.changePosition(e),"function"==typeof this.$data.config.showAfterCallBack&&this.$data.config.showAfterCallBack(this.$el.$toolTip)}onShowEvent(){wt.on(this.$data.config.target,this.$data.config.triggerShowEventName,this.show,this.$data.config.eventOption)}offShowEvent(){wt.off(this.$data.config.target,this.$data.config.triggerShowEventName,this.show,{capture:!0})}close(...t){const e=t[0],n=e instanceof MouseEvent?"MouseEvent":"TouchEvent";if(e&&e instanceof MouseEvent){const t=e.composedPath()[0];if(t!=this.$data.config.target&&t!=this.$el.$toolTip)return}if("function"==typeof this.$data.config.closeBeforeCallBack){const t=this.$data.config.closeBeforeCallBack(this.$el.$toolTip);if("boolean"==typeof t&&!t)return}(null==this.$data.config.delayCloseTime||"number"==typeof this.$data.config.delayCloseTime&&this.$data.config.delayCloseTime<=0)&&(this.$data.config.delayCloseTime=100);const r=ft.setTimeout(()=>{if(this.clearCloseTimeoutId(n,r),null==this.$el.$toolTip)return;const t=this.$el.$toolTip.getAttribute("data-motion");null==t||""===t.trim()?this.toolTipAnimationFinishEvent():this.$el.$toolTip.setAttribute("data-motion",this.$el.$toolTip.getAttribute("data-motion").replace("fadeIn","fadeOut"))},this.$data.config.delayCloseTime);this.addCloseTimeoutId(n,r),"function"==typeof this.$data.config.closeAfterCallBack&&this.$data.config.closeAfterCallBack(this.$el.$toolTip)}onCloseEvent(){wt.on(this.$data.config.target,this.$data.config.triggerCloseEventName,this.close,this.$data.config.eventOption)}offCloseEvent(){wt.off(this.$data.config.target,this.$data.config.triggerCloseEventName,this.close,{capture:!0})}destory(){this.$el.$toolTip&&this.$el.$shadowRoot.removeChild(this.$el.$toolTip),this.$el.$toolTip=null,this.$el.$arrow=null,this.$el.$content=null}toolTipAnimationFinishEvent(){this.$el.$toolTip&&(this.$el.$toolTip.getAttribute("data-motion").includes("In")||this.destory())}onToolTipAnimationFinishEvent(){wt.on(this.$el.$toolTip,wt.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}offToolTipAnimationFinishEvent(){wt.off(this.$el.$toolTip,wt.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}toolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent")}onToolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent"),wt.on(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}offToolTipMouseEnterEvent(){wt.off(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}toolTipMouseLeaveEvent(t){this.close(t)}onToolTipMouseLeaveEvent(){wt.on(this.$el.$toolTip,"mouseleave touchend",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}offToolTipMouseLeaveEvent(){wt.off(this.$el.$toolTip,"mouseleave touchend",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}}const Dt={init(t){const n=ft.getRandomGUID();let r={useShadowRoot:!0,target:null,content:"默认文字",isDiffContent:!1,position:"top",className:"",isFixed:!1,alwaysShow:!1,triggerShowEventName:"mouseenter touchstart",triggerCloseEventName:"mouseleave touchend",zIndex:1e4,only:!1,eventOption:{passive:!1,capture:!0,once:!1},showBeforeCallBack(){},showAfterCallBack(){},closeBeforeCallBack(){},closeAfterCallBack(){},delayCloseTime:100,showArrow:!0,arrowDistance:12.5,otherDistance:0,style:"",beforeAppendToPageCallBack(){}};if(r=ft.assign(r,e.getGlobalConfig()),r=ft.assign(r,t),!(r.target instanceof HTMLElement))throw new TypeError("config.target 必须是HTMLElement类型");r=$t.handleOnly("tooltip",r);const{$shadowContainer:o,$shadowRoot:a}=$t.handlerShadow(r);$t.handleInit(a,[{name:"index",css:Ct.index},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"tooltipCSS",css:Ct.tooltipCSS}]);const i=new Ot(r,n,{$shadowContainer:o,$shadowRoot:a});return r.alwaysShow&&i.show(),{guid:n,config:r,$shadowContainer:o,$shadowRoot:a,toolTip:i}}},_t=()=>({asideULElement:null,asideBottomULElement:null,sectionContainerHeaderULElement:null,sectionContainerULElement:null,$el:{$pops:null,$content:null,$panelRightSectionWrapper:null,$panelLeftAside:null,$panelContentSectionContainer:null,$panelBottomWrapper:null,$panelBottomContainer:null,$panelBottomLeftContainer:null,$panelBottomRightContainer:null},$config:{},init(t){const e="panel";this.$el={...t.$el},this.$config=t.config,this.asideULElement=this.$el.$panelLeftAside.querySelector(`ul.pops-${e}-aside-top-container`),this.asideBottomULElement=this.$el.$panelLeftAside.querySelector(`ul.pops-${e}-aside-bottom-container`),this.sectionContainerHeaderULElement=this.$el.$panelContentSectionContainer.querySelector(`ul.pops-${e}-container-header-ul`),this.sectionContainerULElement=this.$el.$panelContentSectionContainer.querySelector(`ul.pops-${e}-container-main-ul`);let n=null,r=!1;t.config.content.forEach(t=>{const e=this.createAsideItem(t);this.setAsideItemClickEvent(e,t);if(("function"==typeof t.isBottom?t.isBottom():t.isBottom)?this.asideBottomULElement.appendChild(e):this.asideULElement.appendChild(e),null==n){let o=!1;o="function"==typeof t.isDefault?Boolean(t.isDefault()):Boolean(t.isDefault),o&&(n=e,r=Boolean(t.scrollToDefaultView))}"function"==typeof t.afterRender&&t.afterRender({asideConfig:t,$asideLiElement:e})}),(t.config?.bottomContentConfig||[]).forEach(t=>{const e=this.createBottomItem(t);if(this.setBottomItemClickEvent(e,t),"left"===t.position||null==t.position)this.$el.$panelBottomLeftContainer.appendChild(e);else{if("right"!==t.position)throw new Error("pops.panel:bottomContentConfig.position参数错误");this.$el.$panelBottomRightContainer.appendChild(e)}"function"==typeof t.afterRender&&t.afterRender({$bottomWrapper:this.$el.$panelBottomWrapper,$bottomContainer:this.$el.$panelBottomContainer,$bottomLeftContainer:this.$el.$panelBottomLeftContainer,$bottomRightContainer:this.$el.$panelBottomRightContainer})}),null==n&&this.asideULElement.children.length&&(n=this.asideULElement.children[0]),n?(n.click(),r&&n?.scrollIntoView()):console.error("pops.panel:左侧容器没有项")},clearContainer(){Reflect.deleteProperty(this.$el.$panelContentSectionContainer,"__formConfig__"),mt.setSafeHTML(this.sectionContainerHeaderULElement,""),mt.setSafeHTML(this.sectionContainerULElement,""),this.clearDeepMenuContainer()},clearDeepMenuContainer(){this.$el.$panelRightSectionWrapper?.querySelectorAll("section.pops-panel-deepMenu-container").forEach(t=>t.remove())},clearAsideItemIsVisited(){this.$el.$panelLeftAside.querySelectorAll(".pops-is-visited").forEach(t=>{wt.removeClassName(t,"pops-is-visited")})},setAsideItemIsVisited(t){wt.addClassName(t,"pops-is-visited")},setElementAttributes(t,e){null!=e&&(Array.isArray(e)?e.forEach(e=>{this.setElementAttributes(t,e)}):Object.keys(e).forEach(n=>{t.setAttribute(n,e[n])}))},setElementProps(t,e){if(null==e)return;if("object"!=typeof e)return;Object.keys(e).forEach(n=>{const r=e[n];"innerHTML"!==n?Reflect.set(t,n,r):mt.setSafeHTML(t,r)})},setElementClassName(t,e){wt.addClassName(t,e)},createBottomItem(t){const e="function"==typeof t.text?t.text():t.text,n=Array.isArray(t.className)?t.className.join(" "):t.className||"",r=wt.createElement("li",{className:["pops-panel-bottom-item","pops-user-select-none",n].join(" "),innerHTML:e});this.setElementAttributes(r,t.attributes),this.setElementProps(r,t.props);const o="pops-panel-disable-bottom-item-hover-css";return("function"==typeof t.disableHoverCSS?t.disableHoverCSS():t.disableHoverCSS)?r.classList.add(o):r.classList.remove(o),r},setBottomItemClickEvent(t,e){wt.on(t,"click",async t=>{if("function"==typeof e.clickCallback){const n=await e.clickCallback(t);if("boolean"==typeof n&&!n)return}})},createAsideItem(t){const e="function"==typeof t.title?t.title():t.title,n=wt.createElement("li",{id:t.id,innerHTML:e});Reflect.set(n,"__forms__",t.forms),this.setElementClassName(n,"pops-panel-aside-item"),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);const r="pops-panel-disabled-aside-hover-css";return("function"==typeof t.disableAsideItemHoverCSS?t.disableAsideItemHoverCSS():t.disableAsideItemHoverCSS)?n.classList.add(r):n.classList.remove(r),n},createSectionContainerItem_switch(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-switch">\n\t\t\t\t\t<input class="pops-panel-switch__input" type="checkbox">\n\t\t\t\t\t<span class="pops-panel-switch__core">\n\t\t\t\t\t\t<div class="pops-panel-switch__action">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</span>\n\t\t\t\t</div>`);const r={[Symbol.toStringTag]:"PopsPanelSwitch",$data:{value:Boolean(t.getValue())},$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),switch:e.querySelector(".pops-panel-switch"),input:e.querySelector(".pops-panel-switch__input"),core:e.querySelector(".pops-panel-switch__core")},init(){this.setStatus(this.$data.value);("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable(),this.setClickEvent()},setClickEvent(){const e=this;wt.on(this.$ele.core,"click",function(n){e.$ele.input.disabled||e.$ele.switch.hasAttribute("data-disabled")||(e.$data.value=e.getStatus(),e.setStatus(e.$data.value),"function"==typeof t.callback&&t.callback(n,e.$data.value))})},setStatus(t=!1){t=Boolean(t),this.$ele.input.checked=t,t?wt.addClassName(this.$ele.switch,"pops-panel-switch-is-checked"):wt.removeClassName(this.$ele.switch,"pops-panel-switch-is-checked")},getStatus(){let t=!1;return wt.containsClassName(this.$ele.switch,"pops-panel-switch-is-checked")||(t=!0),t},disable(){this.$ele.input.disabled=!0,this.$ele.switch.setAttribute("data-disabled","true"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.input.disabled=!1,this.$ele.switch.removeAttribute("data-disabled"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)}};return r.init(),Reflect.set(e,"data-switch",r),e},createSectionContainerItem_slider(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-slider">\n\t\t\t\t\t<input type="range" min="${t.min}" max="${t.max}">\n\t\t\t\t</div>\n\t\t\t`);const r=e.querySelector(".pops-panel-slider input[type=range]");t.step&&r.setAttribute("step",t.step.toString()),r.value=t.getValue().toString();const o=function(e){return"function"==typeof t.getToolTipContent?t.getToolTipContent(e):e},a=Dt.init({target:r.parentElement,content:()=>o(r.value),zIndex:()=>St.getPopsMaxZIndex().zIndex,className:"github-tooltip",alwaysShow:!1,only:!1,position:"top",arrowDistance:10});return wt.on(r,["input","propertychange"],void 0,function(e){a.toolTip.changeContent(o(r.value)),"function"==typeof t.callback&&t.callback(e,r.valueAsNumber)}),e},createSectionContainerItem_slider_new(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text" style="flex: 1;">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-slider pops-slider-width">\n\t\t\t\t\t<div class="pops-slider__runway">\n\t\t\t\t\t\t<div class="pops-slider__bar" style="width: 0%; left: 0%"></div>\n\t\t\t\t\t\t<div class="pops-slider__button-wrapper" style="left: 0%">\n\t\t\t\t\t\t\t<div class="pops-slider__button"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>`);const r={[Symbol.toStringTag]:"PopsPanelSlider",value:t.getValue(),min:t.min,max:t.max,step:t.step||1,$data:{isMove:!1,isInitDragPosition:!1,isCheckingStopDragMove:!1,totalWidth:0,stepPx:0,dragWidth:0,dragPercent:0,stepBlockMap:new Map,tooltip:null},$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),slider:e.querySelector(".pops-slider"),runAway:e.querySelector(".pops-slider__runway"),bar:e.querySelector(".pops-slider__bar"),buttonWrapper:e.querySelector(".pops-slider__button-wrapper"),button:e.querySelector(".pops-slider__button")},$interval:{isCheck:!1},$tooltip:null,init(){this.initEleData(),this.setToolTipEvent(),this.setPanEvent(),this.setRunAwayClickEvent(),this.intervalInit(),this.isFormConfigDisabledDrag()&&this.disableDrag()},intervalInit(t=200,e=1e4){if(this.$interval.isCheck)return;this.$interval.isCheck=!0;let n=!1;const r=this.$data.totalWidth;let o;const a=setInterval(()=>{n?(this.$interval.isCheck=!1,clearTimeout(o),clearInterval(a)):(this.initTotalWidth(),0!==this.$data.totalWidth&&(n=!0,this.$data.totalWidth!==r&&(Nt.isFloat(this.step)?this.initFloatStepMap():this.initStepMap(),this.initSliderPosition())))},t);o=setTimeout(()=>{clearInterval(a)},e)},initEleData(){this.$ele.slider.setAttribute("data-min",this.min.toString()),this.$ele.slider.setAttribute("data-max",this.max.toString()),this.$ele.slider.setAttribute("data-value",this.value.toString()),this.$ele.slider.setAttribute("data-step",this.step.toString()),Reflect.set(this.$ele.slider,"data-min",this.min),Reflect.set(this.$ele.slider,"data-max",this.max),Reflect.set(this.$ele.slider,"data-value",this.value),Reflect.set(this.$ele.slider,"data-step",this.step)},initTotalWidth(){this.$data.totalWidth=wt.width(this.$ele.runAway)},initStepMap(){let t=0;const e=(this.max-this.min)/this.step;this.$data.stepPx=this.$data.totalWidth/e;let n=0;for(let e=this.min;e<=this.max;e+=this.step){const r=this.formatValue(e);let o;o=r===this.min?{value:r,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:r,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,o),t++,n+=this.$data.stepPx}},initFloatStepMap(){let t=0;const e=(this.max-this.min)/this.step;this.$data.stepPx=this.$data.totalWidth/e;let n=0;for(let e=this.min;e<=this.max;e=Nt.add(e,this.step)){const r=this.formatValue(e);let o;o=r===this.min?{value:r,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:r,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,o),t++,n+=this.$data.stepPx}},initSliderPosition(){let t=0;for(const[,e]of this.$data.stepBlockMap.entries())if(e.value==this.value){t=e.percent,this.$data.dragWidth=e.px;break}t=this.formatValue(100*t),this.setSliderPosition(t)},isFloat:t=>Number(t)===t&&t%1!=0,valueChangeCallBack(e,n){"function"==typeof t.callback&&t.callback(e,n)},getDragInfo(t){let e=this.$data.stepBlockMap.get(0);for(const[,n]of this.$data.stepBlockMap.entries())if(n.pxLeft<=t&&t<n.pxRight){e=n;break}return e},getSliderPositonPercent(t){return t/this.$data.totalWidth},formatValue(t){return t=Nt.isFloat(this.step)?parseFloat(t.toFixed(2)):parseInt(t.toString())},setSliderPosition(t){1===parseInt(t.toString())&&(t=1),t>1&&(t/=100),this.$ele.buttonWrapper.style.left=100*t+"%",this.$ele.bar.style.width=100*t+"%"},disableDrag(){wt.addClassName(this.$ele.runAway,"pops-slider-is-disabled"),wt.addClassName(this.$ele.runAway,xt)},allowDrag(){wt.removeClassName(this.$ele.runAway,"pops-slider-is-disabled"),wt.removeClassName(this.$ele.runAway,xt)},isDisabledDrag(){return wt.containsClassName(this.$ele.runAway,"pops-slider-is-disabled")},isFormConfigDisabledDrag(){const e="function"==typeof t.disabled?t.disabled():t.disabled;return"boolean"==typeof e&&e},setRunAwayClickEvent(){wt.on(this.$ele.runAway,"click",t=>{if(t.target!==this.$ele.runAway&&t.target!==this.$ele.bar)return;const e=parseFloat(t.offsetX.toString());this.dragStartCallBack()&&(this.dragMoveCallBack(t,e,this.value),this.dragEndCallBack(e))},{capture:!1})},dragStartCallBack(){return this.isFormConfigDisabledDrag()?(this.disableDrag(),!1):(this.$data.isMove||(this.isDisabledDrag()&&this.allowDrag(),this.$data.isMove=!0),!0)},dragMoveCallBack(t,e,n){let r=0;if(e<=0)r=0,this.value=this.min;else if(e>=this.$data.totalWidth)r=1,this.value=this.max;else{const t=this.getDragInfo(e);r=t.percent,this.value=this.formatValue(t.value)}this.$data.dragPercent=r,this.setSliderPosition(this.$data.dragPercent),this.showToolTip(),n!==this.value&&this.valueChangeCallBack(t,this.value)},dragEndCallBack(t){this.$data.isMove=!1,t<=0?this.$data.dragWidth=0:t>=this.$data.totalWidth?this.$data.dragWidth=this.$data.totalWidth:this.$data.dragWidth=t,this.closeToolTip()},setPanEvent(){const t=ft.AnyTouch();this.$tooltip=new t(this.$ele.button,{preventDefault:()=>!1});let e=0;this.$tooltip.on("at:move",t=>{if(!this.dragStartCallBack())return;const n=this.value,r=this.$ele.runAway.getBoundingClientRect();let o=t.x-(r.left+globalThis.screenX);o<=0?o=0:o>=r.width&&(o=r.width),e=o,this.dragMoveCallBack(t,e,n)}),this.$tooltip.on("at:end",()=>{this.dragEndCallBack(e)})},showToolTip(){this.$data.tooltip.toolTip.show()},closeToolTip(){this.$data.tooltip.toolTip.close()},checkStopDragMove(){if(this.$data.isCheckingStopDragMove)return;this.$data.isCheckingStopDragMove=!0;const t=setInterval(()=>{this.$data.isMove||(this.$data.isCheckingStopDragMove=!1,this.closeToolTip(),clearInterval(t))},200);setTimeout(()=>{this.$data.isCheckingStopDragMove=!1,clearInterval(t)},2e3)},setToolTipEvent(){function e(){return"function"==typeof t.getToolTipContent?t.getToolTipContent(r.value):r.value.toString()}const n=Dt.init({target:this.$ele.button,content:e,zIndex:()=>St.getPopsMaxZIndex().zIndex,isFixed:!0,className:"github-tooltip",only:!1,eventOption:{capture:!0,passive:!0},showBeforeCallBack:()=>{if(!("function"==typeof t.isShowHoverTip?t.isShowHoverTip():"boolean"!=typeof t.isShowHoverTip||t.isShowHoverTip))return!1;this.intervalInit()},showAfterCallBack:()=>{n.toolTip.changeContent(e())},closeBeforeCallBack:()=>{if(this.$data.isMove)return this.checkStopDragMove(),!1},alwaysShow:!1,position:"top",arrowDistance:10});this.$data.tooltip=n}};return r.init(),Reflect.set(e,"data-slider",r),e},createSectionContainerItem_input(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let r="text";t.isPassword?r="password":t.isNumber&&(r="number");let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${o}</div>\n\t\t\t\t<div class="pops-panel-input">\n\t\t\t\t\t<input type="${r}" placeholder="${t.placeholder??""}">\n\t\t\t\t</div>\n\t\t\t\t`);const a={[Symbol.toStringTag]:"PopsPanelInput",$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),panelInput:e.querySelector(".pops-panel-input"),input:e.querySelector("input"),inputSpanIcon:wt.createElement("span"),inputSpanIconInner:null,icon:null},$data:{value:t.getValue(),isView:!1},init(){this.initEle(),this.setInputValue(this.$data.value),t.isPassword?(this.setCircleIcon(n.getIcon("view")),this.setCircleIconClickEvent()):""!=this.$ele.input.value&&(this.setCircleIcon(n.getIcon("circleClose")),this.setCircleIconClickEvent()),this.setInputChangeEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable(),"function"==typeof t.handlerCallBack&&t.handlerCallBack(e,this.$ele.input)},initEle(){this.$ele.input.parentElement.insertBefore(this.$ele.inputSpanIcon,this.$ele.input.nextSibling),this.$ele.inputSpanIcon.className="pops-panel-input__suffix",mt.setSafeHTML(this.$ele.inputSpanIcon,'\n\t\t\t\t\t\t<span class="pops-panel-input__suffix-inner">\n\t\t\t\t\t\t\t<i class="pops-panel-icon"></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t'),this.$ele.inputSpanIconInner=this.$ele.inputSpanIcon.querySelector(".pops-panel-input__suffix-inner"),this.$ele.icon=this.$ele.inputSpanIcon.querySelector(".pops-panel-icon"),wt.addClassName(this.$ele.panelInput,vt)},disable(){this.$ele.input.disabled=!0,wt.addClassName(this.$ele.panelInput,"pops-input-disabled"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.input.disabled=!1,wt.removeClassName(this.$ele.panelInput,"pops-input-disabled"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)},isDisabled(){return this.$ele.input.disabled},setInputValue(t=""){this.$ele.input.value=t},setInputType(t="text"){this.$ele.input.setAttribute("type",t)},removeCircleIcon(){mt.setSafeHTML(this.$ele.icon,"")},setCircleIcon(t=n.getIcon("circleClose")){mt.setSafeHTML(this.$ele.icon,t)},setCircleIconClickEvent(){wt.on(this.$ele.icon,"click",void 0,()=>{this.isDisabled()||(this.removeCircleIcon(),t.isPassword?this.$data.isView?(this.$data.isView=!1,this.setInputType("text"),this.setCircleIcon(n.getIcon("hide"))):(this.$data.isView=!0,this.setInputType("password"),this.setCircleIcon(n.getIcon("view"))):(this.setInputValue(""),this.$ele.input.focus(),this.$ele.input.dispatchEvent(new Event("input"))))})},setInputChangeEvent(){wt.on(this.$ele.input,["input","propertychange"],void 0,e=>{this.$data.value=this.$ele.input.value,t.isPassword||(""!==this.$ele.input.value&&""===this.$ele.icon.innerHTML?(this.setCircleIcon(n.getIcon("circleClose")),this.setCircleIconClickEvent()):""===this.$ele.input.value&&this.removeCircleIcon()),"function"==typeof t.callback&&(t.isNumber?t.callback(e,this.$ele.input.value,this.$ele.input.valueAsNumber):t.callback(e,this.$ele.input.value))})}};return a.init(),Reflect.set(e,"data-input",a),e},createSectionContainerItem_textarea(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-textarea">\n\t\t\t\t\t<textarea placeholder="${t.placeholder??""}"></textarea>\n\t\t\t\t</div>\n\t\t\t`);const r={[Symbol.toStringTag]:"PopsPanelTextArea",$ele:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),panelTextarea:e.querySelector(".pops-panel-textarea"),textarea:e.querySelector(".pops-panel-textarea textarea")},$data:{value:t.getValue()},init(){this.setValue(this.$data.value),this.setChangeEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},disable(){this.$ele.textarea.setAttribute("disabled","true"),wt.addClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.textarea.removeAttribute("disabled"),wt.removeClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)},isDisabled(){return this.$ele.textarea.hasAttribute("disabled")||wt.containsClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable")},setValue(t){this.$ele.textarea.value=t},setChangeEvent(){wt.on(this.$ele.textarea,["input","propertychange"],e=>{const n=this.$ele.textarea.value;this.$data.value=n,"function"==typeof t.callback&&t.callback(e,n)})}};return r.init(),Reflect.set(e,"data-textarea",r),e},createSectionContainerItem_select(t){const e=this,n=wt.createElement("li");Reflect.set(n,"__formConfig__",t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);let r="";t.description&&(r=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(n,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${r}</div>\n\t\t\t\t<div class="pops-panel-select">\n\t\t\t\t\t<select></select>\n\t\t\t\t</div>\n\t\t\t\t`);const o={[Symbol.toStringTag]:"PopsPanelSelect",$ele:{itemLeftTextContainer:n.querySelector(".pops-panel-item-left-text"),panelSelect:n.querySelector(".pops-panel-select"),select:n.querySelector(".pops-panel-select select")},$eleKey:{disable:"__disable__",value:"__value__",forms:"__forms__"},$data:{defaultValue:t.getValue()},init(){wt.addClassName(this.$ele.panelSelect,vt),this.initOption(),this.setChangeEvent(),this.setClickEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},setNodeValue(t,e,n){Reflect.set(t,e,n)},getNodeValue:(t,e)=>Reflect.get(t,e),disable(){this.$ele.select.setAttribute("disabled","true"),wt.addClassName(this.$ele.panelSelect,"pops-panel-select-disable"),wt.addClassName(this.$ele.itemLeftTextContainer,xt)},notDisable(){this.$ele.select.removeAttribute("disabled"),wt.removeClassName(this.$ele.panelSelect,"pops-panel-select-disable"),wt.removeClassName(this.$ele.itemLeftTextContainer,xt)},isDisabled(){return this.$ele.select.hasAttribute("disabled")||wt.containsClassName(this.$ele.panelSelect,"pops-panel-select-disable")},initOption(){t.data.forEach(t=>{const e=wt.createElement("option");this.setNodeValue(e,this.$eleKey.value,t.value),this.setNodeValue(e,this.$eleKey.disable,t.disable),this.setNodeValue(e,this.$eleKey.forms,t.forms),t.value===this.$data.defaultValue&&this.setOptionSelected(e),e.innerText=t.text,this.$ele.select.appendChild(e)})},setOptionSelected(t){t.setAttribute("selected","true")},setSelectOptionsDisableStatus(){this.$ele.select.options&&this.$ele.select.options.length&&Array.from(this.$ele.select.options).forEach(t=>{this.setOptionDisableStatus(t)})},setOptionDisableStatus(t){let e=!1;const n=this.getNodeValue(t,this.$eleKey.disable);if("function"===n){const r=this.getNodeValue(t,this.$eleKey.value);e=Boolean(n(r))}e?t.setAttribute("disabled","true"):t.removeAttribute("disabled")},getSelectOptionInfo(t){return{value:this.getNodeValue(t,this.$eleKey.value),text:t.innerText||t.textContent,forms:this.getNodeValue(t,this.$eleKey.forms),$option:t}},setChangeEvent(){wt.on(this.$ele.select,"change",void 0,r=>{const o=this.$ele.select[this.$ele.select.selectedIndex],a=this.getSelectOptionInfo(o);this.setSelectOptionsDisableStatus(),"function"==typeof t.callback&&t.callback(r,a.value,a.text);const i="function"==typeof a.forms?a.forms():a.forms;if(Array.isArray(i)){const r="pops-panel-select-child-forms";for(;n.nextElementSibling&&n.nextElementSibling.classList.contains(r);)n.nextElementSibling.remove();const o=wt.createElement("ul");o.className=r,wt.after(n,o),e.uListContainerAddItem(t,{ulElement:o})}})},setClickEvent(){wt.on(this.$ele.select,"click",void 0,e=>{this.setSelectOptionsDisableStatus(),"function"==typeof t.clickCallBack&&t.clickCallBack(e,this.$ele.select)})}};return o.init(),Reflect.set(n,"data-select",o),n},createSectionContainerItem_select_multiple_new(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let n="";t.description&&(n=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${n}</div>\n\t\t\t\t<div class="pops-panel-select-multiple">\n\t\t\t\t\t<div class="el-select__wrapper">\n\t\t\t\t\t\t<div class="el-select__selection">\n\t\t\t\t\t\t\t\x3c!-- 这个是用于手动输入的,这里暂不适配 --\x3e\n\t\t\t\t\t\t\t<div class="el-select__selected-item el-select__input-wrapper">\n\t\t\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\x3c!-- 这个是placeholder --\x3e\n\t\t\t\t\t\t\t<div class="el-select__selected-item el-select__placeholder">\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\x3c!-- 下拉箭头 --\x3e\n\t\t\t\t\t\t<div class="el-select__suffix">\n\t\t\t\t\t\t\t<i class="el-icon el-select__caret el-select__icon">\n\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t\t<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t`);const r={[Symbol.toStringTag]:"PopsPanelSelectMultiple",$el:{itemLeftTextContainer:e.querySelector(".pops-panel-item-left-text"),$container:void 0,$wrapper:void 0,$section:void 0,$selectedInputWrapper:void 0,$selectedPlaceHolderWrapper:void 0,$suffix:void 0,$suffixIcon:void 0,$selectContainer:void 0},$data:{defaultValue:t.getValue(),selectInfo:[]},init(){this.initDefault(),this.inintEl(),this.initPlaceHolder(),this.initTagElement(),this.setSelectContainerClickEvent();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){t.data.forEach(t=>{this.$data.defaultValue.includes(t.value)&&this.$data.selectInfo.push({text:t.text,value:t.value,isHTML:Boolean(t.isHTML),disable:t.disable?.bind(t)})})},inintEl(){this.$el.$container=e.querySelector(".pops-panel-select-multiple"),this.$el.$wrapper=e.querySelector(".el-select__wrapper"),this.$el.$section=e.querySelector(".el-select__selection"),this.$el.$selectedInputWrapper=e.querySelector(".el-select__selected-item.el-select__input-wrapper"),this.$el.$selectedPlaceHolderWrapper=e.querySelector(".el-select__selected-item.el-select__placeholder"),this.$el.$suffix=e.querySelector(".el-select__suffix"),this.$el.$suffixIcon=e.querySelector(".el-select__suffix .el-icon"),this.hideInputWrapper()},initPlaceHolder(){let e="";if("string"==typeof t.placeholder)e=t.placeholder;else if("function"==typeof t.placeholder){const n=t.placeholder();"string"==typeof n&&(e=n)}const n=wt.createElement("span",{innerText:e});this.$el.$selectedPlaceHolderWrapper.appendChild(n)},initTagElement(){t.data.forEach(t=>{if(this.$data.selectInfo.find(e=>e.value===t.value)){const e=this.createSelectedTagItem(t);this.addSelectedTagItem(e.$tag),this.setSelectedItemCloseIconClickEvent({$tag:e.$tag,$closeIcon:e.$closeIcon,value:t.value,text:t.text})}}),this.checkTagEmpty()},createSelectedTagItem(t){const e=wt.createElement("div",{className:"el-select__selected-item el-select__choose_tag",innerHTML:'\n\t\t\t\t\t\t<span class="el-tag is-closable el-tag--info el-tag--default el-tag--light">\n\t\t\t\t\t\t\t<span class="el-tag__content">\n\t\t\t\t\t\t\t\t<span class="el-select__tags-text"></span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\x3c!-- 关闭tag的图标 --\x3e\n\t\t\t\t\t\t\t<i class="el-icon el-tag__close">\n\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t\t<path fill="currentColor" d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t'}),n=e.querySelector(".el-select__tags-text"),r=e.querySelector(".el-icon.el-tag__close"),o="function"==typeof t.text?t.text(t,this.$data.selectInfo):t.text;return t.isHTML?mt.setSafeHTML(n,o):n.innerText=o,{$tag:e,$tagText:n,$closeIcon:r}},addSelectedTagItem(t){if(this.setSectionIsNear(),this.$el.$section.contains(this.$el.$selectedInputWrapper)){const e=this.$el.$selectedInputWrapper.previousElementSibling;e?wt.after(e,t):wt.before(this.$el.$selectedInputWrapper,t)}else if(this.$el.$section.contains(this.$el.$selectedPlaceHolderWrapper)){const e=this.$el.$selectedPlaceHolderWrapper.previousElementSibling;e?wt.after(e,t):wt.before(this.$el.$selectedPlaceHolderWrapper,t)}else this.$el.$section.appendChild(t);this.hideInputWrapper(),this.hidePlaceHolderWrapper()},updateSelectTagItem(){this.$el.$section.querySelectorAll(".el-select__choose_tag").forEach(t=>{t.remove()}),this.initTagElement()},selectValueChangeCallBack(e){this.updateSelectItem(),"function"==typeof t.callback&&t.callback(e||this.$data.selectInfo)},updateSelectItem(){this.getAllSelectItemInfo(!1).forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),"function"==typeof e.disable&&e.disable(e.value,this.$data.selectInfo)?(this.setSelectItemDisabled(n),this.removeSelectedInfo(e,!1),this.removeSelectItemSelected(n)):this.removeSelectItemDisabled(n);this.$data.selectInfo.find(t=>t.value===e.value)?this.setSelectItemSelected(n):this.removeSelectItemSelected(n)})},setSelectItemSelected(t){this.isSelectItemSelected(t)||t.classList.add("select-item-is-selected")},removeSelectItemSelected(t){t.classList.remove("select-item-is-selected")},isSelectItemSelected:t=>t.classList.contains("select-item-is-selected"),addSelectedItemInfo(t,e){const n=this.getSelectedItemInfo(e);t.find(t=>t.value===n.value)||t.push({value:n.value,text:n.text,isHTML:Boolean(n.isHTML),disable:n.disable?.bind(n)}),this.selectValueChangeCallBack(t)},getSelectedItemInfo:t=>Reflect.get(t,"data-info"),removeSelectedItemInfo(t,e){const n=this.getSelectedItemInfo(e),r=t.findIndex(t=>t.value===n.value);-1!==r&&t.splice(r,1),this.selectValueChangeCallBack(t)},getAllSelectItemInfo(t=!0){return Array.from(this.$el.$selectContainer?.querySelectorAll(".select-item")??[]).map(e=>{const n={data:this.getSelectedItemInfo(e),$select:e};if(t){return this.isSelectItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},createSelectItemElement(t){const e=wt.createElement("li",{className:"select-item",innerHTML:'\n\t\t\t\t\t\t\t<span class="select-item-text"></span>\n\t\t\t\t\t\t'});return this.setSelectItemText(t,e),Reflect.set(e,"data-info",t),e},setSelectItemText(t,e){const n="function"==typeof t.text?t.text(t.value,this.$data.selectInfo):t.text,r=e.querySelector(".select-item-text");t.isHTML?mt.setSafeHTML(r,n):r.innerText=n},setSelectItemDisabled(t){t.setAttribute("aria-disabled","true"),t.setAttribute("disabled","true")},removeSelectItemDisabled(t){t.removeAttribute("aria-disabled"),t.removeAttribute("disabled")},isSelectItemDisabled:t=>t.hasAttribute("disabled")||t.ariaDisabled,setSelectElementClickEvent(e,n){wt.on(n,"click",r=>{if(wt.preventEvent(r),!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=this.getAllSelectItemInfo().map(t=>t.data),n=t.clickCallBack(r,e);if("boolean"==typeof n&&!n)return}this.isSelectItemSelected(n)?(this.removeSelectItemSelected(n),this.removeSelectedItemInfo(e,n)):(this.setSelectItemSelected(n),this.addSelectedItemInfo(e,n))}})},setSelectContainerClickEvent(){const e=this;wt.on(this.$el.$container,"click",()=>{if(this.isDisabled())return;const n=e.$data.selectInfo,{style:r,...o}=t.selectConfirmDialogDetails||{},a=ft.assign({title:{text:"请勾选需要选择的选项",position:"center"},content:{text:'\n\t\t\t\t\t\t\t\t\t<ul class="select-container"></ul>\n\t\t\t\t\t\t\t\t\t',html:!0},btn:{ok:{enable:!1},close:{enable:!0,callback(t){e.$data.selectInfo=[...n],e.updateSelectTagItem(),e.$el.$selectContainer=null,t.close()}}},mask:{enable:!0,clickCallBack(t){t(),e.$data.selectInfo=[...n],e.updateSelectTagItem(),e.$el.$selectContainer=null},clickEvent:{toClose:!0}},drag:!0,dragLimit:!0,width:"300px",height:"300px",style:`\n\t\t\t\t\t\t\t\t.select-container{\n\t\t\t\t\t\t\t\t\t--el-font-size-base: 14px;\n\t\t\t\t\t\t\t\t\t--el-text-color-regular: #606266;\n\t\t\t\t\t\t\t\t\t--el-color-primary: #409eff;\n\t\t\t\t\t\t\t\t\t--el-fill-color-light: #f5f7fa;\n\t\t\t\t\t\t\t\t\t--el-disable-color: #a8abb2;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item{\n\t\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\t\tfont-size: var(--el-font-size-base);\n\t\t\t\t\t\t\t\t\tpadding: 0 32px 0 20px;\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\t\tcolor: var(--el-text-color-regular);\n\t\t\t\t\t\t\t\t\theight: 34px;\n\t\t\t\t\t\t\t\t\tline-height: 34px;\n\t\t\t\t\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item[aria-disabled],\n\t\t\t\t\t\t\t\t.select-item[disabled]{\n\t\t\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t\t\t\tcolor: var(--el-disable-color);\n\t\t\t\t\t\t\t\t\tbackground: unset;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item:hover{\n\t\t\t\t\t\t\t\t\tbackground-color: var(--el-fill-color-light);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item.select-item-is-selected{\n\t\t\t\t\t\t\t\t\tcolor: var(--el-color-primary);\n\t\t\t\t\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.select-item.select-item-is-selected::after{\n\t\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tright: 20px;\n\t\t\t\t\t\t\t\t\tborder-top: none;\n\t\t\t\t\t\t\t\t\tborder-right: none;\n\t\t\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\t\t\tbackground-color: var(--el-color-primary);\n\t\t\t\t\t\t\t\t\tmask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;\n\t\t\t\t\t\t\t\t\tmask-size: 100% 100%;\n\t\t\t\t\t\t\t\t\t-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;\n\t\t\t\t\t\t\t\t\t-webkit-mask-size: 100% 100%;\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\twidth: 12px;\n\t\t\t\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\t\t\t\t\t\t.select-container{\n\t\t\t\t\t\t\t\t\t\t--el-text-color-regular: #f2f2f2;\n\t\t\t\t\t\t\t\t\t\t--el-disable-color: #8D9095;\n\t\t\t\t\t\t\t\t\t\t--el-fill-color-light: #262727;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t${r||""}\n\t\t\t\t\t\t\t\t`},o),i=Tt.init(a).$shadowRoot.querySelector(".select-container");this.$el.$selectContainer=i,t.data.forEach(t=>{const e=this.createSelectItemElement(t);i.appendChild(e),this.setSelectElementClickEvent(n,e)}),this.updateSelectItem()})},setSelectedItemCloseIconClickEvent(e){wt.on(e.$closeIcon,"click",n=>{if(wt.preventEvent(n),!this.isDisabled()){if("function"==typeof t.closeIconClickCallBack){const r=t.closeIconClickCallBack(n,{$tag:e.$tag,$closeIcon:e.$closeIcon,value:e.value,text:"function"==typeof e.text?e.text.bind(e):e.text});if("boolean"==typeof r&&!r)return}this.removeSelectedTagItem(e.$tag),this.removeSelectedInfo({value:e.value,text:e.text})}},{capture:!0})},checkTagEmpty(){this.$el.$section.querySelectorAll(".el-select__choose_tag").length||(this.showPlaceHolderWrapper(),this.removeSectionIsNear())},removeSelectedTagItem(t){t.remove(),this.checkTagEmpty()},removeSelectedInfo(t,e=!0){for(let e=0;e<this.$data.selectInfo.length;e++){if(this.$data.selectInfo[e].value===t.value){this.$data.selectInfo.splice(e,1);break}}e&&this.selectValueChangeCallBack()},showInputWrapper(){wt.cssShow(this.$el.$selectedInputWrapper)},hideInputWrapper(){wt.cssHide(this.$el.$selectedInputWrapper,!0)},showPlaceHolderWrapper(){wt.cssShow(this.$el.$selectedPlaceHolderWrapper)},hidePlaceHolderWrapper(){wt.cssHide(this.$el.$selectedPlaceHolderWrapper,!0)},setSectionIsNear(){this.$el.$section.classList.add("is-near")},removeSectionIsNear(){this.$el.$section.classList.remove("is-near")},disable(){wt.addClassName(this.$el.itemLeftTextContainer,xt),wt.addClassName(this.$el.$container,"pops-panel-select-multiple-disable")},isDisabled(){return wt.containsClassName(this.$el.$container,"pops-panel-select-multiple-disable")},cancleDisable(){wt.removeClassName(this.$el.itemLeftTextContainer,xt),wt.removeClassName(this.$el.$container,"pops-panel-select-multiple-disable")}};return r.init(),Reflect.set(e,"data-select-multiple",r),e},createSectionContainerItem_button(t){const e=wt.createElement("li");Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props);let r="";t.description&&(r=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),mt.setSafeHTML(e,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${r}</div>\n\t\t\t\t<div class="pops-panel-button">\n\t\t\t\t\t<button class="pops-panel-button_inner" type="button">\n\t\t\t\t\t\t<i class="pops-bottom-icon"></i>\n\t\t\t\t\t\t<span class="pops-panel-button-text"></span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t`);const o={[Symbol.toStringTag]:"PopsPanelButton",$ele:{panelButton:e.querySelector(".pops-panel-button"),button:e.querySelector(".pops-panel-button .pops-panel-button_inner"),icon:e.querySelector(".pops-panel-button .pops-bottom-icon"),spanText:e.querySelector(".pops-panel-button .pops-panel-button-text")},$data:{},init(){this.$ele.panelButton.appendChild(this.$ele.button),this.initButton(),this.setClickEvent()},initButton(){"string"==typeof t.buttonIcon&&""!==t.buttonIcon.trim()?(n.hasIcon(t.buttonIcon)?this.setIconSVG(n.getIcon(t.buttonIcon)):this.setIconSVG(t.buttonIcon),this.showIcon()):this.hideIcon();let e=t.buttonText;"function"==typeof t.buttonText&&(e=t.buttonText()),this.setButtonType(t.buttonType),t.buttonIsRightIcon?this.setIconRight():this.setIconLeft(),t.disable&&this.disable(),this.setButtonText(e),this.setIconLoadingStatus(t.buttonIconIsLoading)},disable(){this.$ele.button.setAttribute("disabled","true")},notDisable(){this.$ele.button.removeAttribute("disabled")},hideIcon(){this.$ele.panelButton.classList.add("pops-panel-button-no-icon")},showIcon(){this.$ele.panelButton.classList.remove("pops-panel-button-no-icon")},setIconSVG(t){mt.setSafeHTML(this.$ele.icon,t)},setIconLoadingStatus(t){this.$ele.icon.setAttribute("is-loading",Boolean(t).toString())},setHasIcon(t){this.$ele.button.setAttribute("data-icon",Boolean(t).toString())},setButtonType(t){this.$ele.button.setAttribute("data-type",t)},setIconRight(){this.$ele.button.classList.add("pops-panel-button-right-icon")},setIconLeft(){this.$ele.button.classList.remove("pops-panel-button-right-icon")},setButtonText(t){mt.setSafeHTML(this.$ele.spanText,t)},setClickEvent(){wt.on(this.$ele.button,"click",void 0,e=>{"function"==typeof t.callback&&t.callback(e)})}};return o.init(),Reflect.set(e,"data-button",o),e},createSectionContainerItem_deepMenu(t){const e=this,r=wt.createElement("li");wt.addClassName(r,"pops-panel-deepMenu-nav-item"),Reflect.set(r,"__formConfig__",t),this.setElementClassName(r,t.className),this.setElementAttributes(r,t.attributes),this.setElementProps(r,t.props);let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`);let a="";("boolean"!=typeof t.arrowRightIcon||t.arrowRightIcon)&&(a=`<i class="pops-panel-deepMenu-arrowRight-icon">${n.getIcon("arrowRight")}</i>`);let i="";t.rightText&&(i=`<p class="pops-panel-item-right-text">${t.rightText}</p>`),mt.setSafeHTML(r,`\n\t\t\t\t<div class="pops-panel-item-left-text">\n\t\t\t\t\t<p class="pops-panel-item-left-main-text">${t.text}</p>${o}</div>\n\t\t\t\t<div class="pops-panel-deepMenu">${i}${a}</div>\n\t\t\t\t`);const s={[Symbol.toStringTag]:"PopsPanelDeepMenu",$ele:{get parentSection(){return e.$el.$panelContentSectionContainer}},init(){this.setLiClickEvent()},initFormItem(n,r){const o=r;if("forms"===o.type){const a=o.forms,i=wt.createElement("li"),s=wt.createElement("ul");s.classList.add("pops-panel-forms-container-item-formlist"),i.classList.add("pops-panel-forms-container-item");const l=wt.createElement("div",{className:"pops-panel-forms-container-item-header-text"});mt.setSafeHTML(l,o.text),o.isFold?(mt.setSafeHTML(l,`\n\t\t\t\t\t\t\t\t<p>${o.text}</p>\n\t\t\t\t\t\t\t\t<i class="pops-panel-forms-fold-container-icon">\n\t\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t\t\t<path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t\t`),wt.on(l,"click",()=>{i.hasAttribute("data-fold-enable")?i.removeAttribute("data-fold-enable"):i.setAttribute("data-fold-enable","")}),wt.addClassName(l,"pops-panel-forms-fold-container"),wt.addClassName(l,vt),i.setAttribute("data-fold-enable",""),wt.addClassName(l,"pops-panel-forms-fold"),i.appendChild(l)):i.appendChild(l),e.setElementClassName(i,r.className),e.setElementAttributes(i,r.attributes),e.setElementProps(i,r.props),a.forEach(t=>{e.uListContainerAddItem(t,{ulElement:s,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:i,formHeaderDivElement:l})}),i.appendChild(s),n.appendChild(i),"function"==typeof o.afterAddToUListCallBack&&o.afterAddToUListCallBack(t,{target:i,ulElement:s,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:i,formHeaderDivElement:l})}else e.uListContainerAddItem(t,{ulElement:e.sectionContainerULElement})},async gotoDeepMenu(r,o){const a=o.closest("section.pops-panel-container"),i=wt.createElement("section",{className:"pops-panel-container pops-panel-deepMenu-container"});Reflect.set(i,"__formConfig__",t);const s=wt.createElement("ul",{className:"pops-panel-container-header-ul pops-panel-deepMenu-container-header-ul"}),l=wt.createElement("ul",{className:"pops-panel-container-main-ul"}),p=t.headerTitle??t.text,c=wt.createElement("li",{className:"pops-panel-container-header-title-text pops-panel-deepMenu-container-header",innerHTML:`<p class="pops-panel-deepMenu-container-header-title-text">${p}</p>`}),d=wt.createElement("i",{className:"pops-panel-deepMenu-container-left-arrow-icon",innerHTML:n.getIcon("arrowLeft")}),f={duration:220,easing:"ease-in-out"},m=()=>{if(wt.cssHide(a,!0),wt.on(d,"click",async t=>{wt.preventEvent(t);const n=()=>{const t=a;wt.cssShow(t),i.remove()};if(e.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(n);await t.ready,await Promise.all([i.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],f).finished,a.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],f).finished]),await t.finished}else n();e.triggerRenderRightContainer(a)},{once:!0}),wt.before(c.firstElementChild,d),s.appendChild(c),i.appendChild(s),i.appendChild(l),t.forms&&Array.isArray(t.forms))for(let e=0;e<t.forms.length;e++){const n=t.forms[e];this.initFormItem(l,n)}e.$el.$panelRightSectionWrapper.appendChild(i)};if(e.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(m);await t.ready,await i.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],f).finished,await t.finished}else m();"function"==typeof t.afterEnterDeepMenuCallBack&&t.afterEnterDeepMenuCallBack(t,{sectionContainer:i,sectionContainerHeaderContainer:s,sectionContainerHeader:c,sectionBodyContainer:l}),e.triggerRenderRightContainer(i)},setLiClickEvent(){wt.on(r,"click",void 0,async e=>{if("function"==typeof t.clickCallBack){if(await t.clickCallBack(e,t))return}await this.gotoDeepMenu(e,r)})}};return s.init(),Reflect.set(r,"data-deepMenu",s),r},createSectionContainerItem_own(t){let e=wt.createElement("li");return Reflect.set(e,"__formConfig__",t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props),e=t.getLiElementCallBack(e),e},createSectionContainerItem(t){const e=t.type;return"switch"===e?this.createSectionContainerItem_switch(t):"slider"===e?this.createSectionContainerItem_slider_new(t):"input"===e?this.createSectionContainerItem_input(t):"textarea"===e?this.createSectionContainerItem_textarea(t):"select"===e?this.createSectionContainerItem_select(t):"select-multiple"===e?this.createSectionContainerItem_select_multiple_new(t):"button"===e?this.createSectionContainerItem_button(t):"deepMenu"===e?this.createSectionContainerItem_deepMenu(t):"own"===e?this.createSectionContainerItem_own(t):void console.error("尚未实现的type类型",t)},createSectionContainerItem_forms(t){const e=this,n=t;if("forms"===n.type){const r=t.forms,o=wt.createElement("li"),a=wt.createElement("ul");o.classList.add("pops-panel-forms-container-item"),a.classList.add("pops-panel-forms-container-item-formlist");const i=wt.createElement("div",{className:"pops-panel-forms-container-item-header-text"});mt.setSafeHTML(i,n.text),n.isFold?(mt.setSafeHTML(i,`\n\t\t\t\t\t\t<p>${n.text}</p>\n\t\t\t\t\t\t<i class="pops-panel-forms-fold-container-icon">\n\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n\t\t\t\t\t\t\t\t<path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</i>\n\t\t\t\t\t`),wt.on(i,"click",()=>{o.hasAttribute("data-fold-enable")?o.removeAttribute("data-fold-enable"):o.setAttribute("data-fold-enable","")}),wt.addClassName(i,"pops-panel-forms-fold-container"),wt.addClassName(i,vt),o.setAttribute("data-fold-enable",""),wt.addClassName(o,"pops-panel-forms-fold"),o.appendChild(i)):o.appendChild(i),e.setElementClassName(o,t.className),e.setElementAttributes(o,t.attributes),e.setElementProps(o,t.props),r.forEach(t=>{e.uListContainerAddItem(t,{ulElement:a,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:o,formHeaderDivElement:i})}),o.appendChild(a),e.sectionContainerULElement.appendChild(o),"function"==typeof n.afterAddToUListCallBack&&n.afterAddToUListCallBack(n,{target:o,ulElement:a,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:o,formHeaderDivElement:i})}else e.uListContainerAddItem(t,{ulElement:e.sectionContainerULElement})},triggerRenderRightContainer(t){const e=Reflect.get(t,"__formConfig__");this.$el.$pops.dispatchEvent(new CustomEvent("pops:renderRightContainer",{detail:{formConfig:e}}))},uListContainerAddItem(t,e){const n=this.createSectionContainerItem(t);n&&e.ulElement.appendChild(n),"function"==typeof t.afterAddToUListCallBack&&t.afterAddToUListCallBack(t,{...e,target:n})},setAsideItemClickEvent(t,e){wt.on(t,"click",async n=>{if("function"==typeof e.clickFirstCallback){const t=await e.clickFirstCallback(n,this.sectionContainerHeaderULElement,this.sectionContainerULElement);if("boolean"==typeof t&&!t)return}this.clearContainer();const r=Reflect.get(t,"__forms__");Reflect.set(this.$el.$panelContentSectionContainer,"__formConfig__",r),wt.cssShow(this.$el.$panelContentSectionContainer),this.clearAsideItemIsVisited(),this.setAsideItemIsVisited(t);const o="function"==typeof e.title?e.title():e.title;let a="function"==typeof e.headerTitle?e.headerTitle():e.headerTitle;if(a=a??o,"string"==typeof a&&""!==a.trim()){const t=wt.createElement("li");t.classList.add("pops-panel-container-header-title-text"),Reflect.set(t,"__asideConfig__",e),mt.setSafeHTML(t,a),this.sectionContainerHeaderULElement.appendChild(t)}if(r.forEach(t=>{this.createSectionContainerItem_forms(t)}),"function"==typeof e.clickCallback){const t=await e.clickCallback(n,this.sectionContainerHeaderULElement,this.sectionContainerULElement);if("boolean"==typeof t&&!t)return}this.triggerRenderRightContainer(this.$el.$panelContentSectionContainer)})}}),Ht={init(t){const n=ft.getRandomGUID(),r="panel";let o={title:{text:"默认标题",position:"center",html:!1,style:""},content:[{id:"whitesev-panel-config-1",title:"菜单配置1",headerTitle:"菜单配置1",isDefault:!1,attributes:{"data-test":"test","data-test-2":"test2"},forms:[{className:"forms-1",text:"区域设置",type:"forms",attributes:{},forms:[{className:"panel-switch",text:"switch",type:"switch",disabled:!1,description:"",afterAddToUListCallBack(){},props:{},attributes:{},getValue:()=>!0,callback(t,e){console.log("按钮开启状态:",e)}},{className:"panel-slider",text:"slider",type:"slider",description:"",afterAddToUListCallBack(){},disabled:!1,getToolTipContent:t=>String(t),isShowHoverTip:!0,step:1,props:{},attributes:{},getValue:()=>50,callback(t,e){console.log("滑块当前数值:",e)},min:1,max:100},{className:"panel-button",text:"button",type:"button",description:"",disable:!1,buttonIsRightIcon:!1,props:{},afterAddToUListCallBack(){},attributes:{},buttonIcon:"view",buttonIconIsLoading:!0,buttonType:"default",buttonText:"default按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",props:{},attributes:{},buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",props:{},type:"button",attributes:{},buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",attributes:{},props:{},buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{id:"whitesev-panel-config-2",title:"菜单配置2",headerTitle:"菜单配置2",isDefault:!0,attributes:{"data-value":"value","data-value-2":"value2"},forms:[{className:"panel-input",text:"input",type:"input",isNumber:!1,props:{},attributes:{},getValue:()=>"50",callback(t,e){wt.preventEvent(t),console.log("输入框内容改变:",e)},placeholder:"请输入内容"},{className:"panel-input-password",text:"input-password",type:"input",props:{},attributes:{},getValue:()=>"123456",callback(t,e){wt.preventEvent(t),console.log("密码输入框内容改变:",e)},isPassword:!0,placeholder:"请输入密码"},{className:"panel-textarea",text:"textarea",type:"textarea",props:{},attributes:{},getValue:()=>"50",callback(t,e){wt.preventEvent(t),console.log("textarea输入框内容改变:",e)},placeholder:"请输入内容"},{className:"panel-select",text:"select",type:"select",disabled:!0,props:{},attributes:{},getValue:()=>50,callback(t,e,n){console.log(`select当前选项:${e},当前选项文本:${n}`)},data:[{value:"all",text:"所有",disable:()=>!1,forms:[]},{value:"text",text:"文本",disable:()=>!1,forms:[]},{value:"html",text:"超文本",disable:()=>!1,forms:[]}]},{className:"panel-select-multiple",type:"select-multiple",text:"select-multiple",disabled:!0,props:{},attributes:{},placeholder:"请至少选择一个选项",getValue:()=>["select-1","select-2"],callback(t){console.log("select值改变,多选信息",t)},clickCallBack(t,e){console.log("点击",t,e)},closeIconClickCallBack(t,e){console.log("点击关闭图标的事件",e)},data:[{value:"select-1",text:"单选1",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-5"].includes(t.value))},{value:"select-2",text:"单选2",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-5"].includes(t.value))},{value:"select-3",text:"单选3",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-2","select-5"].includes(t.value))},{value:"select-4",text:"单选4",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-3","select-5"].includes(t.value))},{value:"select-5",text:(t,e)=>-1!==e.findIndex(t=>["select-4"].includes(t.value))?"单选5-禁用":"单选5",isHTML:!1,disable:(t,e)=>-1!==e.findIndex(t=>["select-4"].includes(t.value))}]},{type:"forms",text:"deep菜单",forms:[{type:"deepMenu",className:"panel-deepMenu",text:"deepMenu",description:"二级菜单",rightText:"自定义配置",arrowRightIcon:!0,afterAddToUListCallBack(t,e){console.log(t,e)},clickCallBack(t,e){console.log("进入子配置",t,e)},forms:[{className:"forms-1",text:"区域设置",type:"forms",attributes:{},props:{},forms:[{className:"panel-switch",text:"switch",type:"switch",props:{},attributes:{},getValue:()=>!0,callback(t,e){console.log("按钮开启状态:",e)}},{className:"panel-slider",text:"slider",props:{},type:"slider",attributes:{},getValue:()=>50,callback(t,e){console.log("滑块当前数值:",e)},min:1,max:100},{className:"panel-button",text:"button",props:{},type:"button",attributes:{},buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",props:{},attributes:{},buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",props:{},type:"button",attributes:{},buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{type:"deepMenu",className:"panel-deepMenu2",attributes:{},props:{},text:"deepMenu2",description:"二级菜单",rightText:"自定义配置",arrowRightIcon:!0,afterAddToUListCallBack(t,e){console.log(t,e)},clickCallBack(t,e){console.log("进入子配置",t,e)},forms:[]}]},{type:"forms",isFold:!0,text:"折叠菜单",afterAddToUListCallBack(t,e){console.log(t,e)},forms:[{className:"panel-switch",text:"switch",props:{},type:"switch",attributes:{},getValue:()=>!0,callback(t,e){console.log("按钮开启状态:",e)}}]}]},{id:"whitesev-panel-bottom-config-1",title:'\n\t\t\t\t\t<a rel="nofollow" href="https://www.npmjs.com/package/@whitesev/pops" target="_blank"><img src="https://img.shields.io/npm/v/@whitesev/pops?label=pops" alt="npm pops version"></a>\n\t\t\t\t',isBottom:!0,disableAsideItemHoverCSS:!0,attributes:{"data-value":"value","data-value-2":"value2"},props:{},forms:[],clickFirstCallback:function(){return!1}},{id:"whitesev-panel-bottom-config-2",title:"版本:xxx.xx.xx",isBottom:!0,attributes:{"data-value":"value","data-value-2":"value2"},props:{},forms:[],clickFirstCallback:function(){return!1}}],bottomContentConfig:[],btn:{close:{enable:!0,callback(t){t.close()}}},mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},useShadowRoot:!0,class:"",mobileClassName:"pops-panel-is-mobile",isMobile:!1,only:!1,width:window.innerWidth<550?"88vw":"700px",height:window.innerHeight<450?"70vh":"500px",position:"center",animation:"pops-anim-fadein-zoom",useDeepMenuSwtichAnimation:!0,zIndex:1e4,drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),t&&(Array.isArray(t.content)&&(o.content=t.content),Array.isArray(t.bottomContentConfig)?o.bottomContentConfig=t.bottomContentConfig:o.bottomContentConfig=[]),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"panelCSS",css:Ct.panelCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),{headerStyle:c,headerPStyle:d}=At.createHeaderStyle(r,o),f=At.createAnim(n,r,o,`\n\t\t\t<div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${c}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" class="pops-${r}-title-text" style="${d}">${o.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${r}-content">\n\t\t\t\t<aside class="pops-${r}-aside pops-user-select-none">\n\t\t\t\t\t<ul class="pops-${r}-aside-top-container"></ul>\n\t\t\t\t\t<ul class="pops-${r}-aside-bottom-container"></ul>\n\t\t\t\t</aside>\n\t\t\t\t<div class="pops-${r}-section-wrapper">\n\t\t\t\t\t<section class="pops-${r}-container">\n\t\t\t\t\t\t<ul class="pops-${r}-container-header-ul"></ul>\n\t\t\t\t\t\t<ul class="pops-${r}-container-main-ul"></ul>\n\t\t\t\t\t</section>\n\t\t\t\t</div>\n\t\t\t</div>\n <div class="pops-${r}-bottom-wrapper">\n <section class="pops-${r}-bottom-container">\n <ul class="pops-${r}-bottom-left-container"></ul>\n <ul class="pops-${r}-bottom-right-container"></ul>\n </section>\n </div>\n `,"",s),m=At.parseElement(f),{$pops:u,$headerBtnClose:h,$title:b,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:k}=$t.handleQueryElement(m,r);(o.isMobile||ft.isPhone())&&wt.addClassName(u,o.mobileClassName);let E=null;const S=[m];if(o.mask.enable){const{maskElement:t}=$t.handleMask({type:r,guid:n,config:o,animElement:m,maskHTML:l});E=t,S.push(E)}const $=$t.handleEventDetails(n,a,i,r,m,u,E,o);$t.handleClickEvent("close",h,$,o.btn.close.callback),wt.append(i,S),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=E&&m.after(E);_t().init({config:o,$el:{$pops:u,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:k}}),$t.handlePush(r,{guid:n,animElement:m,popsElement:u,maskElement:E,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(u,{dragElement:b,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack});return{...$t.handleResultDetails($),addEventListener:(t,e,n)=>{u.addEventListener(t,e,n)},removeEventListener:(t,e,n)=>{u.removeEventListener(t,e,n)}}}},Ut={init(t){const n=ft.getRandomGUID(),r="prompt";let o={title:{text:"默认标题",position:"left",html:!1,style:""},content:{text:"",select:!1,password:!1,row:!1,focus:!0,placeholder:"默认提示",style:""},btn:{merge:!1,mergeReverse:!1,reverse:!1,position:"flex-end",ok:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"确定",type:"success",callback(t){t.close()}},cancel:{enable:!0,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"关闭",type:"default",callback(t){t.close()}},other:{enable:!1,size:void 0,icon:void 0,rightIcon:!1,iconIsLoading:!1,text:"其它按钮",type:"default",callback(t){t.close()}},close:{enable:!0,callback(t){t.close()}}},useShadowRoot:!0,class:"",only:!1,width:window.innerWidth<550?"88vw":"350px",height:window.innerHeight<450?"70vh":"200px",position:"center",animation:"pops-anim-fadein-zoom",zIndex:1e4,mask:{enable:!1,clickEvent:{toClose:!1,toHide:!1},clickCallBack:null},drag:!1,dragLimit:!0,dragExtraDistance:3,dragMoveCallBack(){},dragEndCallBack(){},forbiddenScroll:!1,style:null,beforeAppendToPageCallBack(){}};o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),o=$t.handleOnly(r,o);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);$t.handleInit(i,[{name:"index",css:Ct.index},{name:"ninePalaceGridPosition",css:Ct.ninePalaceGridPosition},{name:"scrollbar",css:Ct.scrollbar},{name:"button",css:Ct.button},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"promptCSS",css:Ct.promptCSS}]);const s=$t.handleZIndex(o.zIndex),l=At.createMask(n,s),p=At.createHeader(r,o),c=At.createBottom(r,o),{headerStyle:d,headerPStyle:f}=At.createHeaderStyle(r,o),{contentPStyle:m}=At.createContentStyle(r,o),u=At.createAnim(n,r,o,`\n <div class="pops-title pops-${r}-title" style="text-align: ${o.title.position};${d}">${o.title.html?o.title.text:`<p pops class="pops-${r}-title-text" style="${f}">${o.title.text}</p>`}${p}</div>\n <div class="pops-content pops-${r}-content" style="${m}">${o.content.row?'<textarea name="pops-input-text" pops="" placeholder="'+o.content.placeholder+'"></textarea>':'<input name="pops-input-text" pops="" placeholder="'+o.content.placeholder+'" type="'+(o.content.password?"password":"text")+'">'}</div>${c}`,c,s),h=At.parseElement(u),{$pops:b,$input:g,$headerBtnClose:v,$btnOk:x,$btnCancel:y,$btnOther:w,$title:A}=$t.handleQueryElement(h,r);let C=null;const k=[h];if(o.mask.enable){C=$t.handleMask({type:r,guid:n,config:o,animElement:h,maskHTML:l}).maskElement,k.push(C)}const E=$t.handleEventDetails(n,a,i,r,h,b,C,o);g.value=o.content.text,$t.handlePromptClickEvent("close",g,v,E,o.btn.close.callback),$t.handlePromptClickEvent("ok",g,x,E,o.btn.ok.callback),$t.handlePromptClickEvent("cancel",g,y,E,o.btn.cancel.callback),$t.handlePromptClickEvent("other",g,w,E,o.btn.other.callback),wt.append(i,k),"function"==typeof o.beforeAppendToPageCallBack&&o.beforeAppendToPageCallBack(i,a),wt.appendBody(a),null!=C&&h.after(C),$t.handlePush(r,{guid:n,animElement:h,popsElement:b,maskElement:C,$shadowContainer:a,$shadowRoot:i}),o.drag&&St.drag(b,{dragElement:A,limit:o.dragLimit,extraDistance:o.dragExtraDistance,moveCallBack:o.dragMoveCallBack,endCallBack:o.dragEndCallBack}),o.content.focus&&g.focus(),o.content.select&&g.select();return $t.handleResultDetails(E)}},Ft=()=>({target:document.documentElement,targetSelector:null,data:[{icon:n.getIcon("search"),iconIsLoading:!1,text:"搜索",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:n.getIcon("documentCopy"),iconIsLoading:!1,text:"复制",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:n.getIcon("delete"),text:"删除",iconIsLoading:!1,item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:n.getIcon("loading"),iconIsLoading:!0,text:"加载",item:[],callback(t,e,n){return console.log("点击:"+this.text,[t,e,n]),!1}},{icon:n.getIcon("elemePlus"),iconIsLoading:!0,text:"饿了么",callback(t,e,n){return console.log("点击:"+this.text,[t,e,n]),!1},item:[{icon:"",iconIsLoading:!1,text:"处理文件",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}},{icon:"",iconIsLoading:!1,text:"其它处理",callback(t,e,n){console.log("点击:"+this.text,[t,e,n])},item:[{icon:n.getIcon("view"),iconIsLoading:!1,text:"查看",item:[],callback(t,e,n){console.log("点击:"+this.text,[t,e,n])}}]}]}],chileMenuLeftOrRightDistance:0,childMenuTopOrBottomDistance:0,useShadowRoot:!0,className:"",isAnimation:!1,useScaleAnimation:!0,only:!1,zIndex:1e4,preventDefault:!0,style:null,beforeAppendToPageCallBack(){}}),Vt={init(t){const r=ft.getRandomGUID(),o="rightClickMenu";let a=Ft();if(a=ft.assign(a,e.getGlobalConfig()),a=ft.assign(a,t),a=$t.handleOnly(o,a),null==a.target)throw new Error("config.target 不能为空");t.data&&Reflect.set(a,"data",t.data);const{$shadowContainer:i,$shadowRoot:l}=$t.handlerShadow(a);if($t.handleInit(l,[{name:"index",css:Ct.index},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common},{name:"rightClickMenu",css:Ct.rightClickMenu}]),null!=a.style){const t=wt.createElement("style",{innerHTML:a.style},{type:"text/css"});l.appendChild(t)}const p={rootElement:null,windowCheckClickEvent(t){if(!p.rootElement)return;const e=t.target;e.closest(`.pops-${o}`)||e.className&&"pops-shadow-container"===e.className&&null!=e.shadowRoot||p.closeAllMenu(p.rootElement)},shadowRootCheckClickEvent(t){if(!p.rootElement)return;t.target.closest(`.pops-${o}`)||p.closeAllMenu(p.rootElement)},addWindowCheckClickListener(){if(wt.on(globalThis,"click touchstart",void 0,p.windowCheckClickEvent,{capture:!0}),a.target instanceof Node){const t=a.target.getRootNode();t instanceof ShadowRoot&&wt.on(t,"click touchstart",void 0,p.shadowRootCheckClickEvent,{capture:!0})}},removeWindowCheckClickListener(){if(wt.off(globalThis,"click touchstart",void 0,p.windowCheckClickEvent,{capture:!0}),a.target instanceof Node){const t=a.target.getRootNode();t instanceof ShadowRoot&&wt.off(t,"click touchstart",void 0,p.windowCheckClickEvent,{capture:!0})}},contextMenuEvent(t,e){a.preventDefault&&wt.preventEvent(t),$t.handleOnly(o,a),p.rootElement&&p.closeAllMenu(p.rootElement);const n=p.showMenu(t,a.data,e);p.rootElement=n,a.only&&$t.handlePush(o,{$shadowRoot:l,$shadowContainer:i,guid:r,animElement:n,popsElement:n,beforeRemoveCallBack(t){p.closeAllMenu(t.popsElement)}})},addContextMenuEvent(t,e){wt.on(t,"contextmenu",e,p.contextMenuEvent)},removeContextMenuEvent(t,e){wt.off(t,"contextmenu",e,p.contextMenuEvent)},animationCloseMenu(t){const e=n=>{wt.off(t,wt.getTransitionEndNameList(),e,{capture:!0}),t.remove()};wt.containsClassName,wt.containsClassName(t,`pops-${o}-anim-show`)?(wt.on(t,wt.getTransitionEndNameList(),e,{capture:!0}),wt.removeClassName(t,`pops-${o}-anim-show`)):wt.containsClassName(t,`pops-${o}-anim-scale`)&&wt.containsClassName(t,`pops-${o}-anim-scale-open`)?(wt.on(t,wt.getTransitionEndNameList(),e,{capture:!0}),wt.removeClassName(t,`pops-${o}-anim-scale-open`),wt.addClassName(t,`pops-${o}-anim-scale-not-open`)):t.remove()},closeAllMenu(t){if(null==t)return;const e=Reflect.get(t,"__menuData__");e?.root&&(t=e.root);e.child.forEach(t=>{this.animationCloseMenu(t)}),this.animationCloseMenu(t),p.rootElement=null},createMenuContainerElement(t){const e=wt.createElement("div",{className:`pops-${o}`,innerHTML:`<ul class="pops-${o}-wrapper"></ul>`}),n=this.getMenuZIndex();return n>1e4&&(e.style.zIndex=n.toString()),t&&e.setAttribute("is-children","true"),a.isAnimation&&wt.addClassName(e,`pops-${o}-anim-grid`),a.useScaleAnimation&&(wt.addClassName(e,`pops-${o}-anim-scale`),wt.addClassName(e,`pops-${o}-anim-scale-not-open`)),e},getMenuZIndex:()=>$t.handleZIndex(a.zIndex),getOffset(t,e,n){const r={top:0,right:0,bottom:0,left:0},o=wt.width(t),i=wt.height(t),s=wt.width(globalThis)-1,l=wt.height(globalThis)-1,p=s-o,c=l-i,d=a.chileMenuLeftOrRightDistance,f=a.childMenuTopOrBottomDistance;let m=e.x,u=e.y;if(m=m<0?0:m,m+d>=p){if(n){m=s-wt.offset(n.$menu).left-d+1}else m=1+d;m<0?m=0:m>p&&(m=p),r.right=m,Reflect.deleteProperty(r,"left")}else m+=d,r.left=m,Reflect.deleteProperty(r,"right");if(u=u<0?0:u,u+f>=c){if(n){u=l-wt.offset(n.$parentItem,!1).bottom-f+1}else u=1+f;u<0?u=1:u>c&&(u=c),r.bottom=u,Reflect.deleteProperty(r,"top")}else u+=f,r.top=u,Reflect.deleteProperty(r,"bottom");return r},showMenu(t,e,n){const r=this.createMenuContainerElement(!1);return Reflect.set(r,"__menuData__",{child:[]}),p.addMenuLiELement(t,r,r,e,n),wt.append(l,r),document.contains(i)||("function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(l,i),wt.appendBody(i)),this.handlerShowMenuCSS(r,t),r},showClildMenu(t,e,n,r,o,a){const i=this.createMenuContainerElement(!0);Reflect.set(i,"__menuData__",{parent:o,root:r});Reflect.get(r,"__menuData__").child.push(i),p.addMenuLiELement(t,r,i,n,a),wt.append(l,i);const s=o.closest(".pops-rightClickMenu");return this.handlerShowMenuCSS(i,e,{$menu:s,$parentItem:o}),i},handlerShowMenuCSS(t,e,n){const r=this.getOffset(t,{x:e.clientX,y:e.clientY},n);wt.css(t,{...r}),a.isAnimation&&wt.addClassName(t,`pops-${o}-anim-show`),a.useScaleAnimation&&(wt.removeClassName(t,`pops-${o}-anim-scale-not-open`),wt.addClassName(t,`pops-${o}-anim-scale-open`))},addMenuLiELement(t,e,r,a,i){const c=t.target,d=r.querySelector("ul");a.forEach(r=>{const a=wt.parseTextToDOM("<li></li>");if("string"==typeof r.icon&&""!==r.icon.trim()){const t=n.getIcon(r.icon)??r.icon,e=wt.parseTextToDOM(`<i class="pops-${o}-icon" is-loading="${r.iconIsLoading??!1}">${t}</i>`);a.appendChild(e)}a.insertAdjacentHTML("beforeend",mt.getSafeHTML(`<span>${r.text}</span>`)),r.item&&Array.isArray(r.item)&&wt.addClassName(a,`pops-${o}-item`);let f=!1;wt.on(a,"mouseenter touchstart",function(n){if("touchstart"===n.type&&(f=!0),f&&"mouseenter"===n.type)return;Array.from(d.children).forEach(t=>{wt.removeClassName(t,`pops-${o}-is-visited`);const e=Reflect.get(t,"__menuData__");e&&function t(e){e.querySelectorAll("ul li").forEach(e=>{const n=Reflect.get(e,"__menuData__");n?.child&&t(n.child)}),e.remove()}(e.child)});const s=Reflect.get(e,"__menuData__");for(let t=0;t<s.child.length;t++){const e=s.child[t];l.contains(e)||(s.child.splice(t,1),t--)}if(wt.addClassName(a,`pops-${o}-is-visited`),!r.item)return;const c=a.getBoundingClientRect(),m=p.showClildMenu(t,{clientX:c.left+wt.outerWidth(a),clientY:c.top},r.item,e,a,i);Reflect.set(a,"__menuData__",{child:m})}),wt.on(a,"click",async function(n){if("function"==typeof r.callback){try{s.Object.defineProperty(t,"target",{get:()=>c})}catch{}const e=await r.callback(n,t,a,i);if("boolean"==typeof e&&0==e)return}Array.from(d.children).forEach(t=>{wt.off(t,"mouseenter touchstart")}),p.closeAllMenu(e)}),d.appendChild(a)})}};return p.addContextMenuEvent(a.target,a.targetSelector),p.addWindowCheckClickListener(),{guid:r,config:a,removeWindowCheckClickListener:p.removeWindowCheckClickListener,addWindowCheckClickListener:p.addWindowCheckClickListener,removeContextMenuEvent:p.removeContextMenuEvent,addContextMenuEvent:p.addContextMenuEvent}}},Yt={init(t){const n=ft.getRandomGUID(),r="searchSuggestion";let o=(()=>{const t=[];for(let e=0;e<10;e++)t.push({value:`测试${e}`,enableDeleteButton:!0,deleteButtonClickCallback:(t,e,n,r)=>(console.log("删除当前项",[t,e,n,r]),!0),itemView:t=>`${t.value}-html`,clickCallback:(n,r,o,a)=>(console.log("item项的点击回调",[n,r,t,a]),e%2==0),selectCallback(e,n,r,o){console.log("item项的选中回调",[e,n,t,o])}});return{target:null,inputTarget:null,selfDocument:document,data:t,useShadowRoot:!0,className:"",isAbsolute:!0,isAnimation:!1,useFoldAnimation:!0,useArrow:!1,width:"250px",maxHeight:"300px",followTargetWidth:!0,topDistance:0,position:"auto",positionTopToReverse:!0,zIndex:1e4,searchingTip:"正在搜索中...",toSearhNotResultHTML:'<li data-none="true">暂无其它数据</li>',toHideWithNotResult:!1,followPosition:"target",inputTargetChangeRefreshShowDataCallback:async(t,e)=>(console.log("当前输入框的值是:",t),e.filter(e=>e.value.includes(t))),style:""}})();if(o=ft.assign(o,e.getGlobalConfig()),o=ft.assign(o,t),null==o.target)throw new Error("config.target 不能为空");null==o.inputTarget&&(o.inputTarget=o.target),t.data&&(o.data=t.data);const{$shadowContainer:a,$shadowRoot:i}=$t.handlerShadow(o);if($t.handleInit(i,[{name:"index",css:Ct.index},{name:"anim",css:Ct.anim},{name:"common",css:Ct.common}]),null!=o.style){const t=wt.createElement("style",{type:"text/css",innerHTML:o.style});i.appendChild(t)}const s={selfDocument:o.selfDocument,$el:{root:null,$hintULContainer:null,$dynamicCSS:null},$evt:{offInputChangeEvtHandler:[]},$data:{isEmpty:!0},init(t=document.body||document.documentElement){s.initEl(),s.update(s.getData()),s.updateStyleSheet(),s.hide(),i.appendChild(s.$el.root),t.appendChild(a)},initEl(){s.$el.root=s.createSearchSelectElement(),Reflect.set(s.$el.root,"data-SearchSuggestion",s),s.$el.$dynamicCSS=s.$el.root.querySelector("style[data-dynamic]"),s.$el.$hintULContainer=s.$el.root.querySelector("ul")},getData:()=>"function"==typeof o.data?o.data():o.data,setData(t){o.data=t},createSearchSelectElement(){const t=wt.createElement("div",{className:`pops pops-${r}-search-suggestion`,innerHTML:`\n\t\t\t\t\t\t<style type="text/css">\n\t\t\t\t\t\t\t.pops-${r}-animation{\n\t\t\t\t\t\t\t\t-moz-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t\t-webkit-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t\t-o-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t\t-ms-animation: searchSelectFalIn 0.5s 1 linear;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style type="text/css">\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\t--suggestion-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n\t\t\t\t\t\t\t\t--suggestion-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-color: rgb(78, 78, 78);\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-width: 10px;\n\t\t\t\t\t\t\t\t--suggestion-arrow--after-height: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t\theight: 12.5px;\n\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion-arrow::after{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\twidth: var(--suggestion-arrow--after-width);\n\t\t\t\t\t\t\t\theight: var(--suggestion-arrow--after-height);\n\t\t\t\t\t\t\t\tbackground: var(--suggestion-arrow--after-bg-color);\n\t\t\t\t\t\t\t\tcolor: var(--suggestion-arrow--after-color);\n\t\t\t\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-left-color),\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-right-color);\n\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) translateY(-50%) rotate(45deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="top"] .pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t\theight: 12.5px;\n\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="top"] .pops-${r}-search-suggestion-arrow::after{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\twidth: var(--suggestion-arrow--after-width);\n\t\t\t\t\t\t\t\theight: var(--suggestion-arrow--after-height);\n\t\t\t\t\t\t\t\tbackground: var(--suggestion-arrow--after-bg-color);\n\t\t\t\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-left-color),\n\t\t\t\t\t\t\t\t\t0 1px 7px var(--suggestion-arrow-box-shadow-right-color);\n\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) translateY(-50%) rotate(45deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="bottom"] .pops-${r}-search-suggestion-arrow{\n\t\t\t\t\t\t\t\ttop: -12.5px;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.pops-${r}-search-suggestion[data-popper-placement^="bottom"] .pops-${r}-search-suggestion-arrow::after{\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style type="text/css" data-dynamic="true">\n\t\t\t\t\t\t\t${s.getDynamicCSS()}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style>\n\t\t\t\t\t\t\t.el-zoom-in-top-animation{\n\t\t\t\t\t\t\t\t--el-transition-md-fade: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),\n\t\t\t\t\t\t\t\t\topacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n\t\t\t\t\t\t\t\ttransition: var(--el-transition-md-fade);\n\t\t\t\t\t\t\t\ttransform-origin: center top;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.el-zoom-in-top-animation[data-popper-placement^="top"] {\n\t\t\t\t\t\t\t\ttransform-origin: center bottom;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.el-zoom-in-top-animation-hide{\n\t\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\t\ttransform: scaleY(0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.el-zoom-in-top-animation-show{\n\t\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\t\ttransform: scaleY(1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<style type="text/css" data-user-css>\n\t\t\t\t\t\t\t${o.style||""}\n\t\t\t\t\t\t</style>\n\t\t\t\t\t\t<ul class="pops-${r}-search-suggestion-hint ${vt}">${o.toSearhNotResultHTML}</ul>\n\t\t\t\t\t\t${o.useArrow?`<div class="pops-${r}-search-suggestion-arrow"></div>`:""}\n \t\t\t\t `},{"data-guid":n,"type-value":r});return""!==o.className&&null!=o.className&&wt.addClassName(t,o.className),o.isAnimation&&wt.addClassName(t,`pops-${r}-animation`),o.useFoldAnimation&&wt.addClassName(t,"el-zoom-in-top-animation"),t},getDynamicCSS:()=>`\n\t\t\t\t.pops-${r}-search-suggestion{\n\t\t\t\t\t--search-suggestion-bg-color: #ffffff;\n\t\t\t\t\t--search-suggestion-box-shadow-color: rgb(0 0 0 / 20%);\n\t\t\t\t\t--search-suggestion-item-color: #515a6e;\n\t\t\t\t\t--search-suggestion-item-none-color: #8e8e8e;\n\t\t\t\t\t--search-suggestion-item-is-hover-bg-color: #f5f7fa;\n\t\t\t\t\t--search-suggestion-item-is-select-bg-color: #409eff;\n\t\t\t\t}\n\t\t\t\t.pops-${r}-search-suggestion{\n\t\t\t\t\tborder: initial;\n\t\t\t\t\toverflow: initial;\n\t\t\t\t\tposition: ${o.isAbsolute?"absolute":"fixed"};\n\t\t\t\t\tz-index: ${$t.handleZIndex(o.zIndex)};\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint{\n\t\t\t\t\tmax-height: ${o.maxHeight};\n\t\t\t\t\toverflow-x: hidden;\n\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\tpadding: 5px 0;\n\t\t\t\t\tbackground-color: var(--search-suggestion-bg-color);\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tbox-shadow: 0 1px 6px var(--search-suggestion-box-shadow-color);\n\t\t\t\t}\n\t\t\t\t/* 建议框在上面时 */\n\t\t\t\t.pops-${r}-search-suggestion[data-top-reverse] ul.pops-${r}-search-suggestion-hint{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column-reverse;\n\t\t\t\t}\n\t\t\t\t.pops-${r}-search-suggestion[data-top-reverse] ul.pops-${r}-search-suggestion-hint li{\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint li{\n\t\t\t\t\tpadding: 7px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tclear: both;\n\t\t\t\t\tcolor: var(--search-suggestion-item-color);\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tlist-style: none;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttransition: background .2s ease-in-out;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint li[data-none]{\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tcolor: var(--search-suggestion-item-none-color);\n\t\t\t\t}\n\t\t\t\tul.pops-${r}-search-suggestion-hint li:not([data-none]):hover{\n\t\t\t\t\tbackground-color: var(--search-suggestion-item-is-hover-bg-color);\n\t\t\t\t}\n\t\t\t\t@media (prefers-color-scheme: dark){\n\t\t\t\t\t.pops-${r}-search-suggestion{\n\t\t\t\t\t\t--search-suggestion-bg-color: #1d1e1f;\n\t\t\t\t\t\t--search-suggestion-item-color: #cfd3d4;\n\t\t\t\t\t\t--search-suggestion-item-is-hover-bg-color: rgba(175, 175, 175, .1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t`,getItemDataValue:t=>t,createSearchItemLiElement(t,e){const n=s.getItemDataValue(t),a=wt.createElement("li",{className:`pops-${r}-search-suggestion-hint-item`,"data-index":e,"data-value":n});Reflect.set(a,"data-index",e),Reflect.set(a,"data-value",n);const i=t.itemView(t,a,o);"string"==typeof i?mt.setSafeHTML(a,i):wt.append(a,i);const l=t.enableDeleteButton;if("boolean"==typeof l&&l){const t=s.createItemDeleteIcon();wt.append(a,t)}return wt.addClassName(a,ut),wt.addClassName(a,ht),a},setSearchItemClickEvent(t){wt.on(t,"click",async e=>{wt.preventEvent(e);const n=e.target,a=s.getData(),i=Reflect.get(t,"data-value");if(Boolean(n.closest(`.pops-${r}-delete-icon`))){if("function"==typeof i.deleteButtonClickCallback){const n=await i.deleteButtonClickCallback(e,t,i,o);"boolean"==typeof n&&n&&(a.splice(a.indexOf(i),1),t.remove())}s.$el.$hintULContainer.children.length||s.clear(),s.updateStyleSheet()}else if("function"==typeof i.clickCallback){const n=await i.clickCallback(e,t,i,o);"boolean"==typeof n&&n&&(o.inputTarget instanceof HTMLInputElement||o.inputTarget instanceof HTMLTextAreaElement)&&(o.inputTarget.value=String(i.value))}},{capture:!0})},setSearchItemSelectEvent(t){},setInputChangeEvent(t={capture:!0}){if(!(o.inputTarget instanceof HTMLInputElement||o.inputTarget instanceof HTMLTextAreaElement))return;o.inputTarget.setAttribute("autocomplete","off");const e=wt.onInput(o.inputTarget,async t=>{const e=s.getData(),n=await o.inputTargetChangeRefreshShowDataCallback(o.inputTarget.value,e,o);s.update(n),s.updateStyleSheet()},t);s.$evt.offInputChangeEvtHandler.push(e.off)},removeInputChangeEvent(t={capture:!0}){for(let t=0;t<s.$evt.offInputChangeEvtHandler.length;t++){(0,s.$evt.offInputChangeEvtHandler[t])(),s.$evt.offInputChangeEvtHandler.splice(t,1),t--}},showEvent(){s.updateStyleSheet(),o.toHideWithNotResult&&s.$data.isEmpty?s.hide(!0):s.show()},setShowEvent(t={capture:!0}){if("target"===o.followPosition)wt.on([o.target],["focus","click"],void 0,s.showEvent,t);else if("input"===o.followPosition)wt.on([o.inputTarget],["focus","click"],void 0,s.showEvent,t);else{if("inputCursor"!==o.followPosition)throw new Error("未知followPosition:"+o.followPosition);wt.on([o.inputTarget],["focus","click","input"],void 0,s.showEvent,t)}},removeShowEvent(t={capture:!0}){wt.off([o.target,o.inputTarget],["focus","click"],void 0,s.showEvent,t),wt.off([o.inputTarget],["input"],void 0,s.showEvent,t)},hideEvent(t){if(t.target instanceof Node){if(a.contains(t.target))return;if(o.target.contains(t.target))return;if(o.inputTarget.contains(t.target))return;s.hide(!0)}},setHideEvent(t={capture:!0}){Array.isArray(s.selfDocument)?s.selfDocument.forEach(e=>{wt.on(e,["click","touchstart"],void 0,s.hideEvent,t)}):wt.on(s.selfDocument,["click","touchstart"],void 0,s.hideEvent,t)},removeHideEvent(t={capture:!0}){Array.isArray(s.selfDocument)?s.selfDocument.forEach(e=>{wt.off(e,["click","touchstart"],void 0,s.hideEvent,t)}):wt.off(s.selfDocument,["click","touchstart"],void 0,s.hideEvent,t)},setAllEvent(t={capture:!0}){s.setInputChangeEvent(t),s.setHideEvent(t),s.setShowEvent(t)},removeAllEvent(t={capture:!0}){s.removeInputChangeEvent(t),s.removeHideEvent(t),s.removeShowEvent(t)},createItemDeleteIcon:(t=16,e="#bababa")=>wt.parseTextToDOM(`\n\t\t\t\t\t<svg class="pops-${r}-delete-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" fill="${e}">\n\t\t\t\t\t\t<path d="M512 883.2A371.2 371.2 0 1 0 140.8 512 371.2 371.2 0 0 0 512 883.2z m0 64a435.2 435.2 0 1 1 435.2-435.2 435.2 435.2 0 0 1-435.2 435.2z"></path>\n\t\t\t\t\t\t<path d="M557.056 512l122.368 122.368a31.744 31.744 0 1 1-45.056 45.056L512 557.056l-122.368 122.368a31.744 31.744 0 1 1-45.056-45.056L466.944 512 344.576 389.632a31.744 31.744 0 1 1 45.056-45.056L512 466.944l122.368-122.368a31.744 31.744 0 1 1 45.056 45.056z"></path>\n\t\t\t\t\t</svg>\n \t\t\t`),setPromptsInSearch(){const t=wt.createElement("li",{className:`pops-${r}-search-suggestion-hint-searching-item`,innerHTML:o.searchingTip});s.addItem(t)},removePromptsInSearch(){s.$el.$hintULContainer.querySelector(`li.pops-${r}-search-suggestion-hint-searching-item`)?.remove()},changeHintULElementPosition(t=o.target??o.inputTarget,e=!0){let n=null;if(n="inputCursor"===o.followPosition?wt.getTextBoundingRect(o.inputTarget,o.inputTarget.selectionStart||0,o.inputTarget.selectionEnd||0,!1):o.isAbsolute?wt.offset(t):t.getBoundingClientRect(),null==n)return;let r=document.documentElement.clientHeight;o.isAbsolute&&(r=wt.height(document));const a=wt.width(document);let i=o.position;if("auto"===o.position){i=n.bottom+wt.height(s.$el.$hintULContainer)>r?"top":"bottom"}if("top"===i){o.positionTopToReverse&&s.$el.root.setAttribute("data-top-reverse","true"),o.useFoldAnimation&&s.$el.root.setAttribute("data-popper-placement","top");const t=r-n.top+o.topDistance;s.$el.root.style.top="",s.$el.root.style.bottom=t+"px"}else if("bottom"===i){o.useFoldAnimation&&s.$el.root.setAttribute("data-popper-placement","bottom-center");const t=n.height+n.top+o.topDistance;s.$el.root.removeAttribute("data-top-reverse"),s.$el.root.style.bottom="",s.$el.root.style.top=t+"px"}let l=n.left;const p=wt.width(s.$el.$hintULContainer);p>a&&(l=l+a-p),s.$el.root.style.left=l+"px",e&&s.changeHintULElementPosition(t,!e)},changeHintULElementWidth(t=o.target??o.inputTarget){const e=t.getBoundingClientRect();o.followTargetWidth?s.$el.$hintULContainer.style.width=e.width+"px":s.$el.$hintULContainer.style.width=o.width},updateDynamicCSS(){const t=s.getDynamicCSS();mt.setSafeHTML(s.$el.$dynamicCSS,t)},updateStyleSheet(){s.updateDynamicCSS(),s.changeHintULElementWidth(),s.changeHintULElementPosition()},addItem(t){s.$el.$hintULContainer.appendChild(t)},update(t=[]){if(!Array.isArray(t))throw new TypeError("传入的数据不是数组");const e=t;if(e.length){s.$data.isEmpty=!1,o.toHideWithNotResult&&s.show(),s.clear(!0);const t=document.createDocumentFragment();e.forEach((e,n)=>{const r=s.createSearchItemLiElement(e,n);s.setSearchItemClickEvent(r),s.setSearchItemSelectEvent(r),t.appendChild(r)}),s.addItem(t)}else s.clear()},clear(t=!1){if(mt.setSafeHTML(s.$el.$hintULContainer,""),t)return;let e;s.$data.isEmpty=!0,e="string"==typeof o.toSearhNotResultHTML?wt.parseTextToDOM(o.toSearhNotResultHTML):o.toSearhNotResultHTML(),s.addItem(e),o.toHideWithNotResult&&s.hide()},hide(t=!1){o.useFoldAnimation?(t||wt.removeClassName(s.$el.root,"el-zoom-in-top-animation"),wt.addClassName(s.$el.root,"el-zoom-in-top-animation"),wt.addClassName(s.$el.root,"el-zoom-in-top-animation-hide"),wt.removeClassName(s.$el.root,"el-zoom-in-top-animation-show")):s.$el.root.style.display="none"},show(){s.$el.root.style.display="",o.useFoldAnimation&&(wt.addClassName(s.$el.root,"el-zoom-in-top-animation"),wt.removeClassName(s.$el.root,"el-zoom-in-top-animation-hide"),wt.addClassName(s.$el.root,"el-zoom-in-top-animation-show"))}};return s}};class Gt{config={version:"2.5.4",cssText:Ct,iconSVG:n.$data,animation:kt.$data,instData:Et,forbiddenScroll:{event:t=>wt.preventEvent(t)},Utils:ft,DOMUtils:wt,InstanceUtils:St,MathFloatUtils:Nt,PanelHandlerComponents:_t};init(){}noConflict(){return"object"==typeof i.globalThis.pops&&ft.delete(i.globalThis,"pops"),"object"==typeof unsafeWindow&&null!=unsafeWindow&&"object"==typeof unsafeWindow.pops&&ft.delete(unsafeWindow,"pops"),new Gt}isPhone(t){return ft.isPhone(t)}GlobalConfig=e;alert=t=>Tt.init(t);confirm=t=>It.init(t);prompt=t=>Ut.init(t);loading=t=>Bt.init(t);iframe=t=>Rt.init(t);tooltip=t=>Dt.init(t);drawer=t=>Mt.init(t);folder=t=>Pt.init(t);panel=t=>Ht.init(t);rightClickMenu=t=>Vt.init(t);searchSuggestion=t=>Yt.init(t)}t("default",new Gt)}}});
2
2
  //# sourceMappingURL=index.system.min.js.map