@whitesev/pops 3.2.0 → 3.2.2

package/dist/index.iife.min.js

@@ -1,2 +1,2 @@
-var pops=function(){"use strict";const t={config:{},setGlobalConfig(e){Reflect.ownKeys(e).forEach(n=>{Reflect.set(t.config,n,Reflect.get(e,n))})},getGlobalConfig(){const e={};return Object.keys(t.config).forEach(n=>{const o=Reflect.get(t.config,n);if("style"===n){const t=null==o?"":"function"==typeof o?o():o;"string"==typeof t&&(e.style=t)}else if("zIndex"===n){let t=null==o?"":"function"==typeof o?o():o;if("string"==typeof t){const n=t=Number(t);isNaN(n)||(e.zIndex=n)}else isNaN(t)||(e.zIndex=t)}else if("mask"===n){const n=null==t.config.mask?{}:t.config.mask;"object"==typeof n&&null!=n&&(e.mask=n)}else Reflect.set(e,n,o)}),e}};const e={$data:{min:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="min">\r\n  <path fill="currentColor" d="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" data-type="mise">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="max">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="edit">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="share">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="delete">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="search">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="upload">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="loading">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="next">\r\n  <path\r\n    fill="currentColor"\r\n    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>\r\n</svg>\r\n',prev:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="prev">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="eleme">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="elemePlus">\r\n  <path\r\n    d="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    fill="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" data-type="cpu">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="videoPlay">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="videoPause">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="headset">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="monitor">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="documentCopy">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="picture">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="view">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="hide">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="keyboard">\r\n  <path\r\n    d="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  <path\r\n    d="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  <path\r\n    d="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(e.$data).includes(t),getIcon:t=>e.$data[t],deleteIcon:t=>Reflect.deleteProperty(e.$data,t),setIcon(t,n){Reflect.set(e.$data,t,n)}},n=Symbol("events_"+(65536*(1+Math.random())|0).toString(16).substring(1)),o={document:document,window:window,globalThis:globalThis,self:self},r=Object.assign({},o),a={get document(){return r.document},get window(){return r.window},get globalThis(){return r.globalThis},get self(){return r.self}},i={Object:{defineProperty:Object.defineProperty}},s=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,l=536870912,p=1073741824,c=new WeakMap;var d;const u=((t,e)=>n=>{const o=e.get(n);let r=void 0===o?n.size:o<p?o+1:0;if(!n.has(r))return t(n,r);if(n.size<l){for(;n.has(r);)r=Math.floor(Math.random()*p);return t(n,r)}if(n.size>s)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;n.has(r);)r=Math.floor(Math.random()*s);return t(n,r)})((d=c,(t,e)=>(d.set(t,e),e)),c),f=((t,e,n,o)=>r=>{const a=e(r);return e=>{const r=t(e);e.addEventListener("message",({data:t})=>{const{id:e}=t;if(null!==e&&r.has(e)){const{reject:n,resolve:o}=r.get(e);r.delete(e),void 0===t.error?o(t.result):n(new Error(t.error.message))}}),o(e)&&e.start();const i=(t,o=null,a=[])=>new Promise((i,s)=>{const l=n(r);r.set(l,{reject:s,resolve:i}),null===o?e.postMessage({id:l,method:t},a):e.postMessage({id:l,method:t,params:o},a)}),s=(t,n,o=[])=>{e.postMessage({id:null,method:t,params:n},o)};let l={};for(const[t,e]of Object.entries(a))l={...l,[t]:e({call:i,notify:s})};return{...l}}})((h=new WeakMap,t=>{if(h.has(t))return h.get(t);const e=new Map;return h.set(t,e),e}),(m=new WeakMap,t=>({...t,connect:({call:t})=>async()=>{const{port1:e,port2:n}=new MessageChannel,o=await t("connect",{port:e},[e]);return m.set(n,o),n},disconnect:({call:t})=>async e=>{const n=m.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")})),u,t=>"function"==typeof t.start);var m,h;const b=new Map([[0,null]]),g=new Map([[0,null]]),v=(t=>e=>n=>{"symbol"==typeof t.get(n)&&(t.set(n,null),e(n).then(()=>{t.delete(n)}))})(b),x=(t=>e=>n=>{"symbol"==typeof t.get(n)&&(t.set(n,null),e(n).then(()=>{t.delete(n)}))})(g),y=((t,e)=>n=>(o,r=0,...a)=>{const i=Symbol(),s=t(e);e.set(s,i);const l=()=>n(r,s).then(()=>{const t=e.get(s);if(void 0===t)throw new Error("The timer is in an undefined state.");t===i&&(o(...a),e.get(s)===i&&l())});return l(),s})(u,b),w=((t,e)=>n=>(o,r=0,...a)=>{const i=Symbol(),s=t(e);return e.set(s,i),n(r,s).then(()=>{const t=e.get(s);if(void 0===t)throw new Error("The timer is in an undefined state.");t===i&&(e.delete(s),o(...a))}),s})(u,g),A=f({clearInterval:({call:t})=>v(e=>t("clear",{timerId:e,timerType:"interval"})),clearTimeout:({call:t})=>x(e=>t("clear",{timerId:e,timerType:"timeout"})),setInterval:({call:t})=>y((e,n)=>t("set",{delay:e,now:performance.timeOrigin+performance.now(),timerId:n,timerType:"interval"})),setTimeout:({call:t})=>w((e,n)=>t("set",{delay:e,now:performance.timeOrigin+performance.now(),timerId:n,timerType:"timeout"}))}),C=((t,e)=>{let n=null;return()=>{if(null!==n)return n;const o=new Blob([e],{type:"application/javascript; charset=utf-8"}),r=URL.createObjectURL(o);return n=t(r),setTimeout(()=>URL.revokeObjectURL(r)),n}})(t=>{const e=new Worker(t);return A(e)},'(()=>{var e={455(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)},m=(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])})},f=new Map,h=d(globalThis.clearTimeout,f),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=m(f,performance,globalThis.setTimeout,w),T=m(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 $=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 o of n)o(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 S="clientX",k="clientY",E="start",T="cancel",I="end",M={4:"start",5:"move",1:"end",3:"cancel"};function B(t){return M[t]}function L(t,e,n){const o={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!==o&&o[n]||0}function z(t){[1,3,2].includes(t.state)&&(t.state=0)}function P(t){return[5,1,3].includes(t)}function R(t){if(t.disabled)return t.state=0,!0}function N(t,e){return Object.assign(Object.assign(Object.assign({},t),e),{state:0,disabled:!1})}function D(t){return Math.round(100*t)/100}function H(){let t,e,n,o,r=0;return function(a){if(t=e,void 0!==a){r=Number.MAX_SAFE_INTEGER>r?++r:1;const i=function(t,e){const{phase:n,points:o,changedPoints:r,nativeEvent:a}=t,i=o.length,s=E===n,l=I===n&&0===i||T===n,p=Date.now(),{x:c,y:d}=_(o)||_(r),{currentTarget:u}=a;return Object.assign(t,{id:e,x:c,y:d,timestamp:p,isStart:s,isEnd:l,pointLength:i,currentTarget:u,getOffset(t=u){const e=t.getBoundingClientRect();return{x:c-Math.round(e.left),y:d-Math.round(e.top)}}})}(a,r);e=i;const{isStart:s,pointLength:l}=i;return s&&(n=i,t=void 0,o=1<l?i:void 0),Object.assign(Object.assign({},i),{prevInput:t,startMultiInput:o,startInput:n})}}}function _(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[S],t.y+=e[k],t),{x:0,y:0});return{x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function O(t,e,n,o){const r={};for(const t in n)["target","currentTarget","type"].includes(t)||(r[t]=n[t]);let a;return document.createEvent?(a=document.createEvent("HTMLEvents"),a.initEvent(t,null==o?void 0:o.bubbles,null==o?void 0:o.cancelable)):a=new Event(t,o),Object.assign(a,r,{match:()=>n.targets&&0<n.targets.length&&n.targets.every(t=>a.currentTarget.contains(t))}),e.dispatchEvent(a)}const U=["touchstart","touchmove","touchend","touchcancel","mousedown"],V=["mousemove","mouseup"],F={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 K=class extends ${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({},F),e);const n=function(t){const e=H();return function(n){const o=[],r=[];Array.from(n.touches).forEach(({clientX:e,clientY:n,target:a})=>{(null==t?void 0:t.contains(a))&&(o.push(a),r.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:r,nativeEvent:n,target:n.target,targets:o})}}(this.el),o=function(){let t,e=!1,n=null;const o=H();return function(r){const{clientX:a,clientY:i,type:s,button:l,target:p}=r;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 u=t||[{clientX:a,clientY:i,target:p}];if(t=[{clientX:a,clientY:i,target:p}],void 0!==c)return o({phase:c,changedPoints:u,points:d,target:n,targets:[n],nativeEvent:r})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:o,mousemove:o,mouseup:o},this.on("at:after",t=>{const{target:e,__type:n}=t,{domEvents:o}=this.__options;o&&void 0!==this.el&&e&&(O(n,e,t,o),O("at:after",e,t,o))}),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 U.forEach(o=>{t.addEventListener(o,e,n)}),V.forEach(t=>{window.addEventListener(t,e,n)}),()=>{U.forEach(n=>{t.removeEventListener(n,e)}),V.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(),o=()=>t.stopImmediatePropagation(),r=()=>t.preventDefault();if(function(t,e){const{preventDefault:n}=e;return o=n,"[object Function]"===Object.prototype.toString.call(o)?n(t):!!n;var o}(t,this.__options))r();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:o,preventDefault:r}))}}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 o;(null===(o=this.c)||void 0===o?void 0:o.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 Y=t=>Math.sqrt(t.x*t.x+t.y*t.y),G=t=>t/Math.PI*180,Q=(t,e)=>{var n=((t,e)=>{var n=Y(t)*Y(e);if(0===n)return 0;var o=((t,e)=>t.x*e.x+t.y*e.y)(t,e)/n;return o>1&&(o=1),Math.acos(o)})(t,e);return((t,e)=>t.x*e.y-e.x*t.y)(t,e)>0&&(n*=-1),G(n)},X=(t,e)=>{if(0!==t||0!==e)return Math.abs(t)>=Math.abs(e)?0<t?"right":"left":0<e?"down":"up"};function j(){let t=0,e=0;return function(n,o){const{prevVecotr:r,startVecotr:a,activeVecotr:i}=o;return i&&(e=Math.round(Q(i,r)),t=Math.round(Q(i,a))),{angle:t,deltaAngle:e}}}function W(){return function(t){const{prevInput:e}=t;let n=0,o=0,r=0;if(void 0!==e&&(n=t.x-e.x,o=t.y-e.y,0!==n||0!==o)){const t=Math.sqrt(Math.pow(n,2)+Math.pow(o,2));r=Math.round(G(Math.acos(Math.abs(n)/t)))}return{deltaX:n,deltaY:o,deltaXYAngle:r}}}function q(){let t,e=0,n=0,o=0,r=0,a=0;return function(i){const{phase:s,startInput:l}=i;return E===s?(e=0,n=0,o=0,r=0,a=0):"move"===s&&(e=Math.round(i.points[0][S]-l.points[0][S]),n=Math.round(i.points[0][k]-l.points[0][k]),o=Math.abs(e),r=Math.abs(n),a=Math.round(Y({x:o,y:r})),t=X(e,n)),{displacementX:e,displacementY:n,distanceX:o,distanceY:r,distance:a,overallDirection:t}}}function J(){let t=1;return function(e,n){let o=1;const{prevVecotr:r,startVecotr:a,activeVecotr:i}=n;return i&&(o=D(Y(i)/Y(r)),t=D(Y(i)/Y(a))),{scale:t,deltaScale:o}}}function Z(){let t,e,n=0,o=0,r=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;r=Math.round(l/s*100)/100,a=Math.round(p/s*100)/100,n=Math.abs(r),o=Math.abs(a),t=X(l,p),e=i}}return{velocityX:n,velocityY:o,speedX:r,speedY:a,direction:t}}}function tt(){let t=0;return function(e){const{phase:n}=e;return E===n&&(t=e.pointLength),{maxPointLength:t}}}function et(t){return{x:t.points[1][S]-t.points[0][S],y:t.points[1][k]-t.points[0][k]}}function nt(){let t,e,n;return function(o){const{prevInput:r,startMultiInput:a}=o;return void 0!==a&&void 0!==r&&o.id!==a.id&&1<r.pointLength&&1<o.pointLength?(t=et(a),e=et(r),n=et(o)):n=void 0,{startVecotr:t,prevVecotr:e,activeVecotr:n}}}const ot={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function rt(t,e){const n=N(ot,e);let o,r,a,i=0;function s(){i=0,o=void 0,r=void 0}return t.compute([q,tt],e=>{if(R(n))return;const{phase:l,x:p,y:c}=e;I===l&&(n.state=0,function(){const{startInput:t,pointLength:o,timestamp:r}=e,a=r-t.timestamp,{distance:i,maxPointLength:s}=e;return s===n.pointLength&&0===o&&n.maxDistance>=i&&n.maxPressTime>a}()?(clearTimeout(a),function(t,e){if(void 0!==o){const n=Y({x:t.x-o.x,y:t.y-o.y});return o=t,e.maxDistanceFromPrevTap>=n}return o=t,!0}({x:p,y:c},n)&&function(t){const e=performance.now();if(void 0===r)return r=e,!0;{const n=e-r;return r=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 at={name:"pan",threshold:10,pointLength:1};function it(t,e){const n=N(at,e);return t.compute([Z,q,W],e=>{if(z(n),R(n))return;const o=function(){const{pointLength:t,distance:o}=e;return n.pointLength===t&&n.threshold<=o}();if(n.state=L(o,n.state,e.phase),o||P(n.state)){const{name:o}=n;t.emit2(o,e,n),t.emit2(o+B(n.state),e,n),![I,T].includes(e.phase)&&e.direction&&t.emit2(o+e.direction,e,n)}}),n}const st={name:"swipe",threshold:10,velocity:.3,pointLength:1};function lt(t,e){const n=N(st,e);return t.compute([q,Z,tt],e=>{if(n.state=0,!n.disabled&&function(){if(I!==e.phase)return!1;const{velocityX:t,velocityY:o,distance:r,maxPointLength:a}=e;return a===n.pointLength&&0===e.points.length&&n.threshold<r&&n.velocity<Math.max(t,o)}()){const{name:o}=n;n.state=1,t.emit2(o,e,n),t.emit2(o+e.direction,e,n)}}),n}const pt={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function ct(t,e){const n=N(pt,e);let o=0;return t.compute([q],e=>{if(R(n))return;const{phase:r,startInput:a,pointLength:i}=e;if(E===r&&n.pointLength===i)z(n),clearTimeout(o),o=setTimeout(()=>{n.state=1,t.emit2(n.name,e,n)},n.minPressTime);else if(I===r&&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&&[I,T].includes(r))&&(clearTimeout(o),n.state=2)}}),n}const dt={name:"pinch",threshold:0,pointLength:2};function ut(t,e){const n=N(dt,e);return t.compute([nt,J],e=>{if(z(n),R(n))return;const o=function(){const{pointLength:t,scale:o,deltaScale:r,phase:a}=e;return n.pointLength===t&&n.threshold<Math.abs(o-1)}();n.state=L(o,n.state,e.phase);const{name:r}=n;if(o||P(n.state)){t.emit2(r,e,n);const{deltaScale:o}=e;1!==o&&t.emit2(r+(1<o?"in":"out"),e,n)}const a=B(n.state);a&&t.emit2(r+a,e,n)}),n}const ft={name:"rotate",threshold:0,pointLength:2};function mt(t,e){const n=N(ft,e);return t.compute([nt,j],e=>{if(R(n))return;z(n);const o=function(){const{pointLength:t,angle:o}=e;return n.pointLength===t&&n.threshold<Math.abs(o)}();n.state=L(o,n.state,e.phase);const{name:r}=n;(o||P(n.state))&&t.emit2(r,e,n);const a=B(n.state);a&&t.emit2(r+a,e,n)}),n}class ht extends K{constructor(t,e){super(t,e),this.use(rt),this.use(it),this.use(lt),this.use(ct),this.use(ut),this.use(mt)}}ht.STATE_POSSIBLE=0,ht.STATE_START=4,ht.STATE_MOVE=5,ht.STATE_END=1,ht.STATE_CANCELLED=3,ht.STATE_FAILED=2,ht.STATE_RECOGNIZED=1,ht.tap=rt,ht.pan=it,ht.swipe=lt,ht.press=ct,ht.rotate=mt,ht.pinch=ut,ht.doubletap=function(t){t.use(rt,{name:"doubletap",tapTimes:2});const e=t.get("doubletap");let n;return t.beforeEach((t,o)=>{"tap"===t?(clearTimeout(n),n=setTimeout(()=>{[0,2].includes(e.state)&&o()},300)):o()}),e};const bt=new class{isWin(t){return"object"==typeof t&&(!(t instanceof Node)&&(t===globalThis||(t===window||(t===self||(t===a.globalThis||(t===a.window||(t===a.self||("undefined"!=typeof unsafeWindow&&t===unsafeWindow||"[object Math]"===t?.Math?.toString()))))))))}isDOM(t){return t instanceof Node}delete(t,e){"object"==typeof Reflect&&"function"==typeof Reflect.deleteProperty?Reflect.deleteProperty(t,e):delete t[e]}assign(t={},e={},n=!1){const o=this;if(Array.isArray(e)){if(!e.filter(t=>"object"==typeof t).length)return e}if(null==e)return t;let r;null==t&&(t={}),r=n?e:t;for(const a in r){if(!n&&!(a in e))continue;const r=Reflect.get(t,a),i=Reflect.get(e,a);if("object"==typeof i&&null!=i&&a in t&&!o.isDOM(i)){let e;Array.isArray(i)?(Array.isArray(r)&&(r.length=0),e=i):e=o.assign(r,i,n),Reflect.set(t,a,e)}else Reflect.set(t,a,i)}return t}getRandomGUID(){return"function"==typeof a.globalThis?.crypto?.randomUUID?a.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(a.document.body||a.document.documentElement,t[0]);if(null==n)return!1;if("function"==typeof n[Symbol.iterator]){let t=!0;for(const o of n)if(!e.contains(o)){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 o(t){return t<10?"0"+t:t}const r={yyyy:n.getFullYear(),MM:o(n.getMonth()+1),dd:o(n.getDate()),HH:o(n.getHours()),hh:o((a=n.getHours(),a>12?a-12:a)),mm:o(n.getMinutes()),ss:o(n.getSeconds())};var a;return Object.keys(r).forEach(function(t){const n=new RegExp(t,"g");e=e.replace(n,r[t])}),e}formatByteToSize(t,e=!0){if(t=parseInt(t.toString()),isNaN(t))throw new TypeError("Utils.formatByteToSize 参数 byteSize 格式不正确");let n=0,o="KB";const r={B:1,KB:1024};r.MB=r.KB*r.KB,r.GB=r.MB*r.KB,r.TB=r.GB*r.KB,r.PB=r.TB*r.KB,r.EB=r.PB*r.KB,r.ZB=r.EB*r.KB,r.YB=r.ZB*r.KB,r.BB=r.YB*r.KB,r.NB=r.BB*r.KB,r.DB=r.NB*r.KB;for(const e in r)if(n=t/r[e],o=e,r.KB>=n)break;return n=n.toFixed(2),n=e?n+o.toString():parseFloat(n.toString()),n}AnyTouch=()=>ht;isPhone(t=a.globalThis.navigator.userAgent){return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(t))}setTimeout(t,e=0){try{return((...t)=>C().setTimeout(...t))(t,e)}catch{return setTimeout(t,e)}}clearTimeout(t){try{null!=t&&(e=t,C().clearTimeout(e))}catch{}finally{clearTimeout(t)}var e}setInterval(t,e=0){try{return((...t)=>C().setInterval(...t))(t,e)}catch{return setInterval(t,e)}}clearInterval(t){try{null!=t&&(e=t,C().clearInterval(e))}catch{}finally{clearInterval(t)}var e}setArray(t,e,n){if(null==t)return;if(!Array.isArray(n))return;const o=t[e];Array.isArray(t[e])?o.length=0:t[e]=[],t[e]=n}},gt={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)}},vt="pops-flex-items-center",xt="pops-flex-y-center",yt="pops-hide",wt="pops-hide-important",At="pops-user-select-none",Ct="pops-text-is-disabled";class $t{on(t,e,o,r,s){function l(t,e,n){const o=t[e];return"boolean"==typeof o?(n.capture=o,"boolean"==typeof t[e+1]&&(n.once=t[e+1]),"boolean"==typeof t[e+2]&&(n.passive=t[e+2])):"object"==typeof o&&("capture"in o||"once"in o||"passive"in o||"isComposedPath"in o)&&(n.capture=o.capture,n.once=o.once,n.passive=o.passive,n.isComposedPath=o.isComposedPath),n}const p=this,c=arguments;if("string"==typeof t&&(t=p.selectorAll(t)),null==t)return{off(){},emit(){}};let d=[];t instanceof NodeList||Array.isArray(t)?d=[...t]:d.push(t);let u=[];Array.isArray(e)?u=u.concat(e.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof e&&(u=u.concat(e.split(" ").filter(t=>""!==t)));let f=[];Array.isArray(o)?f=f.concat(o.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof o&&f.push(o);let m=r,h={capture:!1,once:!1,passive:!1,isComposedPath:!1};function b(){h.once&&p.off(t,e,o,r,s)}return"function"==typeof o?(m=o,h=l(c,3,h)):h=l(c,4,h),d.forEach(t=>{function e(e){if(f.length){let n=h.isComposedPath?e.composedPath()[0]:e.target,o=t;bt.isWin(o)&&o===a.document&&(o=a.document.documentElement);if(f.find(t=>{if(p.matches(n,t))return!0;const e=p.closest(n,t);return!(!e||!o?.contains(e))&&(n=e,!0)})){try{i.Object.defineProperty(e,"target",{get:()=>n})}catch{}m.call(n,e,n),b()}}else m.call(t,e),b()}u.forEach(o=>{t.addEventListener(o,e,h);const r=Reflect.get(t,n)||{};r[o]=r[o]||[],r[o].push({selector:f,option:h,callback:e,originCallBack:m}),Reflect.set(t,n,r)})}),{off:t=>{p.off(d,u,f,m,h,t)},emit:(t,e)=>{p.emit(d,u,t,e)}}}off(t,e,o,r,a,i){function s(t,e,n){const o=t[e];return"boolean"==typeof o?n.capture=o:"object"==typeof o&&null!=o&&"capture"in o&&(n.capture=o.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=p.concat(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(o)?d=d.concat(o.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof o&&d.push(o);let u=r,f={capture:!1};"function"==typeof o?(u=o,f=s(l,3,f)):f=s(l,4,f);let m=!1;(2===l.length||3===l.length&&"string"==typeof l[2]||Array.isArray(l[2]))&&(m=!0),5===l.length&&"function"==typeof l[4]&&"function"!=typeof i&&(i=a),p.forEach(t=>{const o=Reflect.get(t,n)||{};c.forEach(n=>{const r=o[n]||[],a="function"==typeof i?r.filter(i):r;for(let e=0;e<a.length;e++){const o=a[e];let i=!0;if(i&&u&&o.originCallBack!==u&&(i=!1),i&&d.length&&Array.isArray(o.selector)&&JSON.stringify(o.selector)!==JSON.stringify(d)&&(i=!1),i&&"boolean"==typeof o.option.capture&&f.capture!==o.option.capture&&(i=!1),i||m){t.removeEventListener(n,o.callback,o.option);const e=r.findIndex(t=>t===o);-1!==e&&r.splice(e,1)}}0===r.length&&bt.delete(o,e)}),Reflect.set(t,n,o)})}offAll(t,e){if("string"==typeof t&&(t=this.selectorAll(t)),null==t)return;let o=[];t instanceof NodeList||Array.isArray(t)?o=o.concat(Array.from(t)):o.push(t);let r=[];Array.isArray(e)?r=r.concat(e):"string"==typeof e&&(r=r.concat(e.split(" "))),o.forEach(t=>{[...new Set([...Object.getOwnPropertySymbols(t),n])].forEach(e=>{if(!e.toString().startsWith("Symbol(events_"))return;const n=Reflect.get(t,e)||{};(r.length?r:Object.keys(n)).forEach(o=>{const r=n[o];if(!r)return;for(const e of r)t.removeEventListener(o,e.callback,{capture:e.option.capture});const a=Reflect.get(t,e);bt.delete(a,o)})})})}onReady(t){const e=this;if("function"!=typeof t)return;function n(){!function(){for(let t=0;t<o.length;t++){const n=o[t];e.off(n.target,n.eventType,n.callback)}}(),t()}const o=[{target:a.document,eventType:"DOMContentLoaded",callback:n},{target:a.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<o.length;t++){const n=o[t];e.on(n.target,n.eventType,n.callback)}}():bt.setTimeout(t,0)}emit(t,e,o,r=!0){if("string"==typeof t&&(t=a.document.querySelector(t)),null==t)return;let i=[];i=t instanceof NodeList||Array.isArray(t)?[...t]:[t];let s=[];Array.isArray(e)?s=e:"string"==typeof e&&(s=e.split(" ")),i.forEach(t=>{const e=t[n]||{};s.forEach(n=>{let a=null;o&&o instanceof Event?a=o:(a=new Event(n),o&&Object.keys(o).forEach(t=>{a[t]=o[t]})),0==r&&n in e?e[n].forEach(t=>{t.callback(a)}):t.dispatchEvent(a)})})}click(t,e,n,o){const r=this;"string"==typeof t&&(t=a.document.querySelector(t)),null!=t&&(null==e?r.emit(t,"click",n,o):r.on(t,"click",null,e))}blur(t,e,n,o){const r=this;"string"==typeof t&&(t=a.document.querySelector(t)),null!=t&&(null===e?r.emit(t,"blur",n,o):r.on(t,"blur",null,e))}focus(t,e,n,o){const r=this;"string"==typeof t&&(t=a.document.querySelector(t)),null!=t&&(null==e?r.emit(t,"focus",n,o):r.on(t,"focus",null,e))}onHover(t,e,n){"string"==typeof t&&(t=a.document.querySelector(t)),null!=t&&(this.on(t,"mouseenter",null,e,n),this.on(t,"mouseleave",null,e,n))}onKeyup(t,e,n){null!=t&&("string"==typeof t&&(t=a.document.querySelector(t)),this.on(t,"keyup",null,e,n))}onKeydown(t,e,n){null!=t&&("string"==typeof t&&(t=a.document.querySelector(t)),this.on(t,"keydown",null,e,n))}onKeypress(t,e,n){null!=t&&("string"==typeof t&&(t=a.document.querySelector(t)),this.on(t,"keypress",null,e,n))}preventEvent(t,e=[],n){function o(t){return t?.preventDefault(),t?.stopPropagation(),t?.stopImmediatePropagation(),!1}if(1===arguments.length)return o(arguments[0]);"string"==typeof e&&(e=[e]),e.forEach(e=>{this.on(t,e,o,{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(a.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(a.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 o="";n&&(e=e.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),o=n[3]);const r=new RegExp(e,o);return t=t.replace(/:regexp\(("|')(.*)("|')\)$/gi,""),Array.from(a.document.querySelectorAll(t)).filter(t=>Boolean((t?.textContent||t?.innerText)?.match(r)))}return Array.from(a.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 o=t?.textContent||t?.innerText;return"string"!=typeof o&&(o=""),t.matches(e)&&o?.includes(n)}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const o=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let r="";o&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),r=o[3]);const a=new RegExp(n,r);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 o=t?.closest(e);if(o){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.includes(n))return o}return null}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const o=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let r="";o&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),r=o[3]);const a=new RegExp(n,r);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 St=new class extends $t{getAnimationEndNameList(){return["webkitAnimationEnd","mozAnimationEnd","MSAnimationEnd","oanimationend","animationend"]}getTransitionEndNameList(){return["webkitTransitionEnd","mozTransitionEnd","MSTransitionEnd","otransitionend","transitionend"]}offset(t,e=!0){const n=t.getBoundingClientRect(),o=t.ownerDocument.defaultView;return new DOMRect(e?parseFloat((n.left+(o?.pageXOffset||0)).toString()):n.left,e?parseFloat((n.top+(o?.pageYOffset||0)).toString()):n.top,n.width,n.height)}width(t,e=!1,n){const o=this;if("string"==typeof t&&(t=a.document.querySelector(t)),null!=t){if(bt.isWin(t))return a.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&&St.isShow(t)){if(parseFloat(St.getStyleValue(t,"width").toString())>0)return parseFloat(St.getStyleValue(t,"width").toString());if(t.offsetWidth>0){const e=St.getStyleValue(t,"borderLeftWidth"),n=St.getStyleValue(t,"borderRightWidth"),o=St.getStyleValue(t,"paddingLeft"),r=St.getStyleValue(t,"paddingRight"),a=parseFloat(t.offsetWidth.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(o.toString())-parseFloat(r.toString());return parseFloat(a.toString())}return 0}{const{cloneNode:e,recovery:r}=St.showElement(t,n),a=o.width(e,!0,n);return r(),a}}}height(t,e=!1,n){const o=this;if(bt.isWin(t))return a.window.document.documentElement.clientHeight;if("string"==typeof t&&(t=a.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&&St.isShow(t)){if(parseFloat(St.getStyleValue(t,"height").toString())>0)return parseFloat(St.getStyleValue(t,"height").toString());if(t.offsetHeight>0){const e=St.getStyleValue(t,"borderTopWidth"),n=St.getStyleValue(t,"borderBottomWidth"),o=St.getStyleValue(t,"paddingTop"),r=St.getStyleValue(t,"paddingBottom"),a=parseFloat(t.offsetHeight.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(o.toString())-parseFloat(r.toString());return parseFloat(a.toString())}return 0}{const{cloneNode:e,recovery:r}=St.showElement(t,n),a=o.height(e,!0,n);return r(),a}}}outerWidth(t,e=!1,n){const o=this;if(bt.isWin(t))return a.window.innerWidth;if("string"==typeof t&&(t=a.document.querySelector(t)),null!=t){if(e||!e&&St.isShow(t)){const e=getComputedStyle(t,null),n=St.getStyleValue(e,"marginLeft"),o=St.getStyleValue(e,"marginRight");return t.offsetWidth+n+o}{const{cloneNode:e,recovery:r}=St.showElement(t,n),a=o.outerWidth(e,!0,n);return r(),a}}}outerHeight(t,e=!1,n){const o=this;if(bt.isWin(t))return a.window.innerHeight;if("string"==typeof t&&(t=a.document.querySelector(t)),e||!e&&St.isShow(t)){const e=getComputedStyle(t,null),n=St.getStyleValue(e,"marginTop"),o=St.getStyleValue(e,"marginBottom");return t.offsetHeight+n+o}{const{cloneNode:e,recovery:r}=St.showElement(t,n),a=o.outerHeight(e,!0,n);return r(),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){const o=this;if("string"==typeof t&&(t=o.selectorAll(t)),null==t)return;if(Array.isArray(t)||t instanceof NodeList)return"string"==typeof e?null==n?o.css(t[0],e):void t.forEach(t=>{o.css(t,e)}):"object"==typeof e?void t.forEach(t=>{o.css(t,e)}):void 0;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 a.globalThis.getComputedStyle(t).getPropertyValue(e);r(e,n)}else{if("object"!=typeof e)throw new TypeError("property must be string or object");for(const t in e){r(t,e[t])}}}createElement(t,e,n){const o=a.document.createElement(t);return"string"==typeof e?(gt.setSafeHTML(o,e),o):(null==e&&(e={}),null==n&&(n={}),Object.keys(e).forEach(t=>{const n=e[t];"innerHTML"!==t?Reflect.set(o,t,n):gt.setSafeHTML(o,n)}),Object.keys(n).forEach(t=>{let e=n[t];"object"==typeof e?e=JSON.stringify(e):"function"==typeof e&&(e=e.toString()),o.setAttribute(t,e)}),o)}parseTextToDOM(t){t=t.replace(/^[\n|\s]*/g,"").replace(/[\n|\s]*$/g,"");return this.createElement("div",{innerHTML:t}).firstChild}getTextBoundingRect(t,e,n,o){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 o=t.createTextRange();return o.collapse(!0),o.moveStart("character",e),o.moveEnd("character",n-e),o.getBoundingClientRect()}const r=function(){const e=document.body,n=document.defaultView,o=document.documentElement,r=document.createElement("div");r.style.paddingLeft=r.style.width="1px",e.appendChild(r);const a=2==r.offsetWidth;e.removeChild(r);const i=t.getBoundingClientRect(),s=o.clientTop||e.clientTop||0,l=o.clientLeft||e.clientLeft||0,p=n?.pageYOffset||a&&o.scrollTop||e.scrollTop,c=n?.pageXOffset||a&&o.scrollLeft||e.scrollLeft;return{top:i.top+p-s,left:i.left+c-l}}();let i=r.top,s=r.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"];i+=v("padding-top",!0),i+=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 u=t.value||"G",f=u.length,m=document.createElement("div");e>0&&g(0,e);const h=g(e,n);f>n&&g(n,f),m.style.cssText=c,m.style.position="absolute",m.style.top=i+"px",m.style.left=s+"px",m.style.width=l+"px",m.style.height=p+"px",a.document.body.appendChild(m);const b=h.getBoundingClientRect();return o||m.parentNode.removeChild(m),b;function g(t,e){const n=document.createElement("span");return n.style.cssText=c,n.textContent=u.substring(t,e),m.appendChild(n),n}function v(e,n){const o=a.document.defaultView.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(o):o}}cssHide(t,e=!1){null!=t&&(e?St.addClassName(t,wt):St.addClassName(t,yt))}cssShow(t){null!=t&&(St.removeClassName(t,yt),St.removeClassName(t,wt))}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=a.document.createElement("div");return gt.setSafeHTML(e,t),n?e:e.firstChild}()}append(t,e){var n,o;if("string"==typeof t&&(t=a.document.querySelector(t)),null!=t)if(Array.isArray(e)||e instanceof NodeList){const n=a.document.createDocumentFragment();e.forEach(t=>{"string"==typeof t&&(t=this.toElement(t,!0,!1)),n.appendChild(t)}),t.appendChild(n)}else n=t,o=e,"string"==typeof e?n.insertAdjacentHTML("beforeend",gt.getSafeHTML(o)):n.appendChild(o)}appendHead(t){a.document.head?a.document.head.appendChild(t):a.document.documentElement.appendChild(t)}appendBody(t){a.document.body?a.document.body.appendChild(t):a.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 o=a.document.documentElement;const r=t.getRootNode();return o=null==e?r==t?a.document.documentElement:r:e,o.appendChild(n),{cloneNode:n,recovery(){n.remove()}}}getStyleValue(t,e){let n=null,o=null;t instanceof CSSStyleDeclaration?o=t:(n=t.ownerDocument.defaultView,n&&n.opener||(n=window),o=n.getComputedStyle(t));const r=parseFloat(o[e]);return isNaN(r)?0:r}before(t,e){"string"==typeof t&&(t=a.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("beforebegin",gt.getSafeHTML(e)):t.parentElement.insertBefore(e,t))}after(t,e){"string"==typeof t&&(t=a.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("afterend",gt.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 o=/^\d{1,3}$/;if(!o.test(t)||!o.test(e)||!o.test(n))return console.warn("输入错误的rgb颜色值"),"";const r=[t.toString(16),e.toString(16),n.toString(16)];for(let t=0;t<3;t++)1==r[t].length&&(r[t]=`0${r[t]}`);return`#${r.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 o=t().hexToRgb(e);for(let t=0;t<3;t++)o[t]=Math.floor(o[t]*(1-n));return t().rgbToHex(o[0],o[1],o[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 o=t().hexToRgb(e);for(let t=0;t<3;t++)o[t]=Math.floor((255-o[t])*n+o[t]);return t().rgbToHex(o[0],o[1],o[2])}}}()}getTransform(t){let e=0,n=0;const o=a.globalThis.getComputedStyle(t).transform;if("none"!==o&&null!=o&&""!==o){const t=o.match(/\((.+)\)/),r=t?.[1]?.split?.(",");e=Math.abs(parseInt(r[4])),n=Math.abs(parseInt(r[5]))}return{transformLeft:e,transformTop:n}}onInput(t,e,n){let o=!1;const r=this.on(t,"input",async t=>{o||await e(t)},n),a=this.on(t,"compositionstart",()=>{o=!0},n),i=this.on(t,"compositionend",()=>{o=!1,this.emit(t,"input",{isComposite:o})},n);return{off:()=>{r.off(),a.off(),i.off()}}}},kt={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,o="",r="",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=""!==r.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}">${o}</div>\n\t\t</div>`},createHeader(t,n){if(!n.btn)return"";const o=n;if("iframe"!==t&&!o.btn?.close?.enable)return"";let r="",a="";const i=n;if("iframe"===t&&""!==i.topRightButton?.trim()){let t="";i.topRightButton.split("|").forEach(n=>{n=n.toLowerCase(),t+=`\n                <button class="pops-header-control" type="button" data-type="${n}">\n                    <i class="pops-icon">${e.getIcon(n)}</i>\n                </button>`}),r=`\n            <div class="pops-header-controls" data-margin>${t}</div>`}else o.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">${e.getIcon("close")}</i>\n                    </button>\n                </div>`),r=a;return r},createHeaderStyle:(t,e)=>({headerStyle:e?.title?.html&&e?.title?.style||"",headerPStyle:e?.title?.html?"":e?.title?.style||""}),createBottom(t,n){if(null==n.btn)return"";const o=n;if(!(n.btn?.ok?.enable||o.btn?.cancel?.enable||o.btn?.other?.enable))return"";let r="",a="",i="",s="",l="";if(n.btn.position&&(r+=`justify-content: ${n.btn.position};`),o.btn.reverse&&(r+="flex-direction: row-reverse;"),n.btn?.ok?.enable){let r="";("large"===n.btn.ok.size||"small"===n.btn.ok.size)&&(r="pops-button-"+n.btn.ok.size);let a="";const s=o.btn.ok.icon;if(""!==s){let t="";t=e.hasIcon(s)?e.getIcon(s):s,t=t||"",a=`<i class="pops-bottom-icon" is-loading="${n.btn.ok.iconIsLoading}">${t}</i>`}i=`\n            <button \n\t\t\t\tclass="pops-${t}-btn-ok ${r}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${o.btn.ok?.type}"\n\t\t\t\tdata-has-icon="${""!==(o.btn.ok.icon||"")}"\n\t\t\t\tdata-rightIcon="${o.btn.ok?.rightIcon}"\n            >${a}<span>${n.btn.ok.text}</span>\n            </button>`}if(o.btn?.cancel?.enable){let n="";("large"===o.btn.cancel.size||"small"===o.btn.cancel.size)&&(n="pops-button-"+o.btn.cancel.size);let r="";const a=o.btn.cancel.icon;if(""!==a){let t="";t=e.hasIcon(a)?e.getIcon(a):a,t=t||"",r=`<i class="pops-bottom-icon" is-loading="${o.btn.cancel.iconIsLoading}">${t}</i>`}s=`\n            <button\n\t\t\t\tclass="pops-${t}-btn-cancel ${n}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${o.btn.cancel.type}"\n\t\t\t\tdata-has-icon="${""!==(o.btn.cancel.icon||"")}"\n\t\t\t\tdata-rightIcon="${o.btn.cancel.rightIcon}"\n            >${r}<span>${o.btn.cancel.text}</span>\n            </button>`}if(o.btn?.other?.enable){let n="";("large"===o.btn.other.size||"small"===o.btn.other.size)&&(n="pops-button-"+o.btn.other.size);let r="";const a=o.btn.other.icon;if(""!==a){let t="";e.hasIcon(a)&&(t=e.getIcon(a)),t=t||"",r=`<i class="pops-bottom-icon" is-loading="${o.btn.other.iconIsLoading}">${t}</i>`}l=`\n            <button\n\t\t\t\tclass="pops-${t}-btn-other ${n}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${o.btn.other.type}"\n\t\t\t\tdata-has-icon="${""!==(o.btn.other.icon||"")}"\n\t\t\t\tdata-rightIcon="${o.btn.other.rightIcon}"\n            >${r}<span>${o.btn.other.text}</span>\n            </button>`}if(o.btn.merge){let e="display: flex;";o.btn.mergeReverse?e+="flex-direction: row-reverse;":e+="flex-direction: row;",a=`\n            <div class="pops-botttom-btn-controls pops-${t}-btn" style="${r}">${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="${r}">${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=>St.parseTextToDOM(t)};const Et={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: 100%;\r\n  width: -moz-available;\r\n  width: -webkit-fill-available;\r\n}\r\n.pops-height-fill {\r\n  height: 100%;\r\n  height: -moz-available;\r\n  height: -webkit-fill-available;\r\n}\r\n.pops-text-is-disabled {\r\n  --pops-text-is-disabled-color: #a8abb2;\r\n  --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);\r\n  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  --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;\r\n  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"] .pops-panel-select .el-select__selected-item.el-select__placeholder {\r\n    max-width: -moz-available;\r\n    max-width: -webkit-fill-available;\r\n  }\r\n  .pops[type-value="panel"] section.pops-panel-container > ul > li .pops-panel-input span.pops-panel-input__suffix {\r\n    padding: 0 4px;\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: -moz-available;\r\n    width: -webkit-fill-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  --el-color-danger: #f56c6c;\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  flex-direction: column;\r\n  position: relative;\r\n  box-shadow: none;\r\n  width: 200px;\r\n  border: 0px;\r\n}\r\n.pops-panel-input_inner {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\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  box-shadow: none;\r\n}\r\n.pops-panel-input_inner: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_inner: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 input[type="search"]::-webkit-search-cancel-button {\r\n  -webkit-appearance: none;\r\n  display: none;\r\n}\r\n/* 颜色选择器不需要那么宽 */\r\n.pops-panel-input:has(input[type="color"]) {\r\n  width: 50px;\r\n}\r\n.pops-panel-input input[type="color"] {\r\n  padding: 0px;\r\n}\r\n.pops-panel-input_inner:has(input[type="file"]) {\r\n  border: 0px;\r\n  background: transparent;\r\n}\r\n.pops-panel-input input[type="file"] {\r\n  padding: 0px;\r\n  line-height: 32px;\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  height: -moz-available;\r\n  height: -webkit-fill-available;\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: relative;\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/* 当清空图标显示时或查看图标存在时，则隐藏输入框的padding-right */\r\n.pops-panel-input:hover:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\r\n.pops-panel-input:focus:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\r\n.pops-panel-input:focus-within:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\r\n.pops-panel-input:active:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\r\n.pops-panel-input:has(span.pops-panel-input__suffix svg[data-type="view"]) input,\r\n.pops-panel-input:has(span.pops-panel-input__suffix svg[data-type="hide"]) input {\r\n  padding-right: 0;\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/* 校验样式 */\r\n.pops-panel-input:has(.pops-panel-input-valid-error) {\r\n  --pops-panel-components-input-bd-color: var(--el-color-danger) !important;\r\n  --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\r\n  --pops-panel-components-input-focus-bd-color: var(--pops-panel-components-input-bd-color);\r\n}\r\n.pops-panel-input .pops-panel-input-valid-error {\r\n  width: 100%;\r\n  color: var(--el-color-danger);\r\n  font-weight: 500;\r\n  font-size: 0.8em;\r\n  box-sizing: border-box;\r\n  vertical-align: middle;\r\n  display: inline-flex;\r\n  position: relative;\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-disabled-text-color: #a8abb2;\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  width: 100%;\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 dialog 的CSS */\r\n.pops-panel-select[data-mode="dialog"] {\r\n}\r\n/* select dialog 的CSS */\r\n\r\n/* select horizontal 的CSS */\r\n.pops-panel-select[data-mode="horizontal"] {\r\n  --pops-panel-components-select-horizontal-selected-text-color: #626aef;\r\n  --pops-panel-components-select-horizontal-selected-bg-color: #eff0fd;\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .el-select__wrapper {\r\n  padding: 0;\r\n  gap: 0;\r\n  border: 0;\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border: 1px solid var(--el-border-color);\r\n  height: -moz-available;\r\n  height: -webkit-fill-available;\r\n  border-left: 0;\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item:hover {\r\n  color: var(--el-color-primary);\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item:first-child {\r\n  border-left: 1px solid var(--el-border-color);\r\n  border-top-left-radius: var(--el-border-radius-base);\r\n  border-bottom-left-radius: var(--el-border-radius-base);\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item:last-child {\r\n  border-top-right-radius: var(--el-border-radius-base);\r\n  border-bottom-right-radius: var(--el-border-radius-base);\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item.select__selected-item {\r\n  color: var(--pops-panel-components-select-horizontal-selected-text-color);\r\n  background-color: var(--pops-panel-components-select-horizontal-selected-bg-color);\r\n  border-color: var(--pops-panel-components-select-horizontal-selected-bg-color);\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item:has(+ .select__selected-item) {\r\n  border-right: 0;\r\n}\r\n.pops-panel-select[data-mode="horizontal"] .select-item[disabled] {\r\n  color: var(--pops-panel-components-select-disabled-text-color);\r\n  --pops-panel-components-select-horizontal-selected-text-color: var(\r\n    --pops-panel-components-select-disabled-text-color\r\n  );\r\n  cursor: not-allowed;\r\n  background: unset;\r\n}\r\n/* select horizontal 的CSS */\r\n\r\n/* select-multiple的CSS*/\r\n.pops-panel-select-multiple,\r\n.pops-panel-select {\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 .el-select__wrapper,\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 .el-select__wrapper.is-focused,\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 .el-select__selection,\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 .el-select__selection[data-selected-text-align="left"] {\r\n  justify-content: left;\r\n}\r\n.pops-panel-select .el-select__selection[data-selected-text-align="center"] {\r\n  justify-content: center;\r\n}\r\n.pops-panel-select .el-select__selection[data-selected-text-align="right"] {\r\n  justify-content: right;\r\n}\r\n.pops-panel-select .el-select__selected-item,\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 .el-select__selected-item span {\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n}\r\n.pops-panel-select .el-select__selected-item.el-select__choose_tag .el-tag,\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 .el-select__input-wrapper,\r\n.pops-panel-select-multiple .el-select__input-wrapper {\r\n  max-width: 100%;\r\n}\r\n.pops-panel-select .el-select__selection.is-near,\r\n.pops-panel-select-multiple .el-select__selection.is-near {\r\n  margin-left: -8px;\r\n}\r\n.pops-panel-select .el-select__placeholder,\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 .el-select__placeholder.is-transparent,\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 .el-select__prefix,\r\n.pops-panel-select .el-select__suffix,\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 .el-icon,\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 .el-icon svg,\r\n.pops-panel-select-multiple .el-icon svg {\r\n  height: 1em;\r\n  width: 1em;\r\n}\r\n.pops-panel-select .el-select__caret,\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: transform var(--el-transition-duration);\r\n  transform: rotate(0);\r\n  cursor: pointer;\r\n}\r\n/* 把箭头旋转 */\r\n.pops-panel-select[data-show-option] .el-select__caret,\r\n.pops-panel-select-multiple[data-show-option] .el-select__caret {\r\n  transform: rotate(180deg);\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/* 禁用样式 */\r\n.pops-panel-select-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-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-disable .el-select__selection .el-tag,\r\n.pops-panel-select-disable .el-tag .el-tag__close:hover,\r\n.pops-panel-select-disable .el-select__wrapper,\r\n.pops-panel-select-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: -moz-available;\r\n  width: -webkit-fill-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.pops-rightClickMenu[data-position="absolute"] {\r\n  position: absolute;\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: -moz-available;\r\n  width: -webkit-fill-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',panelComponents_Select:".pops {\r\n  max-height: 300px;\r\n}\r\n.select-container {\r\n  --el-font-size-base: 14px;\r\n  --el-text-color-regular: #606266;\r\n  --el-color-primary: #409eff;\r\n  --el-fill-color-light: #f5f7fa;\r\n  --el-disable-color: #a8abb2;\r\n}\r\n.select-item {\r\n  cursor: pointer;\r\n  font-size: var(--el-font-size-base);\r\n  padding: 0 20px 0 20px;\r\n  position: relative;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  color: var(--el-text-color-regular);\r\n  min-height: 34px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  box-sizing: border-box;\r\n}\r\n.select-item[aria-disabled],\r\n.select-item[disabled] {\r\n  cursor: not-allowed;\r\n  color: var(--el-disable-color);\r\n  background: unset;\r\n}\r\n.select-item:hover {\r\n  background-color: var(--el-fill-color-light);\r\n}\r\n.select-item.select-item-is-selected:has(.pops-panel-input input) {\r\n  background-color: #e7e7e7;\r\n}\r\n.select-item.select-item-is-selected {\r\n  color: var(--el-color-primary);\r\n  font-weight: 700;\r\n}\r\n.select-item.select-item-is-selected:not(:has(.pops-panel-input))::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 12px;\r\n  border-top: none;\r\n  border-right: none;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-color: var(--el-color-primary);\r\n  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\")\r\n    no-repeat;\r\n  mask-size: 100% 100%;\r\n  -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\")\r\n    no-repeat;\r\n  -webkit-mask-size: 100% 100%;\r\n  transform: translateY(-50%);\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.select-item .pops-panel-input {\r\n  width: 100%;\r\n  margin: 5px 0px;\r\n}\r\n.select-item .pops-panel-input:has(.pops-panel-input-valid-error) {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.select-item .select-item-text {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n  .select-container {\r\n    --el-text-color-regular: #f2f2f2;\r\n    --el-disable-color: #8d9095;\r\n    --el-fill-color-light: #262727;\r\n  }\r\n}\r\n"},Tt={$data:{},$flag:{isInit:!1},init(){if(!this.$flag.isInit){this.$flag.isInit=!0;const t=St.createElement("style",{innerHTML:Et.anim});St.appendHead(t),this.$data=null,this.$data=St.getKeyFrames(t.sheet),bt.setTimeout(()=>{t.remove()},50)}},hasAnim(t){return Object.prototype.hasOwnProperty.call(this.$data,t)}},It={alert:[],confirm:[],drawer:[],folder:[],iframe:[],loading:[],panel:[],prompt:[],rightClickMenu:[],tooltip:[]},Mt={getMaxZIndexNodeInfo(t=1,e=a.document,n){t=Number.isNaN(t)?1:t;const o=2*Math.pow(10,9);let r=0,i=null;function s(t){if("function"==typeof n){const e=n(t);if("boolean"==typeof e&&!e)return}const e=a.window.getComputedStyle(t);if("static"!==(o=e).position&&"none"!==o.display){const n=parseInt(e.zIndex);isNaN(n)||n>r&&(r=n,i=t),null!=t.shadowRoot&&t instanceof ShadowRoot&&t.shadowRoot.querySelectorAll("*").forEach(t=>{s(t)})}var o}return e.querySelectorAll("*").forEach(t=>{s(t)}),r+=t,r>=o&&(r=o),{node:i,zIndex:r}},getPopsMaxZIndex(t=1){t=Number.isNaN(t)?1:t;const e=2*Math.pow(10,9);let n=0,o=null;function r(t){return"static"!==t.position&&"none"!==t.display}Object.keys(It).forEach(t=>{const e=It[t];for(let t=0;t<e.length;t++){const a=e[t],i=window.getComputedStyle(a.$anim);if(r(i)){const t=parseInt(i.zIndex);isNaN(t)||t>n&&(n=t,o=a.$anim)}}}),n+=t;const a=n>=e;return a&&(n=e),{zIndex:n,animElement:o,isOverMaxZIndex:a}},getMaxZIndex(t=1){return this.getMaxZIndexNodeInfo(t).zIndex},async removeInstance(t,e,n=!1){const o=function(t){"function"==typeof t.beforeRemoveCallBack&&t.beforeRemoveCallBack(t),t?.$anim?.remove(),t?.$pops?.remove(),t?.$mask?.remove(),t?.$shadowContainer?.remove()},r=[];return t.forEach(t=>{t.forEach(async(a,i)=>{if(n||"string"==typeof e&&a.guid===e){const e=a.$anim.getAttribute("anim");if(Tt.hasAnim(e)){const t=e+"-reverse";St.css(a.$anim,"width","100%"),St.css(a.$anim,"height","100%"),St.css(a.$anim,"animation-name",t),Tt.hasAnim(St.css(a.$anim,"animation-name"))?r.push(new Promise(t=>{St.on(a.$anim,St.getAnimationEndNameList(),function(){o(a),t()},{capture:!0})})):o(a)}else o(a);t.splice(i,1)}})}),await Promise.all(r),t},hide:(t,e,n,o,r,a)=>new Promise(i=>{const s=r.querySelector(".pops[type-value]");if("drawer"===e){const l=t;bt.setTimeout(()=>{a&&St.css(a,"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=n.find(t=>t.guid===o);if(p){const c=p;if(c.$anim.style.width="100%",c.$anim.style.height="100%",Reflect.set(c.$anim.style,"animation-name",c.$anim.getAttribute("anim")+"-reverse"),Tt.hasAnim(Reflect.get(c.$anim.style,"animation-name"))){function d(){c.$anim.style.display="none",c.$mask&&(c.$mask.style.display="none"),St.off(c.$anim,St.getAnimationEndNameList(),d,{capture:!0}),i()}St.on(c.$anim,St.getAnimationEndNameList(),d,{capture:!0})}else c.$anim.style.display="none",c.$mask&&(c.$mask.style.display="none"),i()}}}),show:(t,e,n,o,r,a)=>new Promise(i=>{const s=r.querySelector(".pops[type-value]");if("drawer"===e){const l=t;bt.setTimeout(()=>{a&&St.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=n.find(t=>t.guid===o);if(p){const c=p;if(c.$anim.style.width="",c.$anim.style.height="",Reflect.set(c.$anim.style,"animation-name",c.$anim.getAttribute("anim").replace("-reverse","")),Tt.hasAnim(Reflect.get(c.$anim.style,"animation-name"))){function d(){St.off(c.$anim,St.getAnimationEndNameList(),d,{capture:!0}),i()}c.$anim.style.display="",c.$mask&&(c.$mask.style.display=""),St.on(c.$anim,St.getAnimationEndNameList(),d,{capture:!0})}else c.$anim.style.display="",c.$mask&&(c.$mask.style.display=""),i()}}}),async close(t,e,n,o,r){await new Promise(async a=>{const i=r.querySelector(".pops[type-value]"),s=t;"drawer"===e?bt.setTimeout(()=>{St.on(i,St.getTransitionEndNameList(),async function t(e){"transform"===e.propertyName&&(St.off(i,St.getTransitionEndNameList(),t),await Mt.removeInstance([n],o),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):St.emit(i,St.getTransitionEndNameList(),void 0,!0)},s.closeDelay):(await Mt.removeInstance([n],o),a())}),It.rightClickMenu.forEach(t=>{const e=t.config;if(e.$target instanceof HTMLElement){const n=e.$target.getRootNode();n instanceof HTMLElement&&null==n.parentElement&&t.destory()}}),It.tooltip.forEach(t=>{const e=t.config;if(e.$target instanceof HTMLElement){const n=e.$target.getRootNode();n instanceof HTMLElement&&null==n.parentElement&&t.destory()}})},drag(t,e){e=Object.assign({limit:!0,extraDistance:3,container:a.globalThis,emitClick:!0},e);let n=!1,o=0,r=0;const i=new(bt.AnyTouch())(e.dragElement,{preventDefault:t=>"function"!=typeof e.preventEvent||e.preventEvent(t)});function s(t){return t=t??globalThis,{width:St.width(t),height:St.height(t)}}St.css(e.dragElement,{cursor:"move"});let l=St.getTransform(t),p=null;i.on("pan",function(a){if(!n){n=!0;const i=e.dragElement.getBoundingClientRect();o=a.x-i.left,r=a.y-i.top,l=St.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-o+l.transformLeft,c=a.y-r+l.transformTop;if("move"===a.phase){if(e.limit){const n=s(e.container).width-St.width(t)+l.transformLeft,{left:o,top:r}=function(t){if(t=t??globalThis,bt.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-St.height(t)+l.transformTop;i>n&&(i=n),c>a&&(c=a),i-2*e.extraDistance<o+l.transformLeft?(i=o+l.transformLeft,i+=e.extraDistance):i-=e.extraDistance,c-2*e.extraDistance<r+l.transformTop?(c=r+l.transformTop,c+=e.extraDistance):c-=e.extraDistance}"function"==typeof e.moveCallBack&&e.moveCallBack(t,i,c),St.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.emitClick&&i.on(["tap"],function(t){t.changedPoints.forEach(t=>{St.emit(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(o,r){const a=t(r),i=e(o);return n?i>a?-1:i<a?1:0:i<a?-1:i>a?1:0}}},Bt={handlerShadow(t){const e=St.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(Tt.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=St.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:St.parseTextToDOM(t.maskHTML)};let n=!1;function o(n){St.preventEvent(n);const o=It[t.type];function r(){return t.config.mask.clickEvent.toClose?Mt.close(t.config,t.type,o,t.guid,t.animElement):t.config.mask.clickEvent.toHide?Mt.hide(t.config,t.type,o,t.guid,t.animElement,e.maskElement):void 0}return"function"==typeof t.config.mask.clickCallBack?t.config.mask.clickCallBack(r,t.config):r(),!1}if(t.config.mask.clickEvent.toClose||t.config.mask.clickEvent.toHide){function r(t){return Boolean("div"===t?.localName?.toLowerCase()&&t.className&&"pops-anim"===t.className&&t.hasAttribute("anim"))}St.on(t.animElement,["touchstart","mousedown"],t=>{const e=t.composedPath()[0];n=r(e)}),St.on(t.animElement,"click",t=>{if(r(t.composedPath()[0])&&n)return o(t)}),St.on(e.maskElement,"click",t=>{n=!0,o(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"]')}),handleEventConfig:(t,e,n,o,r,a,i,s)=>({$shadowContainer:n,$shadowRoot:o,$el:a,$anim:a,$pops:i,$mask:s,mode:r,guid:e,close:()=>Mt.close(t,r,It[r],e,a),hide:()=>Mt.hide(t,r,It[r],e,a,s),show:n=>(n&&n.appendChild(It[r][0].$shadowRoot),Mt.show(t,r,It[r],e,a,s))}),handleLoadingEventConfig:(t,e,n,o,r,a)=>({$el:o,$anim:o,$pops:r,$mask:a,mode:n,guid:e,close:()=>Mt.close(t,n,It[n],e,o),hide:()=>Mt.hide(t,n,It[n],e,o,a),show:()=>Mt.show(t,n,It[n],e,o,a)}),handleResultConfig(t){const e=Object.assign({},t);return bt.delete(e,"type"),bt.delete(e,"function"),e},handleClickEvent(t,e,n,o){"function"==typeof o&&St.on(e,"click",e=>{const r={type:t};o(Object.assign(n,r),e)},{capture:!0})},handleKeyboardEvent(t,e=[],n){const o=function(o){const r=o.code||o.key,a=o.charCode||o.keyCode||o.which;e.includes("ctrl")&&!o.ctrlKey||e.includes("alt")&&!o.altKey||e.includes("meta")&&!o.metaKey||e.includes("shift")&&!o.shiftKey||("string"==typeof t&&t===r?n&&n(o):"number"==typeof t&&t===a&&n&&n(o))};return St.on(a.globalThis,"keydown",o,{capture:!0}),{removeKeyboardEvent(){St.off(globalThis,"keydown",o,{capture:!0})}}},handlePromptClickEvent(t,e,n,o,r){St.on(n,"click",n=>{const a={type:t,text:e.value};r(Object.assign(o,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=It[t];e&&Mt.removeInstance([e],"",!0)}else Mt.removeInstance([It.alert,It.confirm,It.drawer,It.folder,It.iframe,It.panel,It.prompt],"",!0);else{const t=e.zIndex;e.zIndex=()=>{const{zIndex:e}=Mt.getPopsMaxZIndex(Bt.handleZIndex(t)+100);return e}}return e},handlePush(t,e){It[t].push(e)}},Lt={init(e){const n=bt.getRandomGUID(),o="alert";let r={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(){}};r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"alertCSS",css:Et.alertCSS}]);const s=Bt.handleZIndex(r.zIndex),l=kt.createMask(n,s),p=kt.createHeader(o,r),c=kt.createBottom(o,r),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,r),{contentStyle:f,contentPStyle:m}=kt.createContentStyle(o,r),h=kt.createAnim(n,o,r,`\n\t\t\t<div class="pops-title pops-${o}-title" style="text-align: ${r.title.position};${d}">${r.title.html?r.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${r.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${o}-content" style="${f}">${r.content.html?r.content.text:`<p pops class="pops-${o}-content-text" style="${m}">${r.content.text}</p>`}</div>${c}`,c,s),b=kt.parseElement(h),{$pops:g,$headerBtnClose:v,$btnOk:x,$title:y}=Bt.handleQueryElement(b,o);let w;const A=[b];if(r.mask.enable){w=Bt.handleMask({type:o,guid:n,config:r,animElement:b,maskHTML:l}).maskElement,A.push(w)}const C=Bt.handleEventConfig(r,n,a,i,o,b,g,w),$=Bt.handleResultConfig(C);return Bt.handleClickEvent("close",v,C,r.btn.close?.callback),Bt.handleClickEvent("ok",x,C,r.btn.ok?.callback),St.append(i,A),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(i,a),St.appendBody(a),null!=w&&b.after(w),Bt.handlePush(o,{guid:n,$anim:b,$pops:g,$mask:w,$shadowContainer:a,$shadowRoot:i,config:r,destory:$.close}),r.drag&&Mt.drag(g,{dragElement:y,limit:r.dragLimit,extraDistance:r.dragExtraDistance,moveCallBack:r.dragMoveCallBack,endCallBack:r.dragEndCallBack}),$}},zt={init(e){const n=bt.getRandomGUID(),o="confirm";let r={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(){}};r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"confirmCSS",css:Et.confirmCSS}]);const s=Bt.handleZIndex(r.zIndex),l=kt.createMask(n,s),p=kt.createHeader(o,r),c=kt.createBottom(o,r),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,r),{contentStyle:f,contentPStyle:m}=kt.createContentStyle(o,r),h=kt.createAnim(n,o,r,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${r.title.position};${d}">${r.title.html?r.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${r.title.text}</p>`}${p}</div>\n                        <div class="pops-content pops-${o}-content" style="${f}">${r.content.html?r.content.text:`<p pops class="pops-${o}-content-text" style="${m}">${r.content.text}</p>`}</div>${c}`,c,s),b=kt.parseElement(h),{$pops:g,$title:v,$headerBtnClose:x,$btnOk:y,$btnCancel:w,$btnOther:A}=Bt.handleQueryElement(b,o);let C;const $=[b];if(r.mask.enable){C=Bt.handleMask({type:o,guid:n,config:r,animElement:b,maskHTML:l}).maskElement,$.push(C)}const S=Bt.handleEventConfig(r,n,a,i,o,b,g,C),k=Bt.handleResultConfig(S);return Bt.handleClickEvent("close",x,S,r.btn.close.callback),Bt.handleClickEvent("ok",y,S,r.btn.ok.callback),Bt.handleClickEvent("cancel",w,S,r.btn.cancel.callback),Bt.handleClickEvent("other",A,S,r.btn.other.callback),St.append(i,$),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(i,a),St.appendBody(a),null!=C&&b.after(C),Bt.handlePush(o,{guid:n,$anim:b,$pops:g,$mask:C,$shadowContainer:a,$shadowRoot:i,config:r,destory:k.close}),r.drag&&Mt.drag(g,{dragElement:v,limit:r.dragLimit,extraDistance:r.dragExtraDistance,moveCallBack:r.dragMoveCallBack,endCallBack:r.dragEndCallBack}),k}},Pt={init(e){const n=bt.getRandomGUID(),o="drawer";let r={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};r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"drawerCSS",css:Et.drawerCSS}]);const s=Bt.handleZIndex(r.zIndex),l=kt.createMask(n,s),p=kt.createHeader(o,r),c=kt.createBottom(o,r),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,r),{contentStyle:f,contentPStyle:m}=kt.createContentStyle(o,r),h=kt.createAnim(n,o,r,`\n            ${r.title.enable?`<div class="pops-title pops-${o}-title" style="${d}">${r.title.html?r.title.text:`<p pops class="pops-${o}-title-text" style="width: 100%;text-align: ${r.title.position};${u}">${r.title.text}</p>`}${p}</div>`:""}\n            <div class="pops-content pops-${o}-content" style="${f}">${r.content.html?r.content.text:`<p pops class="pops-${o}-content-text" style="${m}">${r.content.text}</p>`}</div>${c}`,c,s),b=kt.parseElement(h),{$pops:g,$headerBtnClose:v,$btnCancel:x,$btnOk:y,$btnOther:w}=Bt.handleQueryElement(b,o),A=g,C=v,$=x,S=y,k=w;let E;const T=[b];if(r.mask.enable){E=Bt.handleMask({type:o,guid:n,config:r,animElement:b,maskHTML:l}).maskElement,T.push(E)}const I=Bt.handleEventConfig(r,n,a,i,o,b,A,E),M=Bt.handleResultConfig(I);A.setAttribute("direction",r.direction),"top"===r.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`0px 0px ${r.borderRadius}px ${r.borderRadius}px`)):"bottom"===r.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`${r.borderRadius}px ${r.borderRadius}px 0px 0px`)):"left"===r.direction?(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`0px ${r.borderRadius}px 0px ${r.borderRadius}px`)):"right"===r.direction&&(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`${r.borderRadius}px 0px ${r.borderRadius}px 0px`)),r.closeOnPressEscape&&Bt.handleKeyboardEvent("Escape",[],function(){I.close()});return[{type:"close",ele:C},{type:"cancel",ele:$},{type:"ok",ele:S},{type:"other",ele:k}].forEach(t=>{Bt.handleClickEvent(t.type,t.ele,I,(e,n)=>{const o=r.btn[t.type].callback;"function"==typeof o&&o(e,n)})}),T.forEach(t=>{t.style.setProperty("display","none"),["top"].includes(r.direction)?(A.style.setProperty("height",r.size.toString()),A.style.setProperty("transform","translateY(-100%)")):["bottom"].includes(r.direction)?(A.style.setProperty("height",r.size.toString()),A.style.setProperty("transform","translateY(100%)")):["left"].includes(r.direction)?(A.style.setProperty("width",r.size.toString()),A.style.setProperty("transform","translateX(-100%)")):["right"].includes(r.direction)&&(A.style.setProperty("width",r.size.toString()),A.style.setProperty("transform","translateX(100%)")),t.style.setProperty("display","")}),St.append(i,T),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(i,a),St.appendBody(a),bt.setTimeout(()=>{bt.setTimeout(()=>{A.style.setProperty("transform","")},r.openDelay)},50),null!=E&&b.after(E),Bt.handlePush(o,{guid:n,$anim:b,$pops:A,$mask:E,$shadowContainer:a,$shadowRoot:i,config:r,destory:M.close}),M}},Rt={init(e){const n=bt.getRandomGUID(),o="loading";let r={$parent:document.body||document.documentElement,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};r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const a=Bt.handleZIndex(r.zIndex),i=kt.createMask(n,a),{contentPStyle:s}=kt.createContentStyle("loading",r),l=kt.createAnim(n,o,r,`\n            <div class="pops-content pops-${o}-content">${r.addIndexCSS?`\n                <style data-model-name="index">${Et.index}</style>\n                <style data-model-name="anim">${Et.anim}</style>\n                <style data-model-name="common">${Et.common}</style>\n                `:""}\n                <style data-model-name="loadingCSS">\n                    ${Et.loadingCSS}\n                </style>\n            ${null!=r.style?`<style>${r.style}</style>`:""}\n            \t<p pops class="pops-${o}-content-text" style="${s}">${r.content.text}</p>\n            </div>`,"",a),p=kt.parseElement(l),{$pops:c}=Bt.handleQueryElement(p,o);let d;const u=[p];if(r.mask.enable){d=Bt.handleMask({type:o,guid:n,config:r,animElement:p,maskHTML:i}).maskElement,u.push(d)}const f=Bt.handleLoadingEventConfig(r,n,o,p,c,d);St.append(r.$parent,u),null!=d&&p.after(d),Bt.handlePush(o,{guid:n,$anim:p,$pops:c,$mask:d}),r.isAbsolute&&(St.css(p,"position","absolute !important"),d&&St.css(d,"position","absolute !important"));return Bt.handleResultConfig(f)}},Nt=()=>({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:(t,e)=>(console.log("下载文件：",e),{autoDownload:!0,url:"https://update.greasyfork.org/scripts/456485/pops.js",mode:"aBlank"})}]}]},{fileName:"测试文件.apk",fileSize:30125682,fileType:"apk",createTime:1702036410440,latestTime:1702039410440,isFolder:!1,index:1,clickEvent(){return console.log("下载文件：",this.fileName),{autoDownload:!0,url:"https://update.greasyfork.org/scripts/456485/pops.js",mode:"openBlank"}}}],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(){}}),Dt={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="},Ht={init(e){const n=bt.getRandomGUID(),o="folder";let r=Nt();r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"folderCSS",css:Et.folderCSS}]),Reflect.set(Dt,"docx",Dt.doc),Reflect.set(Dt,"rtf",Dt.doc),Reflect.set(Dt,"xlsx",Dt.xls),Reflect.set(Dt,"pptx",Dt.ppt),Reflect.set(Dt,"dmg",Dt.ipa),Reflect.set(Dt,"json",Dt.js);["rar","7z","arj","bz2","cab","iso","jar","lz","lzh","tar","uue","xz","z","zipx","zst","001"].forEach(t=>{Dt[t]=Dt.zip}),["jpg","jpeg","ico","webp"].forEach(t=>{Dt[t]=Dt.png}),["htm","py","vue","bat","sh","vbs","java","kt"].forEach(t=>{Dt[t]=Dt.html}),["apk","apkm","xapk"].forEach(t=>{Dt[t]=Dt.apk}),r?.folder&&Reflect.set(r,"folder",r.folder);const s=Bt.handleZIndex(r.zIndex),l=kt.createMask(n,s),p=kt.createHeader(o,r),c=kt.createBottom(o,r),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,r),f=kt.createAnim(n,o,r,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${r.title.position};${d}">${r.title.html?r.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${r.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${o}-content ${bt.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${bt.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),m=kt.parseElement(f),{$pops:h,$title:b,$content:g,$folderTbody:v,$folderHeaderBreadcrumbPrimary:x,$headerBtnClose:y,$btnOk:w,$btnCancel:A,$btnOther:C,$folderSortFileName:$,$folderSortLatestTime:S,$folderSortFileSize:k}=Bt.handleQueryElement(m,o);let E;const T=[m];if(r.mask.enable){E=Bt.handleMask({type:o,guid:n,config:r,animElement:m,maskHTML:l}).maskElement,T.push(E)}const I=Bt.handleEventConfig(r,n,a,i,o,m,h,E),M=Bt.handleResultConfig(I);Bt.handleClickEvent("close",y,I,r.btn.close.callback),Bt.handleClickEvent("ok",w,I,r.btn.ok.callback),Bt.handleClickEvent("cancel",A,I,r.btn.cancel.callback),Bt.handleClickEvent("other",C,I,r.btn.other.callback),St.append(i,T),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(i,a),St.appendBody(a),null!=E&&m.after(E);const B=new class{init(){r.folder.sort(),this.initFolderView(r.folder);const t=x.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");Reflect.set(t,"data-config",r.folder),St.on(t,"click",t=>{this.setBreadcrumbClickEvent(t,!0,r.folder)}),St.on($.closest("th"),"click",t=>{this.arrowToSortFolderInfoView($,t,"fileName")},{capture:!0}),St.on(S.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(S,t,"latestTime")},{capture:!0}),St.on(k.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(k,t,"fileSize")},{capture:!0}),"fileName"===r.sort.name?St.emit($,"click",{notChangeSortRule:!0}):"latestTime"===r.sort.name?St.emit(S,"click",{notChangeSortRule:!0}):"fileSize"===r.sort.name&&St.emit(k,"click",{notChangeSortRule:!0})}createFolderRowElement(t,e="-",n="-",o=!1){const r=t,a=e,i=n,s=St.createElement("tr"),l=St.createElement("td"),p=St.createElement("td"),c=St.createElement("td");let d="",u=Dt.folder;if(o)e="",n="";else{u="","number"==typeof e&&(e=bt.formatTime(e)),"number"==typeof n&&(n=bt.formatByteToSize(n));for(const e in Dt)if(t.toLowerCase().endsWith("."+e)){d=e,u=Reflect.get(Dt,e);break}u||(d="Null",u=Dt.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",gt.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="${u}" 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            `),gt.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`),gt.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 f={fileName:r,latestTime:a,fileSize:i,isFolder:o};return Reflect.set(l,"__value__",f),Reflect.set(p,"__value__",f),Reflect.set(c,"__value__",f),Reflect.set(s,"__value__",f),s.appendChild(l),s.appendChild(p),s.appendChild(c),{folderElement:s,fileNameElement:l,fileTimeElement:p,fileFormatSize:c}}createFolderRowElementByMobile(t,e="-",n="-",o=!1){const r=t,a=e,i=n,s=St.createElement("tr"),l=St.createElement("td");let p="",c=Dt.folder;if(o)e="",n="";else{c="","number"==typeof e&&(e=bt.formatTime(e)),"number"==typeof n&&(n=bt.formatByteToSize(n));for(const e in Dt)if(t.toLowerCase().endsWith("."+e)){p=e,c=Reflect.get(Dt,e);break}c||(p="Null",c=Dt.Null)}s.className="pops-folder-list-table__body-row",l.className="pops-folder-list-table__body-td",gt.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:r,latestTime:a,fileSize:i,isFolder:o};return Reflect.set(l,"__value__",d),Reflect.set(s,"__value__",d),s.appendChild(l),{folderElement:s,fileNameElement:l}}clearFolderInfoView(){gt.setSafeHTML(v,"")}createHeaderArrowIcon(){return St.createElement("div",{className:"iconArrow"})}createBreadcrumb(t,e){return St.createElement("span",{className:"pops-folder-file-list-breadcrumb-allFiles cursor-p",innerHTML:`<a>${t}</a>`,"data-config":e},{title:t})}setBreadcrumbClickEvent(t,e,n){this.clearFolderInfoView();const o=t.target.closest("span.pops-folder-file-list-breadcrumb-allFiles");if(o)for(;o.nextElementSibling;)o.nextElementSibling.remove();else console.error("获取导航按钮失败");const r=Rt.init({$parent:g,content:{text:"获取文件列表中..."},mask:{enable:!0,clickEvent:{toClose:!1,toHide:!1}},addIndexCSS:!1});this.initFolderView(n),r.close()}async enterFolder(t,e){this.clearFolderInfoView();const n=Rt.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 o=this.createBreadcrumb(e.fileName,n);x.appendChild(o),St.on(o,"click",t=>{this.setBreadcrumbClickEvent(t,!1,n)}),this.initFolderView(n)}n.close()}async downloadFile(t,e,n){St.preventEvent(t);const o=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()&&(o.setAttribute("href",e.url),o.setAttribute("target","_blank"),e.autoDownload))if(null!=e.mode&&""!==String(e.mode)||(e.mode="aBlank"),"a"===e.mode||"aBlank"===e.mode){const t=St.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=St.createElement("iframe");t.src=e.url,t.onload=function(){bt.setTimeout(()=>{t.remove()},1e3)},i.appendChild(t),bt.setTimeout(()=>{t.remove()},18e4)}else console.error("未知的下载模式",e)}}sortFolderConfig(t,e="fileName",n=!1){if("fileName"===e){const o=t.filter(t=>t.isFolder),r=t.filter(t=>!t.isFolder);return o.sort((t,o)=>{const r=t[e].toString(),a=o[e].toString();let i=r.localeCompare(a);return n&&(i>0?i=-1:i<0&&(i=1)),i}),r.sort((t,o)=>{const r=t[e].toString(),a=o[e].toString();let i=r.localeCompare(a);return n&&(i>0?i=-1:i<0&&(i=1)),i}),n?[...r,...o]:[...o,...r]}return t.sort((t,o)=>{let r=t[e],a=o[e];return"fileSize"===e?(r=parseFloat(r.toString()),a=parseFloat(a.toString())):"latestTime"===e&&(r=new Date(r).getTime(),a=new Date(a).getTime()),r>a?n?-1:1:r<a?n?1:-1:0}),t}initFolderView(t){this.sortFolderConfig(t,r.sort.name,r.sort.isDesc),t.forEach(t=>{if(t.isFolder){const{folderElement:e,fileNameElement:n}=bt.isPhone()?this.createFolderRowElementByMobile(t.fileName,"","",!0):this.createFolderRowElement(t.fileName,"","",!0);St.on(n,"click",e=>{this.enterFolder(e,t)}),v.appendChild(e)}else{const{folderElement:e,fileNameElement:n}=bt.isPhone()?this.createFolderRowElementByMobile(t.fileName,t.latestTime,t.fileSize,!1):this.createFolderRowElement(t.fileName,t.latestTime,t.fileSize,!1);St.on(n,"click",e=>{this.downloadFile(e,n,t)}),v.appendChild(e)}})}removeArrowActiveStatus(){[...Array.from($.querySelectorAll(".pops-folder-icon-active")),...Array.from(S.querySelectorAll(".pops-folder-icon-active")),...Array.from(k.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")||(r.sort.name=n,r.sort.isDesc=!r.sort.isDesc);const o=t.querySelector(".pops-folder-icon-arrow-up"),a=t.querySelector(".pops-folder-icon-arrow-down");if(this.changeArrowActive(o,a,r.sort.isDesc),"function"==typeof r.sort.callback&&r.sort.callback(t,e,r.sort.name,r.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,r.sort.name,r.sort.isDesc).forEach(t=>{v.appendChild(t.target)})}};return B.init(),Reflect.set(h,"data-pops-folder",B),r.drag&&Mt.drag(h,{dragElement:b,limit:r.dragLimit,extraDistance:r.dragExtraDistance,moveCallBack:r.dragMoveCallBack,endCallBack:r.dragEndCallBack}),Bt.handlePush(o,{guid:n,$anim:m,$pops:h,$mask:E,$shadowContainer:a,$shadowRoot:i,config:r,destory:M.close}),M}},_t={init(e){const n=bt.getRandomGUID(),o="iframe";let r={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(r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),null==r.url)throw new TypeError("config.url must not be null.");r=Bt.handleOnly(o,r);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(r);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"iframeCSS",css:Et.iframeCSS}]);const l=null!=r.animation&&""!=r.animation?"position:absolute;":"",p=Bt.handleZIndex(r.zIndex),c=kt.createMask(n,p,l),d=kt.createHeader(o,r),u=""!==r.title.text.trim()?r.title.text:r.url,{headerStyle:f,headerPStyle:m}=kt.createHeaderStyle(o,r),h=kt.createAnim(n,o,r,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${r.title.position};${f}">${r.title.html?u:`<p pops class="pops-${o}-title-text" style="${m}">${u}</p>`}${d}</div>\n\t\t\t<div class="pops-content pops-${o}-content">\n                <div class="pops-${o}-content-global-loading"></div>\n                <iframe src="${r.url}" pops ${r.sandbox?"sandbox='allow-forms allow-same-origin allow-scripts'":""}>\n                </iframe>\n\t\t\t</div>${r.loading.enable?'<div class="pops-loading"></div>':""}`,"",p),b=kt.parseElement(h),{$pops:g,$headerBtnClose:v,$headerControls:x,$title:y,$iframe:w,$loading:A,$contentLoading:C,$headerBtnMin:$,$headerBtnMax:S,$headerBtnMise:k}=Bt.handleQueryElement(b,o);let E,T=a.document.querySelector(".pops-iframe-container");T||(T=St.createElement("div",{className:"pops-iframe-container"}),T.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;",St.appendBody(T));const I=[b];if(r.mask.enable){E=Bt.handleMask({type:o,guid:n,config:r,animElement:b,maskHTML:c}).maskElement,I.push(E)}const M=Bt.handleEventConfig(r,n,i,s,o,b,g,E);M.$iframe=w;const B=Bt.handleResultConfig(M);St.on(b,St.getAnimationEndNameList(),function(){b.style.width="0%",b.style.height="0%"}),St.on(w,"load",()=>{A?.remove(),C.style.animation="iframeLoadingChange_85 0.3s forwards",St.on(C,St.getAnimationEndNameList(),()=>{C.remove()}),""===r.title.text.trim()&&w.contentDocument&&(y.querySelector("p").innerText=w.contentDocument.title),r.loadEndCallBack(M)}),St.append(s,I),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(s,i),T.appendChild(i),null!=E&&b.after(E),r.drag&&Mt.drag(g,{dragElement:y,limit:r.dragLimit,extraDistance:r.dragExtraDistance,moveCallBack:r.dragMoveCallBack,endCallBack:r.dragEndCallBack});const L="type-module";let z="",P="",R=!1;return St.on($,"click",t=>{t.preventDefault(),t.stopPropagation(),z=g.style.left,P=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(L,"min"),x.setAttribute("type","min"),S.style.setProperty("display","none"),k.style.setProperty("display",""),"function"==typeof r?.btn?.min?.callback&&r.btn.min.callback(M,t)},{capture:!0}),St.on(S,"click",t=>{t.preventDefault(),t.stopPropagation(),"min"!==g.getAttribute(L)&&(z=g.style.left,P=g.style.top),R=!0,g.style.transitionDuration="",g.style.transform="",g.removeAttribute(L),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(L,"max"),x.setAttribute("type","max"),S.style.setProperty("display","none"),k.style.setProperty("display",""),"function"==typeof r?.btn?.max?.callback&&r.btn.max.callback(M,t)},{capture:!0}),k?.style?.setProperty("display","none"),St.on(k,"click",t=>{t.preventDefault(),t.stopPropagation(),R&&"min"===g.getAttribute(L)?(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(L,"max"),x.setAttribute("type","max")):(R=!1,g.style.left=z,g.style.top=P,g.style.transitionDuration="",g.style.transform="",x.removeAttribute("type"),g.removeAttribute(L),g.classList.remove("pops-iframe-unset-top"),g.classList.remove("pops-iframe-unset-left"),g.classList.remove("pops-iframe-unset-transform"),S.style.setProperty("display",""),k.style.setProperty("display","none")),"function"==typeof r?.btn?.mise?.callback&&r.btn.mise.callback(M,t)},{capture:!0}),St.on(v,"click",async t=>{t.preventDefault(),t.stopPropagation(),await Mt.removeInstance([It.iframe],n,!1),"function"==typeof r?.btn?.close?.callback&&r.btn.close.callback(M,t)},{capture:!0}),Bt.handlePush(o,{guid:n,$anim:b,$pops:g,$mask:E,$shadowContainer:i,$shadowRoot:s,config:r,destory:B.close}),B}},Ot={isFloat:t=>Number(t)===t&&t%1!=0,add(t,e){let n,o;try{n=t.toString().split(".")[1].length}catch{n=0}try{o=e.toString().split(".")[1].length}catch{o=0}const r=Math.pow(10,Math.max(n,o));return Math.round(t*r+e*r)/r},sub(t,e){let n,o;try{n=t.toString().split(".")[1].length}catch{n=0}try{o=e.toString().split(".")[1].length}catch{o=0}const r=Math.pow(10,Math.max(n,o)),a=n>=o?n:o;return(Math.round(t*r-e*r)/r).toFixed(a)},division(t,e){let n,o;try{n=t.toString().split(".")[1].length}catch{n=0}try{o=e.toString().split(".")[1].length}catch{o=0}return Number(t.toString().replace(".",""))/Number(e.toString().replace(".",""))*Math.pow(10,o-n)}};class Ut{$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=St.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(St.addClassName(t,this.$data.config.className),t.style.zIndex=Bt.handleZIndex(this.$data.config.zIndex).toString(),null!=this.$data.config.style){const e=St.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)}gt.setSafeHTML(this.$el.$content,t)}getZIndex(){return Bt.handleZIndex(this.$data.config.zIndex)}changeZIndex(){const t=this.getZIndex();this.$el.$toolTip.style.setProperty("z-index",t.toString())}calcToolTipPosition(t,e,n,o){const r=St.offset(t,!this.$data.config.isFixed),a=r.width,i=r.height,s=r.top,l=r.left,p=St.outerWidth(this.$el.$toolTip),c=St.outerHeight(this.$el.$toolTip),d=l+a/2-p/2,u=s+i/2-c/2;let f=0,m=0;if(null!=o)if(o instanceof MouseEvent||o instanceof PointerEvent)f=o.pageX,m=o.y;else if(o instanceof TouchEvent){const t=o.touches[0];f=t.pageX,m=t.pageY}else"number"==typeof o.clientX&&(f=o.clientX),"number"==typeof o.clientY&&(m=o.clientY);return{TOP:{left:d-n,top:s-c-e,arrow:"bottom",motion:"fadeInTop"},RIGHT:{left:l+a+e,top:u+n,arrow:"left",motion:"fadeInRight"},BOTTOM:{left:d-n,top:s+i+e,arrow:"top",motion:"fadeInBottom"},LEFT:{left:l-p-e,top:u+n,arrow:"right",motion:"fadeInLeft"},FOLLOW:{left:f+n,top:m+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 o=n[t];if("number"==typeof e){if(e==o){bt.clearTimeout(e),n.splice(t,1);break}}else bt.clearTimeout(o),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}bt.contains(this.$el.$shadowRoot,this.$el.$toolTip)||(this.init(),St.append(this.$el.$shadowRoot,this.$el.$toolTip)),bt.contains(this.$el.$shadowContainer)||("function"==typeof this.$data.config.beforeAppendToPageCallBack&&this.$data.config.beforeAppendToPageCallBack(this.$el.$shadowRoot,this.$el.$shadowContainer),St.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(){St.on(this.$data.config.$target,this.$data.config.onShowEventName,this.show,this.$data.config.eventOption)}offShowEvent(){St.off(this.$data.config.$target,this.$data.config.onShowEventName,this.show,this.$data.config.eventOption)}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 o=bt.setTimeout(()=>{if(this.clearCloseTimeoutId(n,o),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,o),"function"==typeof this.$data.config.closeAfterCallBack&&this.$data.config.closeAfterCallBack(this.$el.$toolTip)}onCloseEvent(){St.on(this.$data.config.$target,this.$data.config.onCloseEventName,this.close,this.$data.config.eventOption)}offCloseEvent(){St.off(this.$data.config.$target,this.$data.config.onCloseEventName,this.close,this.$data.config.eventOption)}destory(){this.$el.$toolTip&&this.$el.$toolTip.remove(),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(){St.on(this.$el.$toolTip,St.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}offToolTipAnimationFinishEvent(){St.off(this.$el.$toolTip,St.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}toolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent")}onToolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent"),St.on(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}offToolTipMouseEnterEvent(){St.off(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}toolTipMouseLeaveEvent(t){this.close(t)}onToolTipMouseLeaveEvent(){St.on(this.$el.$toolTip,"mouseleave touchend touchcancel",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}offToolTipMouseLeaveEvent(){St.off(this.$el.$toolTip,"mouseleave touchend touchcancel",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}}const Vt={init(e){const n=bt.getRandomGUID();let o={useShadowRoot:!0,$target:null,content:"默认文字",isDiffContent:!1,position:"top",className:"",isFixed:!1,alwaysShow:!1,onShowEventName:"mouseenter touchstart",onCloseEventName:"mouseleave touchend touchcancel",zIndex:1e4,only:!1,eventOption:{once:!1,passive:!1,capture:!0},showBeforeCallBack(){},showAfterCallBack(){},closeBeforeCallBack(){},closeAfterCallBack(){},delayCloseTime:100,showArrow:!0,arrowDistance:12.5,otherDistance:0,style:"",beforeAppendToPageCallBack(){}};if(o=bt.assign(o,t.getGlobalConfig()),o=bt.assign(o,e),!(o.$target instanceof HTMLElement))throw new TypeError("config.target 必须是HTMLElement类型");if(o=Bt.handleOnly("tooltip",o),"follow"===o.position){o.onShowEventName=o.onShowEventName.trim();const t=o.onShowEventName.split(" ");["mousemove","touchmove"].forEach(e=>{t.includes(e)||(o.onShowEventName+=` ${e}`)})}const{$shadowContainer:r,$shadowRoot:a}=Bt.handlerShadow(o);Bt.handleInit(a,[{name:"index",css:Et.index},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"tooltipCSS",css:Et.tooltipCSS}]);const i=new Ut(o,n,{$shadowContainer:r,$shadowRoot:a});return o.alwaysShow&&i.show(),{guid:n,config:o,$shadowContainer:r,$shadowRoot:a,toolTip:i}}},Ft=()=>({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},$data:{nodeStoreConfigKey:"data-view-config"},$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,o=!1;t.config.content.forEach(t=>{const e=this.createAsideItem(t);this.onAsideItemClick(e,t);if(("function"==typeof t.isBottom?t.isBottom():t.isBottom)?this.asideBottomULElement.appendChild(e):this.asideULElement.appendChild(e),null==n){let r=!1;r="function"==typeof t.isDefault?Boolean(t.isDefault()):Boolean(t.isDefault),r&&(n=e,o=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.onBottomItemClick(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(),o&&n?.scrollIntoView()):console.error("pops.panel：左侧容器没有项")},clearContainer(){Reflect.deleteProperty(this.$el.$panelContentSectionContainer,this.$data.nodeStoreConfigKey),gt.setSafeHTML(this.sectionContainerHeaderULElement,""),gt.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=>{St.removeClassName(t,"pops-is-visited")})},setAsideItemIsVisited(t){St.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 o=e[n];"innerHTML"!==n?Reflect.set(t,n,o):gt.setSafeHTML(t,o)})},setElementClassName(t,e){St.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||"",o=St.createElement("li",{className:["pops-panel-bottom-item","pops-user-select-none",n].join(" "),innerHTML:e});this.setElementAttributes(o,t.attributes),this.setElementProps(o,t.props);const r="pops-panel-disable-bottom-item-hover-css";return("function"==typeof t.disableHoverCSS?t.disableHoverCSS():t.disableHoverCSS)?o.classList.add(r):o.classList.remove(r),o},onBottomItemClick(t,e){St.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=St.createElement("li",{id:t.id,innerHTML:e});Reflect.set(n,"__forms__",t.views),this.setElementClassName(n,"pops-panel-aside-item"),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);const o="pops-panel-disabled-aside-hover-css";return("function"==typeof t.disableAsideItemHoverCSS?t.disableAsideItemHoverCSS():t.disableAsideItemHoverCSS)?n.classList.add(o):n.classList.remove(o),n},createSectionContainerItem_switch(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[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.onClick()},onClick(){const e=this;St.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?St.addClassName(this.$ele.switch,"pops-panel-switch-is-checked"):St.removeClassName(this.$ele.switch,"pops-panel-switch-is-checked")},getStatus(){let t=!1;return St.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"),St.addClassName(this.$ele.itemLeftTextContainer,Ct)},notDisable(){this.$ele.input.disabled=!1,this.$ele.switch.removeAttribute("data-disabled"),St.removeClassName(this.$ele.itemLeftTextContainer,Ct)}};return o.init(),Reflect.set(e,"data-switch",o),{$el:e,handler:o}},createSectionContainerItem_slider(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[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.onRunAwayClick(),this.intervalInit(),this.isDisabledDragWithConfig()&&this.disableDrag()},intervalInit(t=200,e=1e4){if(this.$interval.isCheck)return;this.$interval.isCheck=!0;let n=!1;const o=this.$data.totalWidth;let r;const a=setInterval(()=>{n?(this.$interval.isCheck=!1,clearTimeout(r),clearInterval(a)):(this.initTotalWidth(),0!==this.$data.totalWidth&&(n=!0,this.$data.totalWidth!==o&&(Ot.isFloat(this.step)?this.initFloatStepMap():this.initStepMap(),this.initSliderPosition())))},t);r=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=St.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 o=this.formatValue(e);let r;r=o===this.min?{value:o,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:o,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,r),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 o=this.formatValue(e);let r;r=o===this.min?{value:o,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:o,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,r),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(){St.addClassName(this.$ele.runAway,"pops-slider-is-disabled"),St.addClassName(this.$ele.runAway,Ct)},allowDrag(){St.removeClassName(this.$ele.runAway,"pops-slider-is-disabled"),St.removeClassName(this.$ele.runAway,Ct)},isDisabledDrag(){return St.containsClassName(this.$ele.runAway,"pops-slider-is-disabled")},isDisabledDragWithConfig(){const e="function"==typeof t.disabled?t.disabled():t.disabled;return"boolean"==typeof e&&e},onRunAwayClick(){St.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.isDisabledDragWithConfig()?(this.disableDrag(),!1):(this.$data.isMove||(this.isDisabledDrag()&&this.allowDrag(),this.$data.isMove=!0),!0)},dragMoveCallBack(t,e,n){let o=0;if(e<=0)o=0,this.value=this.min;else if(e>=this.$data.totalWidth)o=1,this.value=this.max;else{const t=this.getDragInfo(e);o=t.percent,this.value=this.formatValue(t.value)}this.$data.dragPercent=o,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=bt.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,o=this.$ele.runAway.getBoundingClientRect();let r=t.x-(o.left+globalThis.screenX);r<=0?r=0:r>=o.width&&(r=o.width),e=r,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(o.value):o.value.toString()}const n=Vt.init({$target:this.$ele.button,content:e,zIndex:()=>Mt.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 o.init(),Reflect.set(e,"data-slider",o),{$el:e,handler:o}},createSectionContainerItem_input(t){const n=St.createElement("li");Reflect.set(n,this.$data.nodeStoreConfigKey,t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);const o="text",r=t.inputType||o;let a="";t.description&&(a=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),gt.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>${a}</div>\n\t\t\t\t<div class="pops-panel-input">\n          <div class="pops-panel-input_inner">\n\t\t\t\t\t  <input type="${r}" placeholder="${t.placeholder??""}">\n          </div>\n\t\t\t\t</div>\n\t\t\t\t`);const i={[Symbol.toStringTag]:"PopsPanelInput",$el:{itemLeftTextContainer:n.querySelector(".pops-panel-item-left-text"),panelInput:n.querySelector(".pops-panel-input"),panelInputInner:n.querySelector(".pops-panel-input_inner"),input:n.querySelector("input"),suffix:St.createElement("span"),suffixInner:null,icon:null},$data:{value:t.getValue(),isVisible:!1},init(){this.initEle(),this.setInputValue(this.$data.value),"password"===t.inputType?(this.setCircleIcon(e.getIcon("view")),this.onIconClick()):""!=this.$el.input.value&&this.isTextInputType()?(this.setCircleIcon(e.getIcon("circleClose")),this.onIconClick()):this.hideCircleIconWrapper(),this.onValueChange();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable(),"function"==typeof t.handlerCallBack&&t.handlerCallBack(n,this.$el.input)},initEle(){this.$el.input.parentElement.insertBefore(this.$el.suffix,this.$el.input.nextSibling),St.addClassName(this.$el.suffix,"pops-panel-input__suffix"),gt.setSafeHTML(this.$el.suffix,'\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.$el.suffixInner=this.$el.suffix.querySelector(".pops-panel-input__suffix-inner"),this.$el.icon=this.$el.suffix.querySelector(".pops-panel-icon"),St.addClassName(this.$el.panelInput,At)},isTextInputType:()=>["text","search","email","tel","url"].includes(t.inputType||o),isDateInputType:()=>["date","datetime-local","month","time","week"].includes(t.inputType||o),isNumberInputType:()=>["number"].includes(t.inputType||o),disable(){this.$el.input.disabled=!0,St.addClassName(this.$el.panelInput,"pops-input-disabled"),St.addClassName(this.$el.itemLeftTextContainer,Ct)},notDisable(){this.$el.input.disabled=!1,St.removeClassName(this.$el.panelInput,"pops-input-disabled"),St.removeClassName(this.$el.itemLeftTextContainer,Ct)},isDisabled(){return this.$el.input.disabled},setInputValue(t=""){"number"==typeof t&&this.isNumberInputType()?this.$el.input.valueAsNumber=t:"object"==typeof t&&t instanceof Date&&this.isDateInputType()?this.$el.input.valueAsDate=t:this.$el.input.value=t.toString()},setInputType(t="text"){this.$el.input.setAttribute("type",t)},removeCircleIcon(){gt.setSafeHTML(this.$el.icon,"")},setCircleIcon(t=e.getIcon("circleClose")){gt.setSafeHTML(this.$el.icon,t)},hideCircleIconWrapper(){St.cssHide(this.$el.suffix,!0)},showCircleIconWrapper(){St.cssShow(this.$el.suffix)},onIconClick(){St.on(this.$el.icon,"click",t=>{St.preventEvent(t),this.isDisabled()||(this.removeCircleIcon(),"password"===r?this.$data.isVisible?(this.$data.isVisible=!1,this.setInputType("text"),this.setCircleIcon(e.getIcon("hide"))):(this.$data.isVisible=!0,this.setInputType("password"),this.setCircleIcon(e.getIcon("view"))):(this.setInputValue(""),this.$el.input.focus(),this.$el.input.dispatchEvent(new Event("input"))))})},onValueChange(){St.on(this.$el.input,["input","propertychange"],n=>{if(this.$data.value=this.$el.input.value,"password"!==r&&(""!==this.$el.input.value&&""===this.$el.icon.innerHTML&&this.isTextInputType()?(this.setCircleIcon(e.getIcon("circleClose")),this.onIconClick(),this.showCircleIconWrapper()):""===this.$el.input.value&&this.removeCircleIcon()),"function"==typeof t.callback){let e;e="number"===t.inputType?t.callback(n,this.$el.input.value,this.$el.input.valueAsNumber):this.isDateInputType()?t.callback(n,this.$el.input.value,this.$el.input.valueAsNumber,this.$el.input.valueAsDate):t.callback(n,this.$el.input.value),e?e.valid?this.removeValidErrorMsg():this.addValidErrorMsg(e.message):this.removeValidErrorMsg()}})},emitValueChange(){this.$el.input.dispatchEvent(new Event("input"))},addValidErrorMsg(t){if(null==t)return;const e=this.$el.panelInput.querySelector(".pops-panel-input-valid-error")||St.createElement("div",{className:"pops-panel-input-valid-error",innerHTML:"<span></span>"}),n=e.querySelector("span");n.innerHTML!==t&&gt.setSafeHTML(n,t),e.parentElement||St.after(this.$el.panelInputInner,e)},removeValidErrorMsg(){const t=this.$el.panelInput.querySelector(".pops-panel-input-valid-error");t?.remove()}};return i.init(),Reflect.set(n,"data-input",i),{$el:n,handler:i}},createSectionContainerItem_textarea(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[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.onValueChange();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},disable(){this.$ele.textarea.setAttribute("disabled","true"),St.addClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),St.addClassName(this.$ele.itemLeftTextContainer,Ct)},notDisable(){this.$ele.textarea.removeAttribute("disabled"),St.removeClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),St.removeClassName(this.$ele.itemLeftTextContainer,Ct)},isDisabled(){return this.$ele.textarea.hasAttribute("disabled")||St.containsClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable")},setValue(t){this.$ele.textarea.value=t},onValueChange(){St.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 o.init(),Reflect.set(e,"data-textarea",o),{$el:e,handler:o}},createSectionContainerItem_select(t){const e=this,n=St.createElement("li");Reflect.set(n,this.$data.nodeStoreConfigKey,t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),gt.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>${o}</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 r=n.querySelector(".pops-panel-item-left-text"),a=n.querySelector(".pops-panel-select"),i=n.querySelector(".pops-panel-select select"),s=("number"==typeof t.width?`${t.width}px`:t.width)??"200px";St.css(a,"width",s);const l=t.mode??"native";let p;if("native"===l){const o={[Symbol.toStringTag]:"PopsPanelSelectNative",$el:{itemLeftTextContainer:r,$container:a,$select:i},$eleKey:{disable:"__disable__",value:"__value__",viewConfig:"data-view-config"},$data:{data:[],defaultValue:t.getValue()},init(){this.$el.$container.setAttribute("data-mode",l),this.$data.data="function"==typeof t.data?t.data():t.data,St.addClassName(this.$el.$container,At),this.initOption(),this.onValueChange(),this.onClick();("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.$el.$select.setAttribute("disabled","true"),St.addClassName(this.$el.$container,"pops-panel-select-disable"),St.addClassName(this.$el.itemLeftTextContainer,Ct)},notDisable(){this.$el.$select.removeAttribute("disabled"),St.removeClassName(this.$el.$container,"pops-panel-select-disable"),St.removeClassName(this.$el.itemLeftTextContainer,Ct)},isDisabled(){return this.$el.$select.hasAttribute("disabled")||St.containsClassName(this.$el.$container,"pops-panel-select-disable")},initOption(){this.$data.data.forEach(t=>{const e=St.createElement("option");this.setNodeValue(e,this.$eleKey.value,t.value),this.setNodeValue(e,this.$eleKey.disable,t.disable),this.setNodeValue(e,this.$eleKey.viewConfig,t.views),t.value===this.$data.defaultValue&&this.setOptionSelected(e),"function"==typeof t.text?e.innerText=t.text(t.value,t):e.innerText=t.text,this.$el.$select.appendChild(e)})},setOptionSelected(t){t.setAttribute("selected","true")},setSelectOptionsDisableStatus(){this.$el.$select.options&&this.$el.$select.options.length&&Array.from(this.$el.$select.options).forEach(t=>{this.setOptionDisableStatus(t)})},setOptionDisableStatus(t){let e=!1;const n=this.getNodeValue(t,this.$eleKey.disable);if("function"===n){const o=this.getNodeValue(t,this.$eleKey.value);e=Boolean(n(o))}e?t.setAttribute("disabled","true"):t.removeAttribute("disabled")},getSelectOptionInfo(t){return{value:this.getNodeValue(t,this.$eleKey.value),text:t.innerText||t.textContent,views:this.getNodeValue(t,this.$eleKey.viewConfig),$option:t}},onValueChange(){St.on(this.$el.$select,"change",()=>{const o=this.$el.$select[this.$el.$select.selectedIndex],r=this.getSelectOptionInfo(o);this.setSelectOptionsDisableStatus(),"function"==typeof t.callback&&t.callback(r);const a="function"==typeof r.views?r.views():r.views;if(Array.isArray(a)){const o="pops-panel-select-child-forms";for(;n.nextElementSibling&&n.nextElementSibling.classList.contains(o);)n.nextElementSibling.remove();const r=St.createElement("ul");r.className=o,St.after(n,r),e.uListContainerAddItem(t,{ulElement:r})}})},onClick(){St.on(this.$el.$select,"click",e=>{if(this.setSelectOptionsDisableStatus(),"function"==typeof t.clickCallBack){const n=this.$el.$select[this.$el.$select.selectedIndex],o=this.getSelectOptionInfo(n);t.clickCallBack(e,o)}})}};o.init(),Reflect.set(n,"data-select",o),p=o}else if("dialog"===l){const o={[Symbol.toStringTag]:"PopsPanelSelect",$el:{$itemLeftContainer:r,$container:void 0,$wrapper:void 0,$section:void 0,$selectedInputWrapper:void 0,$selectedPlaceHolderWrapper:void 0,$suffix:void 0,$suffixIcon:void 0,$selectDialogContainer:void 0},$data:{data:[],defaultValue:t.getValue(),selectedData:void 0,isValidSuccess:!0,rotateKey:"data-show-option"},init(){this.initDefault(),this.initEl(),this.initPlaceHolder(),this.renderSelectText(),this.onShowSelectDialogClick();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){this.$data.data="function"==typeof t.data?t.data():t.data,this.$data.data.forEach(t=>{this.$data.defaultValue.includes(t.value)&&(this.resetCurrentSelectedInfo(),this.updateSelectedInfo(t))})},initEl(){this.$el.$container=a,this.$el.$container.setAttribute("data-mode",l),gt.setSafeHTML(this.$el.$container,'\n              <div class="el-select__wrapper">\n                <div class="el-select__selection">\n                  \x3c!-- 这个是用于手动输入的，这里暂不适配 --\x3e\n                  <div class="el-select__selected-item el-select__input-wrapper"></div>\n                  \x3c!-- 这个是placeholder --\x3e\n                  <div class="el-select__selected-item el-select__placeholder"></div>\n                </div>\n                \x3c!-- 下拉箭头 --\x3e\n                <div class="el-select__suffix">\n                  <i class="el-icon el-select__caret el-select__icon">\n                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n                      <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                    </svg>\n                  </i>\n                </div>\n              </div>'),this.$el.$wrapper=n.querySelector(".el-select__wrapper"),this.$el.$section=n.querySelector(".el-select__selection"),this.$el.$selectedInputWrapper=n.querySelector(".el-select__selected-item.el-select__input-wrapper"),this.$el.$selectedPlaceHolderWrapper=n.querySelector(".el-select__selected-item.el-select__placeholder"),this.$el.$suffix=n.querySelector(".el-select__suffix"),this.$el.$suffixIcon=n.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)}this.$el.$section.setAttribute("data-selected-text-align",t.selectedTextAlign||"left");const n=St.createElement("span",{innerText:e});this.$el.$selectedPlaceHolderWrapper.appendChild(n)},renderSelectText(){let t=this.$data.data.find(t=>t.value===this.$data.selectedData?.value);if(null==t&&this.$data.selectedData&&this.$data.selectedData.addCustomInput&&(t=this.$data.selectedData),null!=t){const e="function"==typeof t.text?t.text(t.value,t):t.text;t.isHTML?gt.setSafeHTML(this.$el.$selectedInputWrapper,e):gt.setSafeHTML(this.$el.$selectedInputWrapper,`\n                  <span>${e}</span>\n                `),this.showInputWrapper(),this.hidePlaceHolderWrapper()}else this.hideInputWrapper(),this.showPlaceHolderWrapper()},disable(){St.addClassName(this.$el.$container,"pops-panel-select-disable"),St.addClassName(this.$el.$itemLeftContainer,Ct)},cancleDisable(){St.removeClassName(this.$el.$container,"pops-panel-select-disable"),St.removeClassName(this.$el.$itemLeftContainer,Ct)},isDisabled(){return St.containsClassName(this.$el.$container,"pops-panel-select-disable")||St.containsClassName(this.$el.$itemLeftContainer,Ct)},onShowSelectDialogClick(){const n=Et.panelComponents_Select;St.on(this.$el.$container,"click",()=>{if(this.isDisabled())return;const{style:o,...r}=t.selectConfirmDialogConfig||{},a=()=>{if(this.$data.selectedData?.addCustomInput&&!this.$data.isValidSuccess)return!1;this.getAllSelectItems(!1).forEach(t=>{t.data.addCustomInput&&(t.data.value="",t.data.text="",this.onValueChangeCallback(t.data))}),this.renderSelectText(),this.$el.$selectDialogContainer=null,this.$el.$container.removeAttribute(this.$data.rotateKey)};this.$el.$container.setAttribute(this.$data.rotateKey,String(!0));const i=bt.assign({title:{text:"请勾选需要选择的选项",position:"center"},content:{text:'<ul class="select-container"></ul>',html:!0},btn:{ok:{enable:!1},close:{enable:!0,callback(t){const e=a();("boolean"!=typeof e||e)&&t.close()}}},mask:{enable:!0,clickCallBack(t){const e=a();("boolean"!=typeof e||e)&&t()},clickEvent:{toClose:!0}},drag:!0,dragLimit:!0,width:"300px",height:"auto",style:`\n                  ${n}\n\n                  ${Et.panelCSS}\n\n\t\t\t\t\t\t\t\t  ${o||""}\n\t\t\t\t\t\t\t\t`},r),s=Lt.init(i).$shadowRoot.querySelector(".select-container");this.$data.data.forEach(t=>{if(t.addCustomInput){const n=t,o=this.createSelectItemElement(n),r=this,a=e.createSectionContainerItem_input({type:"input",text:"",getValue:()=>n.value,callback(t,e){if(n.text=e,n.value=e,"function"==typeof n.onValid){const t=n.onValid(n);if(r.$data.isValidSuccess=t.valid,!t.valid)return i.addValidErrorMsg(t.message),t;i.removeValidErrorMsg()}r.updateSelectedInfo(n),r.onValueChangeCallback(n)}}),i=a.handler,l=a.$el.querySelector(".pops-panel-input");gt.setSafeHTML(o,""),o.appendChild(l),s.appendChild(o),this.onSelectItemClick(n,o)}else{const e=this.createSelectItemElement(t);s.appendChild(e),this.onSelectItemClick(t,e)}}),this.$el.$selectDialogContainer=s,this.updateAllSelectItemStatus()})},onValueChangeCallback(e,n=!0){n&&this.updateAllSelectItemStatus(),"function"==typeof t.callback&&t.callback(e||this.$data.selectedData)},updateAllSelectItemStatus(){this.getAllSelectItems(!1).forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),"function"==typeof e.disable&&e.disable(e.value,this.$data.selectedData)?(this.removeItemSelected(n),this.setSelectItemDisabled(n)):this.removeSelectItemDisabled(n),null!=this.$data.selectedData&&this.$data.selectedData.value===e.value?this.setItemSelected(n):this.removeItemSelected(n)})},resetAllSelectedItemStatus(){const t=this.getAllSelectItems(!0);t.length&&this.resetCurrentSelectedInfo(),t.forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),this.removeItemSelected(n),this.removeSelectItemDisabled(n)})},setItemSelected(t){this.isItemSelected(t)||t.classList.add("select-item-is-selected")},removeItemSelected(t){t.classList.remove("select-item-is-selected")},isItemSelected:t=>t.classList.contains("select-item-is-selected"),getItemDataOption:t=>Reflect.get(t,"data-info"),addSelectedItemInfo(t){this.resetCurrentSelectedInfo(),this.updateSelectedInfo(t),this.onValueChangeCallback(t)},removeSelectedItemInfo(){this.updateSelectedInfo(),this.onValueChangeCallback()},updateSelectedInfo(t){if(this.$data.selectedData=void 0,t){if(t.addCustomInput&&""===t.value.toString())return;this.$data.selectedData=t}},resetCurrentSelectedInfo(){this.updateSelectedInfo()},getAllSelectItems(t=!0){return Array.from(this.$el.$selectDialogContainer?.querySelectorAll(".select-item")??[]).map(e=>{const n={data:this.getItemDataOption(e),$select:e};if(t){return this.isItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},createSelectItemElement(t){const e=St.createElement("li",{className:"select-item",innerHTML:'<span class="select-item-text"></span>'});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.selectedData):t.text,o=e.querySelector(".select-item-text");o&&(t.isHTML?gt.setSafeHTML(o,n):o.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,onSelectItemClick(e,n){const o=()=>{this.setItemSelected(n),this.addSelectedItemInfo(e)};St.on(n,"click",r=>{St.preventEvent(r);const a=r.target;if(e?.addCustomInput&&a instanceof HTMLInputElement)o();else if(!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=t.clickCallBack(r,this.$data.selectedData);if("boolean"==typeof e&&!e)return}e?.addCustomInput?o():this.isItemSelected(n)?(this.removeItemSelected(n),this.removeSelectedItemInfo()):(this.setItemSelected(n),this.addSelectedItemInfo(e))}})},showInputWrapper(){St.cssShow(this.$el.$selectedInputWrapper)},hideInputWrapper(){St.cssHide(this.$el.$selectedInputWrapper,!0)},showPlaceHolderWrapper(){St.cssShow(this.$el.$selectedPlaceHolderWrapper)},hidePlaceHolderWrapper(){St.cssHide(this.$el.$selectedPlaceHolderWrapper,!0)}};o.init(),Reflect.set(n,"data-select",o),p=o}else if("horizontal"===l){const e={[Symbol.toStringTag]:"PopsPanelSelectHorizontal",$el:{$itemLeftContainer:r,$container:a,$wrapper:void 0},$data:{data:[],defaultValue:t.getValue(),selectedData:void 0,rotateKey:"data-show-option"},init(){this.initDefault(),this.initEl();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){if(this.$data.data="function"==typeof t.data?t.data():t.data,!this.$data.data.length)throw new Error("PopsPanelSelect: data is empty")},initEl(){this.$el.$container.setAttribute("data-mode",l),gt.setSafeHTML(this.$el.$container,'\n              <div class="el-select__wrapper">\n              </div>'),this.$el.$wrapper=n.querySelector(".el-select__wrapper"),this.$data.data.forEach(t=>{const e=this.createSelectItemElement(t);this.onSelectItemClick(t,e),this.$data.defaultValue===t.value&&this.addSelectedItemInfo(t),this.$el.$wrapper.appendChild(e)}),this.updateAllSelectItemStatus()},disable(){St.addClassName(this.$el.$container,"pops-panel-select-disable"),St.addClassName(this.$el.$itemLeftContainer,Ct)},cancleDisable(){St.removeClassName(this.$el.$container,"pops-panel-select-disable"),St.removeClassName(this.$el.$itemLeftContainer,Ct)},isDisabled(){return St.containsClassName(this.$el.$container,"pops-panel-select-disable")||St.containsClassName(this.$el.$itemLeftContainer,Ct)},createSelectItemElement(t){const e=St.createElement("div",{className:"select-item",innerHTML:'\n                <span class="select-item-text"></span>\n              '});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.selectedData):t.text,o=e.querySelector(".select-item-text");o&&(t.isHTML?gt.setSafeHTML(o,n):o.innerText=n)},onSelectItemClick(e,n){St.on(n,"click",o=>{if(St.preventEvent(o),!this.isDisabled()&&!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=t.clickCallBack(o,this.$data.selectedData);if("boolean"==typeof e&&!e)return}this.isItemSelected(n)?(this.removeItemSelected(n),this.removeSelectedItemInfo()):(this.setItemSelected(n),this.addSelectedItemInfo(e))}})},onValueChangeCallback(e,n=!0){n&&this.updateAllSelectItemStatus(),"function"==typeof t.callback&&t.callback(e||this.$data.selectedData)},updateAllSelectItemStatus(){this.getAllSelectItems(!1).forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),"function"==typeof e.disable&&e.disable(e.value,this.$data.selectedData)?(this.removeItemSelected(n),this.setSelectItemDisabled(n)):this.removeSelectItemDisabled(n),null!=this.$data.selectedData&&this.$data.selectedData.value===e.value?this.setItemSelected(n):this.removeItemSelected(n)})},resetAllSelectedItemStatus(){const t=this.getAllSelectItems(!0);t.length&&this.resetCurrentSelectedInfo(),t.forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),this.removeItemSelected(n),this.removeSelectItemDisabled(n)})},addSelectedItemInfo(t){this.resetCurrentSelectedInfo(),this.updateSelectedInfo(t),this.onValueChangeCallback(t)},removeSelectedItemInfo(){this.updateSelectedInfo(),this.onValueChangeCallback()},updateSelectedInfo(t){if(this.$data.selectedData=void 0,t){if(t.addCustomInput&&""===t.value.toString())return;this.$data.selectedData=t}},resetCurrentSelectedInfo(){this.updateSelectedInfo()},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,setItemSelected(t){this.isItemSelected(t)||t.classList.add("select__selected-item")},removeItemSelected(t){t.classList.remove("select__selected-item")},isItemSelected:t=>t.classList.contains("select__selected-item"),getAllSelectItems(t=!0){return Array.from(this.$el.$wrapper?.querySelectorAll(".select-item")??[]).map(e=>{const n={data:this.getItemDataOption(e),$select:e};if(t){return this.isItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},getItemDataOption:t=>Reflect.get(t,"data-info")};e.init(),Reflect.set(n,"data-select",e),p=e}return{$el:n,handler:p}},createSectionContainerItem_select_multiple(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[Symbol.toStringTag]:"PopsPanelSelectMultiple",$el:{$itemLeftContainer: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(),selectedDataList:[],rotateKey:"data-show-option"},init(){this.initDefault(),this.inintEl(),this.initPlaceHolder(),this.initTagElement(),this.onShowSelectDialogClick();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){t.data.forEach(t=>{this.$data.defaultValue.includes(t.value)&&this.$data.selectedDataList.push(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=St.createElement("span",{innerText:e});this.$el.$selectedPlaceHolderWrapper.appendChild(n)},initTagElement(){t.data.forEach(t=>{if(this.$data.selectedDataList.find(e=>e.value===t.value)){const e=this.createTagItem(t);this.addTagItem(e.$tag),this.onSelectItemCloseIconClick({$tag:e.$tag,$closeIcon:e.$closeIcon,value:t.value,text:t.text})}}),this.checkTagEmpty()},createTagItem(t){const e=St.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"),o=e.querySelector(".el-icon.el-tag__close"),r="function"==typeof t.text?t.text(t,this.$data.selectedDataList):t.text;return t.isHTML?gt.setSafeHTML(n,r):n.innerText=r,{$tag:e,$tagText:n,$closeIcon:o}},addTagItem(t){if(this.setSectionIsNear(),this.$el.$section.contains(this.$el.$selectedInputWrapper)){const e=this.$el.$selectedInputWrapper.previousElementSibling;e?St.after(e,t):St.before(this.$el.$selectedInputWrapper,t)}else if(this.$el.$section.contains(this.$el.$selectedPlaceHolderWrapper)){const e=this.$el.$selectedPlaceHolderWrapper.previousElementSibling;e?St.after(e,t):St.before(this.$el.$selectedPlaceHolderWrapper,t)}else this.$el.$section.appendChild(t);this.hideInputWrapper(),this.hidePlaceHolderWrapper()},updateTagItem(){this.$el.$section.querySelectorAll(".el-select__choose_tag").forEach(t=>{t.remove()}),this.initTagElement()},onValueChange(e){this.updateAllSelectItems(),"function"==typeof t.callback&&t.callback(e||this.$data.selectedDataList)},updateAllSelectItems(){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.selectedDataList)?(this.disableSelectItem(n),this.removeSelectedInfo(e,!1),this.removeItemSelected(n)):this.cancleDisableSelectItem(n);this.$data.selectedDataList.find(t=>t.value===e.value)?this.setItemSelected(n):this.removeItemSelected(n)})},setItemSelected(t){this.isItemSelected(t)||t.classList.add("select-item-is-selected")},removeItemSelected(t){t.classList.remove("select-item-is-selected")},isItemSelected:t=>t.classList.contains("select-item-is-selected"),addItemSelected(t,e){const n=this.getSelectedItemInfo(e);t.find(t=>t.value===n.value)||t.push(n),this.onValueChange(t)},getSelectedItemInfo:t=>Reflect.get(t,"data-info"),removeSelectedItemInfo(t,e){const n=this.getSelectedItemInfo(e),o=t.findIndex(t=>t.value===n.value);-1!==o&&t.splice(o,1),this.onValueChange(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.isItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},createSelectItemElement(t){const e=St.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.selectedDataList):t.text,o=e.querySelector(".select-item-text");t.isHTML?gt.setSafeHTML(o,n):o.innerText=n},disableSelectItem(t){t.setAttribute("aria-disabled","true"),t.setAttribute("disabled","true")},cancleDisableSelectItem(t){t.removeAttribute("aria-disabled"),t.removeAttribute("disabled")},isSelectItemDisabled:t=>t.hasAttribute("disabled")||t.ariaDisabled,onSelectItemClick(e,n){St.on(n,"click",o=>{if(St.preventEvent(o),!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=this.getAllSelectItemInfo().map(t=>t.data),n=t.clickCallBack(o,e);if("boolean"==typeof n&&!n)return}this.isItemSelected(n)?(this.removeItemSelected(n),this.removeSelectedItemInfo(e,n)):(this.setItemSelected(n),this.addItemSelected(e,n))}})},onShowSelectDialogClick(){const e=Et.panelComponents_Select;St.on(this.$el.$container,"click",()=>{if(this.isDisabled())return;const n=this.$data.selectedDataList,{style:o,...r}=t.selectConfirmDialogConfig||{},a=()=>{this.$data.selectedDataList=[...n],this.updateTagItem(),this.$el.$selectContainer=null,this.$el.$container.removeAttribute(this.$data.rotateKey)};this.$el.$container.setAttribute(this.$data.rotateKey,String(!0));const i=bt.assign({title:{text:"请勾选需要选择的选项",position:"center"},content:{text:'<ul class="select-container"></ul>',html:!0},btn:{ok:{enable:!1},close:{enable:!0,callback(t){t.close(),a()}}},mask:{enable:!0,clickCallBack(t){t(),a()},clickEvent:{toClose:!0}},drag:!0,dragLimit:!0,width:"300px",height:"auto",style:`\n                  ${e}\n\n\t\t\t\t\t\t\t\t  ${o||""}\n\t\t\t\t\t\t\t\t`},r),s=Lt.init(i).$shadowRoot.querySelector(".select-container");t.data.forEach(t=>{const e=this.createSelectItemElement(t);s.appendChild(e),this.onSelectItemClick(n,e)}),this.$el.$selectContainer=s,this.updateAllSelectItems()})},onSelectItemCloseIconClick(e){St.on(e.$closeIcon,"click",n=>{if(St.preventEvent(n),!this.isDisabled()){if("function"==typeof t.closeIconClickCallBack){const o=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 o&&!o)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.selectedDataList.length;e++){if(this.$data.selectedDataList[e].value===t.value){this.$data.selectedDataList.splice(e,1);break}}e&&this.onValueChange()},showInputWrapper(){St.cssShow(this.$el.$selectedInputWrapper)},hideInputWrapper(){St.cssHide(this.$el.$selectedInputWrapper,!0)},showPlaceHolderWrapper(){St.cssShow(this.$el.$selectedPlaceHolderWrapper)},hidePlaceHolderWrapper(){St.cssHide(this.$el.$selectedPlaceHolderWrapper,!0)},setSectionIsNear(){this.$el.$section.classList.add("is-near")},removeSectionIsNear(){this.$el.$section.classList.remove("is-near")},disable(){St.addClassName(this.$el.$itemLeftContainer,Ct),St.addClassName(this.$el.$container,"pops-panel-select-disable")},isDisabled(){return St.containsClassName(this.$el.$container,"pops-panel-select-disable")},cancleDisable(){St.removeClassName(this.$el.$itemLeftContainer,Ct),St.removeClassName(this.$el.$container,"pops-panel-select-disable")}};return o.init(),Reflect.set(e,"data-select-multiple",o),{$el:e,handler:o}},createSectionContainerItem_button(t){const n=St.createElement("li");Reflect.set(n,this.$data.nodeStoreConfigKey,t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),gt.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>${o}</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 r={[Symbol.toStringTag]:"PopsPanelButton",$ele:{panelButton:n.querySelector(".pops-panel-button"),button:n.querySelector(".pops-panel-button .pops-panel-button_inner"),icon:n.querySelector(".pops-panel-button .pops-bottom-icon"),spanText:n.querySelector(".pops-panel-button .pops-panel-button-text")},$data:{},init(){this.$ele.panelButton.appendChild(this.$ele.button),this.initButton(),this.onButtonClick()},initButton(){"string"==typeof t.buttonIcon&&""!==t.buttonIcon.trim()?(e.hasIcon(t.buttonIcon)?this.setIconSVG(e.getIcon(t.buttonIcon)):this.setIconSVG(t.buttonIcon),this.showIcon()):this.hideIcon();let n=t.buttonText;"function"==typeof t.buttonText&&(n=t.buttonText()),this.setButtonType(t.buttonType),t.buttonIsRightIcon?this.setIconRight():this.setIconLeft(),t.disable&&this.disable(),this.setButtonText(n),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){gt.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){gt.setSafeHTML(this.$ele.spanText,t)},onButtonClick(){St.on(this.$ele.button,"click",e=>{"function"==typeof t.callback&&t.callback(e)})}};return r.init(),Reflect.set(n,"data-button",r),{$el:n,handler:r}},createSectionContainerItem_deepMenu(t){const n=this,o=St.createElement("li");St.addClassName(o,"pops-panel-deepMenu-nav-item"),Reflect.set(o,this.$data.nodeStoreConfigKey,t),this.setElementClassName(o,t.className),this.setElementAttributes(o,t.attributes),this.setElementProps(o,t.props);let r="";t.description&&(r=`<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">${e.getIcon("arrowRight")}</i>`);let i="";t.rightText&&(i=`<p class="pops-panel-item-right-text">${t.rightText}</p>`),gt.setSafeHTML(o,`\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-deepMenu">${i}${a}</div>\n\t\t\t\t`);const s={[Symbol.toStringTag]:"PopsPanelDeepMenu",$ele:{get parentSection(){return n.$el.$panelContentSectionContainer}},init(){this.onLiClick()},initContainerItem(e,o){const r=o;if("container"===r.type){const a=r.views,i=St.createElement("li"),s=St.createElement("ul");s.classList.add("pops-panel-forms-container-item-formlist"),i.classList.add("pops-panel-forms-container-item");const l=St.createElement("div",{className:"pops-panel-forms-container-item-header-text"});gt.setSafeHTML(l,r.text),r.isFold?(gt.setSafeHTML(l,`\n\t\t\t\t\t\t\t\t<p>${r.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`),St.on(l,"click",()=>{i.hasAttribute("data-fold-enable")?i.removeAttribute("data-fold-enable"):i.setAttribute("data-fold-enable","")}),St.addClassName(l,"pops-panel-forms-fold-container"),St.addClassName(l,At),i.setAttribute("data-fold-enable",""),St.addClassName(l,"pops-panel-forms-fold"),i.appendChild(l)):i.appendChild(l),n.setElementClassName(i,o.className),n.setElementAttributes(i,o.attributes),n.setElementProps(i,o.props),i.appendChild(s),e.appendChild(i),a.forEach(t=>{n.uListContainerAddItem(t,{ulElement:s,sectionContainerULElement:n.sectionContainerULElement,formContainerListElement:i,formHeaderDivElement:l})}),"function"==typeof r.afterAddToUListCallBack&&r.afterAddToUListCallBack(t,{target:i,ulElement:s,sectionContainerULElement:n.sectionContainerULElement,formContainerListElement:i,formHeaderDivElement:l})}else n.uListContainerAddItem(t,{ulElement:n.sectionContainerULElement})},async gotoDeepMenu(o,r){const a=r.closest("section.pops-panel-container"),i=St.createElement("section",{className:"pops-panel-container pops-panel-deepMenu-container"});Reflect.set(i,n.$data.nodeStoreConfigKey,t);const s=St.createElement("ul",{className:"pops-panel-container-header-ul pops-panel-deepMenu-container-header-ul"}),l=St.createElement("ul",{className:"pops-panel-container-main-ul"}),p=t.headerTitle??t.text,c=St.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=St.createElement("i",{className:"pops-panel-deepMenu-container-left-arrow-icon",innerHTML:e.getIcon("arrowLeft")}),u={duration:220,easing:"ease-in-out"},f=()=>{if(St.cssHide(a,!0),St.on(d,"click",async t=>{St.preventEvent(t);const e=()=>{const t=a;St.cssShow(t),i.remove()};if(n.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(e);await t.ready,await Promise.all([i.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],u).finished,a.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],u).finished]),await t.finished}else e();n.emitRenderRightContainer(a)},{once:!0}),St.before(c.firstElementChild,d),s.appendChild(c),i.appendChild(s),i.appendChild(l),t.views&&Array.isArray(t.views))for(let e=0;e<t.views.length;e++){const n=t.views[e];this.initContainerItem(l,n)}n.$el.$panelRightSectionWrapper.appendChild(i)};if(n.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(f);await t.ready,await i.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],u).finished,await t.finished}else f();"function"==typeof t.afterEnterDeepMenuCallBack&&t.afterEnterDeepMenuCallBack(t,{$sectionContainer:i,$sectionContainerHeaderContainer:s,$sectionContainerHeader:c,$sectionBodyContainer:l}),n.emitRenderRightContainer(i)},onLiClick(){St.on(o,"click",async e=>{if("function"==typeof t.clickCallBack){if(await t.clickCallBack(e,t))return}await this.gotoDeepMenu(e,o)})}};return s.init(),Reflect.set(o,"data-deepMenu",s),{$el:o,handler:s}},createSectionContainerItem_own(t){let e=St.createElement("li");return Reflect.set(e,this.$data.nodeStoreConfigKey,t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props),e=t.createLIElement(e),{$el:e}},createSectionContainerItem(t){const e=t.type;return"switch"===e?this.createSectionContainerItem_switch(t):"slider"===e?this.createSectionContainerItem_slider(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(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("container"===n.type){const o=t.views,r=St.createElement("li"),a=St.createElement("ul");r.classList.add("pops-panel-forms-container-item"),a.classList.add("pops-panel-forms-container-item-formlist");const i=St.createElement("div",{className:"pops-panel-forms-container-item-header-text"});gt.setSafeHTML(i,n.text),n.isFold?(gt.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`),St.on(i,"click",()=>{r.hasAttribute("data-fold-enable")?r.removeAttribute("data-fold-enable"):r.setAttribute("data-fold-enable","")}),St.addClassName(i,"pops-panel-forms-fold-container"),St.addClassName(i,At),r.setAttribute("data-fold-enable",""),St.addClassName(r,"pops-panel-forms-fold"),r.appendChild(i)):r.appendChild(i),e.setElementClassName(r,t.className),e.setElementAttributes(r,t.attributes),e.setElementProps(r,t.props),o.forEach(t=>{e.uListContainerAddItem(t,{ulElement:a,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:r,formHeaderDivElement:i})}),r.appendChild(a),e.sectionContainerULElement.appendChild(r),"function"==typeof n.afterAddToUListCallBack&&n.afterAddToUListCallBack(n,{target:r,ulElement:a,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:r,formHeaderDivElement:i})}else e.uListContainerAddItem(t,{ulElement:e.sectionContainerULElement})},emitRenderRightContainer(t){const e=Reflect.get(t,this.$data.nodeStoreConfigKey);this.$el.$pops.dispatchEvent(new CustomEvent("pops:renderRightContainer",{detail:{viewConfig:e}}))},uListContainerAddItem(t,e){const n=this.createSectionContainerItem(t);n&&e.ulElement.appendChild(n.$el),"function"==typeof t.afterAddToUListCallBack&&t.afterAddToUListCallBack(t,{...e,target:n?.$el})},onAsideItemClick(t,e){St.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 o=Reflect.get(t,"__forms__");Reflect.set(this.$el.$panelContentSectionContainer,this.$data.nodeStoreConfigKey,o),St.cssShow(this.$el.$panelContentSectionContainer),this.clearAsideItemIsVisited(),this.setAsideItemIsVisited(t);const r="function"==typeof e.title?e.title():e.title;let a="function"==typeof e.headerTitle?e.headerTitle():e.headerTitle;if(a=a??r,"string"==typeof a&&""!==a.trim()){const t=St.createElement("li");t.classList.add("pops-panel-container-header-title-text"),Reflect.set(t,"__asideConfig__",e),gt.setSafeHTML(t,a),this.sectionContainerHeaderULElement.appendChild(t)}if(o.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.emitRenderRightContainer(this.$el.$panelContentSectionContainer)})}}),Kt={init(e){const n=bt.getRandomGUID(),o="panel";let r={title:{text:"默认标题",position:"center",html:!1,style:""},content:[{id:"whitesev-panel-config-1",title:"菜单配置1",headerTitle:"菜单配置1",isDefault:!0,attributes:{"data-test":"test","data-test-2":"test2"},views:[{className:"forms-1",text:"区域设置",type:"container",views:[{className:"panel-switch",text:"switch",type:"switch",disabled:!1,description:"",getValue:()=>!0,callback(t,e){console.log("按钮开启状态：",e)}},{className:"panel-slider",text:"slider",type:"slider",description:"",disabled:!1,getToolTipContent:t=>String(t),isShowHoverTip:!0,step:1,getValue:()=>50,callback(t,e){console.log("滑块当前数值：",e)},min:1,max:100},{className:"panel-button",text:"button",type:"button",description:"",disable:!1,buttonIsRightIcon:!1,buttonIcon:"view",buttonIconIsLoading:!0,buttonType:"default",buttonText:"default按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{id:"whitesev-panel-config-2",title:"菜单配置2",headerTitle:"菜单配置2",isDefault:!1,attributes:{"data-value":"value","data-value-2":"value2"},views:[{className:"panel-input",text:"input",type:"input",getValue:()=>"50",callback(t,e){St.preventEvent(t),console.log("输入框内容改变：",e)},placeholder:"请输入内容"},{className:"panel-input-number",text:"input-number",type:"input",inputType:"number",getValue:()=>"50",callback(t,e,n){if(St.preventEvent(t),console.log("输入框内容改变：",n),n>60)return{valid:!1,message:"输入值不能大于60，当前："+e}},placeholder:"请输入内容"},{className:"panel-input-password",text:"input-password",type:"input",inputType:"password",placeholder:"请输入密码",getValue:()=>"123456",callback(t,e){St.preventEvent(t),console.log("密码输入框内容改变：",e)}},{className:"panel-input-file",text:"input-file",type:"input",inputType:"file",getValue:()=>"",callback(t,e){St.preventEvent(t),console.log("内容改变：",e)},placeholder:"请输入密码"},{className:"panel-input-date",text:"input-date",type:"input",inputType:"date",placeholder:"请输入内容",getValue(){const t=new Date;let e=t.getHours().toString(),n=t.getMinutes().toString();return 1===e.length&&(e=`0${e}`),1===n.length&&(n=`0${n}`),`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`},callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)}},{className:"panel-input-datetime-local",text:"input-datetime-local",type:"input",inputType:"datetime-local",getValue(){const t=new Date;let e=t.getHours().toString(),n=t.getMinutes().toString();return 1===e.length&&(e=`0${e}`),1===n.length&&(n=`0${n}`),`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}T${e}:${n}`},callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-time",text:"input-time",type:"input",inputType:"time",getValue:()=>"11:30",callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-month",text:"input-month",type:"input",inputType:"month",getValue(){const t=new Date;return`${t.getFullYear()}-${t.getMonth()+1}`},callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-week",text:"input-week",type:"input",inputType:"week",getValue:()=>`${(new Date).getFullYear()}-W01`,callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-search",text:"input-search",type:"input",inputType:"search",getValue:()=>"search test",callback(t,e){St.preventEvent(t),console.log("输入框内容改变：",e)},placeholder:"请输入内容"},{className:"panel-input-color",text:"input-color",type:"input",inputType:"color",getValue:()=>"#ff0000",callback(t,e){St.preventEvent(t),console.log("输入框内容改变：",e)},placeholder:"请输入内容"},{className:"panel-input-email",text:"input-email",type:"input",inputType:"email",getValue:()=>"test@gmail.com",callback(t,e){St.preventEvent(t);const n=t.target;console.log("输入框内容改变：",e,n.validity)},placeholder:"请输入内容"},{className:"panel-input-tel",text:"input-tel",type:"input",inputType:"tel",getValue:()=>"11111111111",callback(t,e){St.preventEvent(t);const n=t.target;console.log("输入框内容改变：",e,n.validity)},placeholder:"请输入内容"},{className:"panel-input-url",text:"input-url",type:"input",inputType:"url",getValue:()=>"https://github.com/",callback(t,e){St.preventEvent(t);const n=t.target;console.log("输入框内容改变：",e,n.validity)},placeholder:"请输入内容"},{className:"panel-textarea",text:"textarea",type:"textarea",getValue:()=>"50",callback(t,e){St.preventEvent(t),console.log("textarea输入框内容改变：",e)},placeholder:"请输入内容"},{type:"container",text:"",views:[{className:"panel-select-disabled",text:"select-disabled",type:"select",disabled:!0,getValue:()=>"text",callback(t){null!=t&&console.log(`select当前选项：${t.value}，当前选项文本：${t.text}`)},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:()=>!1},{value:"html",text:"超文本",disable:()=>!1}]},{className:"panel-select-multiple-disabled",type:"select-multiple",text:"select-multiple-disabled",disabled:!0,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},{value:"select-2",text:"单选2",isHTML:!1},{value:"select-3",text:"单选3",isHTML:!1},{value:"select-4",text:"单选4",isHTML:!1}]},{className:"panel-select-native",text:"select-native",type:"select",mode:"native",getValue:()=>"all",callback(t){null!=t&&console.log(`select当前选项：${t.value}，当前选项文本：${t.text}`)},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:()=>!1},{value:"html",text:"超文本",disable:()=>!1}]},{className:"panel-select-dialog",text:"select-dialog",type:"select",mode:"dialog",getValue:()=>window.localStorage.getItem("select-dialog-customInput")||"",callback(t){null!=t?t.addCustomInput?""===t.value?t.customInputStoreKey&&(console.log("select删除自定义输入的值"),window.localStorage.removeItem(t.customInputStoreKey)):(console.log(`select当前自定义输入框内容：${t.value}，当前选项显示文本：${t.text}`),t.customInputStoreKey&&window.localStorage.setItem(t.customInputStoreKey,t.value)):console.log(`select当前选项：${t.value}，当前选项显示文本：${t.text}`):console.warn("select当前选项为空")},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:(t,e)=>"all"===e?.value},{value:"html",text:"超文本",disable:(t,e)=>"all"===e?.value},{value:"own",text:"自定义",disable:(t,e)=>"all"===e?.value},{value:window.localStorage.getItem("select-dialog-customInput")||"",text:window.localStorage.getItem("select-dialog-customInput")||"",addCustomInput:!0,customInputStoreKey:"select-dialog-customInput",onValid:t=>"123"===t.value?(console.error("非规范值"),{valid:!1,message:"非规范值"}):{valid:!0}}]},{className:"panel-select-horizontal",text:"select-horizontal",type:"select",mode:"horizontal",getValue:()=>"text",callback(t){null!=t&&console.log(`select当前选项：${t.value}，当前选项文本：${t.text}`)},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:()=>!1},{value:"html",text:"超文本",disable:()=>!1},{value:"own",text:"自定义",disable:()=>!0}]},{className:"panel-select-multiple",type:"select-multiple",text:"select-multiple",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:"container",text:"deep菜单",views:[{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)},views:[{className:"forms-1",text:"区域设置",type:"container",views:[{className:"panel-switch",text:"switch",type:"switch",getValue:()=>!0,callback(t,e){console.log("按钮开启状态：",e)}},{className:"panel-slider",text:"slider",type:"slider",getValue:()=>50,callback(t,e){console.log("滑块当前数值：",e)},min:1,max:100},{className:"panel-button",text:"button",type:"button",buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{type:"deepMenu",className:"panel-deepMenu2",text:"deepMenu2",description:"二级菜单",rightText:"自定义配置",arrowRightIcon:!0,afterAddToUListCallBack(t,e){console.log(t,e)},clickCallBack(t,e){console.log("进入子配置",t,e)},views:[]}]},{type:"container",isFold:!0,text:"折叠菜单",afterAddToUListCallBack(t,e){console.log(t,e)},views:[{className:"panel-switch",text:"switch",type:"switch",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"},views:[],clickFirstCallback:function(){return!1}},{id:"whitesev-panel-bottom-config-2",title:"版本：xxx.xx.xx",isBottom:!0,attributes:{"data-value":"value","data-value-2":"value2"},views:[],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(){}};r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"panelCSS",css:Et.panelCSS}]);const s=Bt.handleZIndex(r.zIndex),l=kt.createMask(n,s),p=kt.createHeader(o,r),{headerStyle:c,headerPStyle:d}=kt.createHeaderStyle(o,r),u=kt.createAnim(n,o,r,`\n\t\t\t<div class="pops-title pops-${o}-title" style="text-align: ${r.title.position};${c}">${r.title.html?r.title.text:`<p pops class="pops-${o}-title-text" class="pops-${o}-title-text" style="${d}">${r.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${o}-content">\n\t\t\t\t<aside class="pops-${o}-aside pops-user-select-none">\n\t\t\t\t\t<ul class="pops-${o}-aside-top-container"></ul>\n\t\t\t\t\t<ul class="pops-${o}-aside-bottom-container"></ul>\n\t\t\t\t</aside>\n\t\t\t\t<div class="pops-${o}-section-wrapper">\n\t\t\t\t\t<section class="pops-${o}-container">\n\t\t\t\t\t\t<ul class="pops-${o}-container-header-ul"></ul>\n\t\t\t\t\t\t<ul class="pops-${o}-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-${o}-bottom-wrapper">\n        <section class="pops-${o}-bottom-container">\n          <ul class="pops-${o}-bottom-left-container"></ul>\n          <ul class="pops-${o}-bottom-right-container"></ul>\n        </section>\n      </div>\n      `,"",s),f=kt.parseElement(u),{$pops:m,$headerBtnClose:h,$title:b,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:$}=Bt.handleQueryElement(f,o);let S;(r.isMobile||bt.isPhone())&&St.addClassName(m,r.mobileClassName);const k=[f];if(r.mask.enable){S=Bt.handleMask({type:o,guid:n,config:r,animElement:f,maskHTML:l}).maskElement,k.push(S)}const E=Bt.handleEventConfig(r,n,a,i,o,f,m,S),T=Bt.handleResultConfig(E);Bt.handleClickEvent("close",h,E,r.btn?.close?.callback),St.append(i,k),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(i,a),St.appendBody(a),null!=S&&f.after(S);return Ft().init({config:r,$el:{$pops:m,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:$}}),Bt.handlePush(o,{guid:n,$anim:f,$pops:m,$mask:S,$shadowContainer:a,$shadowRoot:i,config:r,destory:T.close}),r.drag&&Mt.drag(m,{dragElement:b,limit:r.dragLimit,extraDistance:r.dragExtraDistance,moveCallBack:r.dragMoveCallBack,endCallBack:r.dragEndCallBack}),{...T,addEventListener:(t,e,n)=>{m.addEventListener(t,e,n)},removeEventListener:(t,e,n)=>{m.removeEventListener(t,e,n)}}}},Yt={init(e){const n=bt.getRandomGUID(),o="prompt";let r={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(){}};r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),r=Bt.handleOnly(o,r);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"promptCSS",css:Et.promptCSS}]);const s=Bt.handleZIndex(r.zIndex),l=kt.createMask(n,s),p=kt.createHeader(o,r),c=kt.createBottom(o,r),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,r),{contentPStyle:f}=kt.createContentStyle(o,r),m=kt.createAnim(n,o,r,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${r.title.position};${d}">${r.title.html?r.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${r.title.text}</p>`}${p}</div>\n            <div class="pops-content pops-${o}-content" style="${f}">${r.content.row?'<textarea name="pops-input-text" pops="" placeholder="'+r.content.placeholder+'"></textarea>':'<input name="pops-input-text" pops="" placeholder="'+r.content.placeholder+'" type="'+(r.content.password?"password":"text")+'">'}</div>${c}`,c,s),h=kt.parseElement(m),{$pops:b,$input:g,$headerBtnClose:v,$btnOk:x,$btnCancel:y,$btnOther:w,$title:A}=Bt.handleQueryElement(h,o);let C;const $=[h];if(r.mask.enable){C=Bt.handleMask({type:o,guid:n,config:r,animElement:h,maskHTML:l}).maskElement,$.push(C)}const S=Bt.handleEventConfig(r,n,a,i,o,h,b,C),k=Bt.handleResultConfig(S);return g.value=r.content.text,Bt.handlePromptClickEvent("close",g,v,S,r.btn.close.callback),Bt.handlePromptClickEvent("ok",g,x,S,r.btn.ok.callback),Bt.handlePromptClickEvent("cancel",g,y,S,r.btn.cancel.callback),Bt.handlePromptClickEvent("other",g,w,S,r.btn.other.callback),St.append(i,$),"function"==typeof r.beforeAppendToPageCallBack&&r.beforeAppendToPageCallBack(i,a),St.appendBody(a),null!=C&&h.after(C),Bt.handlePush(o,{guid:n,$anim:h,$pops:b,$mask:C,$shadowContainer:a,$shadowRoot:i,config:r,destory:k.close}),r.drag&&Mt.drag(b,{dragElement:A,limit:r.dragLimit,extraDistance:r.dragExtraDistance,moveCallBack:r.dragMoveCallBack,endCallBack:r.dragEndCallBack}),r.content.focus&&g.focus(),r.content.select&&g.select(),k}},Gt=()=>({$target:document.documentElement,targetSelector:null,position:"fixed",data:[{icon:e.getIcon("search"),iconIsLoading:!1,text:"搜索",item:[],callback(t,e,n){console.log("点击："+this.text,[t,e,n])}},{icon:e.getIcon("documentCopy"),iconIsLoading:!1,text:"复制",item:[],callback(t,e,n){console.log("点击："+this.text,[t,e,n])}},{icon:e.getIcon("delete"),text:"删除",iconIsLoading:!1,item:[],callback(t,e,n){console.log("点击："+this.text,[t,e,n])}},{icon:e.getIcon("loading"),iconIsLoading:!0,text:"加载",item:[],callback(t,e,n){return console.log("点击："+this.text,[t,e,n]),!1}},{icon:e.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){return console.log("点击："+this.text,[t,e,n]),!1},item:[{icon:e.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(){},limitPositionXInView:!0,limitPositionYInView:!0,beforeShowCallBack(){}}),Qt={init(n){const o=bt.getRandomGUID(),r="rightClickMenu";let a=Gt();a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,n),a=Bt.handleOnly(r,a);const{$shadowContainer:s,$shadowRoot:l}=Bt.handlerShadow(a);if(Bt.handleInit(l,[{name:"index",css:Et.index},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"rightClickMenu",css:Et.rightClickMenu}]),null!=a.style){const t=St.createElement("style",{innerHTML:a.style},{type:"text/css"});l.appendChild(t)}const p={$data:{menuDataKey:"data-menu"},$el:{$root:null},windowCheckClickEvent(t){if(!p.$el.$root)return;const e=t.target;e.closest(`.pops-${r}`)||(e.className&&"pops-shadow-container"===e.className&&null!=e.shadowRoot?p.shadowRootCheckClickEvent(t):p.closeAllMenu(p.$el.$root))},shadowRootCheckClickEvent(t){if(!p.$el.$root)return;t.composedPath()[0].closest(`.pops-${r}`)||p.closeAllMenu(p.$el.$root)},addWindowCheckClickListener(){if(St.on(globalThis,"click touchstart",p.windowCheckClickEvent,{capture:!0}),a.$target instanceof Node){const t=a.$target.getRootNode();t instanceof ShadowRoot&&St.on(t,"click touchstart",p.shadowRootCheckClickEvent,{capture:!0})}},removeWindowCheckClickListener(){if(St.off(globalThis,"click touchstart",p.windowCheckClickEvent,{capture:!0}),a.$target instanceof Node){const t=a.$target.getRootNode();t instanceof ShadowRoot&&St.off(t,"click touchstart",p.windowCheckClickEvent,{capture:!0})}},async contextMenuEvent(t,e){a.preventDefault&&St.preventEvent(t),Bt.handleOnly(r,a),p.$el.$root&&p.closeAllMenu(p.$el.$root),e=e??a.$target;const n=await(a?.beforeShowCallBack(t));if("boolean"==typeof n&&!n)return;const i=p.showMenu(t,a.data,e);p.$el.$root=i,a.only&&Bt.handlePush(r,{$shadowRoot:l,$shadowContainer:s,guid:o,$anim:i,$pops:i,beforeRemoveCallBack(t){p.closeAllMenu(t.$pops)},config:a,destory:()=>{p.closeAllMenu(i)}})},addContextMenuEvent(t,e){St.on(t,"contextmenu",e,p.contextMenuEvent)},removeContextMenuEvent(t,e){St.off(t,"contextmenu",e,p.contextMenuEvent)},animationCloseMenu(t){const e=n=>{St.off(t,St.getTransitionEndNameList(),e,{capture:!0}),t.remove()};St.containsClassName(t,`pops-${r}-anim-show`)?(St.on(t,St.getTransitionEndNameList(),e,{capture:!0}),St.removeClassName(t,`pops-${r}-anim-show`)):St.containsClassName(t,`pops-${r}-anim-scale`)&&St.containsClassName(t,`pops-${r}-anim-scale-open`)?(St.on(t,St.getTransitionEndNameList(),e,{capture:!0}),St.removeClassName(t,`pops-${r}-anim-scale-open`),St.addClassName(t,`pops-${r}-anim-scale-not-open`)):t.remove()},closeAllMenu(t){if(null==t)return;const e=Reflect.get(t,p.$data.menuDataKey);e?.root&&(t=e.root);e.child.forEach(t=>{this.animationCloseMenu(t)}),this.animationCloseMenu(t),p.$el.$root=null},createMenuContainerElement(t){const e=St.createElement("div",{className:`pops-${r}`,innerHTML:`<ul class="pops-${r}-wrapper"></ul>`},{"data-position":a.position}),n=this.getMenuZIndex();return n>1e4&&(e.style.zIndex=n.toString()),t&&e.setAttribute("is-children","true"),a.isAnimation&&St.addClassName(e,`pops-${r}-anim-grid`),a.useScaleAnimation&&(St.addClassName(e,`pops-${r}-anim-scale`),St.addClassName(e,`pops-${r}-anim-scale-not-open`)),e},getMenuZIndex:()=>Bt.handleZIndex(a.zIndex),getOffset(t,e,n){const o={top:0,right:0,bottom:0,left:0},r=St.width(t),i=St.height(t);let s=St.width(globalThis)-1,l=St.height(globalThis)-1;"absolute"===a.position&&(s+=globalThis.scrollX,l+=globalThis.scrollY);const p=s-r,c=l-i,d=a.chileMenuLeftOrRightDistance,u=a.childMenuTopOrBottomDistance;let f=e.x,m=e.y;if(f=f<0?0:f,m=m<0?0:m,a.limitPositionXInView&&f+d>=p){if(n){f=s-St.offset(n.$menu).left-d+1}else f=1+d;f<0?f=0:f>p&&(f=p),o.right=f,Reflect.deleteProperty(o,"left")}else f+=d,o.left=f,Reflect.deleteProperty(o,"right");if(a.limitPositionYInView&&m+u>=c){if(n){m=l-St.offset(n.$parentItem,!1).bottom-u+1}else m=1+u;m<0?m=1:m>c&&(m=c),o.bottom=m,Reflect.deleteProperty(o,"top")}else m+=u,o.top=m,Reflect.deleteProperty(o,"bottom");return o},showMenu(t,e,n){const o=this.createMenuContainerElement(!1);return Reflect.set(o,p.$data.menuDataKey,{child:[]}),p.addMenuLiELement(t,o,o,e,n),St.append(l,o),document.contains(s)||("function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(l,s),St.appendBody(s)),this.handlerShowMenuCSS(o,t),o},showClildMenu(t,e,n,o,r,a){const i=this.createMenuContainerElement(!0);Reflect.set(i,p.$data.menuDataKey,{parent:r,root:o});Reflect.get(o,p.$data.menuDataKey).child.push(i),p.addMenuLiELement(t,o,i,n,a),St.append(l,i);const s=r.closest(".pops-rightClickMenu");return this.handlerShowMenuCSS(i,e,{$menu:s,$parentItem:r}),i},handlerShowMenuCSS(t,e,n){const o=this.getOffset(t,{x:e.clientX,y:e.clientY},n);St.css(t,{...o}),a.isAnimation&&St.addClassName(t,`pops-${r}-anim-show`),a.useScaleAnimation&&(St.removeClassName(t,`pops-${r}-anim-scale-not-open`),St.addClassName(t,`pops-${r}-anim-scale-open`))},addMenuLiELement(t,n,o,a,s){const c=t.target,d=o.querySelector("ul");a.forEach(o=>{const a=St.parseTextToDOM("<li></li>");if("string"==typeof o.icon&&""!==o.icon.trim()){const t=e.getIcon(o.icon)??o.icon,n=St.parseTextToDOM(`<i class="pops-${r}-icon" is-loading="${o.iconIsLoading??!1}">${t}</i>`);a.appendChild(n)}const u="function"==typeof o.text?o.text():o.text;a.insertAdjacentHTML("beforeend",gt.getSafeHTML(`<span>${u}</span>`)),o.item&&Array.isArray(o.item)&&St.addClassName(a,`pops-${r}-item`);let f=!1;St.on(a,"mouseenter touchstart",function(e){if("touchstart"===e.type&&(f=!0),f&&"mouseenter"===e.type)return;Array.from(d.children).forEach(t=>{St.removeClassName(t,`pops-${r}-is-visited`);const e=Reflect.get(t,p.$data.menuDataKey);e&&function t(e){e&&(e.querySelectorAll("ul li").forEach(e=>{const n=Reflect.get(e,p.$data.menuDataKey);n?.child&&t(n.child)}),e.remove())}(e.child)});const i=Reflect.get(n,p.$data.menuDataKey);for(let t=0;t<i.child.length;t++){const e=i.child[t];l.contains(e)||(i.child.splice(t,1),t--)}if(St.addClassName(a,`pops-${r}-is-visited`),!o.item)return;const c=a.getBoundingClientRect(),u=p.showClildMenu(t,{clientX:c.left+St.outerWidth(a),clientY:c.top},o.item,n,a,s);Reflect.set(a,p.$data.menuDataKey,{child:u})}),St.on(a,"click",async function(e){if("function"==typeof o.callback){try{i.Object.defineProperty(t,"target",{get:()=>c})}catch{}const n=await o.callback(e,t,a,s);if("boolean"==typeof n&&0==n)return}Array.from(d.children).forEach(t=>{St.off(t,"mouseenter touchstart")}),p.closeAllMenu(n)}),d.appendChild(a)})}};return p.addContextMenuEvent(a.$target,a.targetSelector),p.addWindowCheckClickListener(),{guid:o,config:a,addWindowCheckClickListener:p.addWindowCheckClickListener,removeWindowCheckClickListener:p.removeWindowCheckClickListener,addContextMenuEvent:p.addContextMenuEvent,removeContextMenuEvent:p.removeContextMenuEvent,removeInitEventListener:{contextMenu(){p.removeContextMenuEvent(a.$target,a.targetSelector)},windowClick(){p.removeWindowCheckClickListener()}},PopsContextMenu:p}}},Xt={init(e){const n=bt.getRandomGUID(),o="searchSuggestion";let r=(()=>{const t=[];for(let e=0;e<10;e++)t.push({value:`测试${e}`,enableDeleteButton:!0,deleteButtonClickCallback(t,e,n,o){const r=n.value;return console.log("删除当前项："+r,[t,e,n,o]),!0},itemView:t=>`${t.value}-html`,clickCallback(t,n,o,r){const a=e%2==0,i=o.value;return a?console.log("item项的点击回调,更新input内的值："+i,[t,n,o,r,i]):console.log("item项的点击回调："+i,[t,n,o,r,i]),a},selectCallback(t,e,n,o){const r=n.value;console.log("item项的选中回调："+r,[t,e,n,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:""}})();r=bt.assign(r,t.getGlobalConfig()),r=bt.assign(r,e),null==r.$inputTarget&&(r.$inputTarget=r.$target);const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(r);if(Bt.handleInit(i,[{name:"index",css:Et.index},{name:"anim",css:Et.anim},{name:"common",css:Et.common}]),null!=r.style){const t=St.createElement("style",{type:"text/css",innerHTML:r.style});i.appendChild(t)}const s={capture:!0,passive:!0},l={selfDocument:r.$selfDocument,$el:{root:null,$dropdownWrapper:null,$dropdownContainer:null,$arrow:null,$dynamicCSS:null},$evt:{offInputChangeEvtHandler:[]},$data:{isEmpty:!0,storeNodeHandlerKey:"data-SearchSuggestion"},init(t=document.body||document.documentElement){l.initEl(),l.update(l.getData()),l.updateStyleSheet(),l.hide(),i.appendChild(l.$el.root),t.appendChild(a)},initEl(){l.$el.root=l.createSearchSelectElement(),Reflect.set(l.$el.root,this.$data.storeNodeHandlerKey,l),l.$el.$dynamicCSS=l.$el.root.querySelector("style[data-dynamic]"),l.$el.$dropdownWrapper=l.$el.root.querySelector(`.pops-${o}-search-suggestion-dropdown-wrapper`),l.$el.$dropdownContainer=l.$el.root.querySelector(`ul.pops-${o}-search-suggestion-dropdown-container`),l.$el.$arrow=l.$el.root.querySelector(`.pops-${o}-search-suggestion-arrow`)},getData:()=>"function"==typeof r.data?r.data():r.data,setData(t){r.data=t},createSearchSelectElement(){const t=St.createElement("div",{className:`pops pops-${o}-search-suggestion`,innerHTML:`\n\t\t\t\t\t\t<style type="text/css">\n\t\t\t\t\t\t\t.pops-${o}-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-${o}-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-${o}-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-${o}-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-${o}-search-suggestion[data-popper-placement^="top"] .pops-${o}-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-${o}-search-suggestion[data-popper-placement^="top"] .pops-${o}-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-${o}-search-suggestion[data-popper-placement^="bottom"] .pops-${o}-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-${o}-search-suggestion[data-popper-placement^="bottom"] .pops-${o}-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${l.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${r.style||""}\n\t\t\t\t\t\t</style>\n            <div class="pops-${o}-search-suggestion-dropdown-wrapper">\n              <ul class="pops-${o}-search-suggestion-dropdown-container ${At}">${r.toSearhNotResultHTML}</ul>\n            </div>\n            \x3c!-- 箭头 --\x3e\n\t\t\t\t\t\t${r.useArrow?`<div class="pops-${o}-search-suggestion-arrow"></div>`:""}\n         \t\t\t\t `},{"data-guid":n,"type-value":o});return""!==r.className&&null!=r.className&&St.addClassName(t,r.className),r.isAnimation&&St.addClassName(t,`pops-${o}-animation`),r.useFoldAnimation&&St.addClassName(t,"el-zoom-in-top-animation"),t},getDynamicCSS:()=>`\n\t\t\t\t.pops-${o}-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-${o}-search-suggestion{\n\t\t\t\t\tborder: initial;\n\t\t\t\t\toverflow: initial;\n\t\t\t\t\tposition: ${r.isAbsolute?"absolute":"fixed"};\n\t\t\t\t\tz-index: ${Bt.handleZIndex(r.zIndex)};\n\t\t\t\t}\n        .pops-${o}-search-suggestion-dropdown-wrapper{\n\t\t\t\t\tmax-height: ${r.maxHeight};\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\tbackground-color: var(--search-suggestion-bg-color);\n\t\t\t\t\tpadding: 5px 0;\n\t\t\t\t\toverflow-x: hidden;\n\t\t\t\t\toverflow-y: auto;\n        }\n\t\t\t\t.pops-${o}-search-suggestion-dropdown-wrapper ul.pops-${o}-search-suggestion-dropdown-container{\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\t// 建议框在上面时\n\t\t\t\t.pops-${o}-search-suggestion[data-top-reverse] ul.pops-${o}-search-suggestion-dropdown-container{\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-${o}-search-suggestion[data-top-reverse] ul.pops-${o}-search-suggestion-dropdown-container li{\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\t\t\t\tul.pops-${o}-search-suggestion-dropdown-container 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-${o}-search-suggestion-dropdown-container 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-${o}-search-suggestion-dropdown-container 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-${o}-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=l.getItemDataValue(t),a=St.createElement("li",{className:`pops-${o}-search-suggestion-dropdown-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,r);"string"==typeof i?gt.setSafeHTML(a,i):St.append(a,i);const s=t.enableDeleteButton;if("boolean"==typeof s&&s){const t=l.createItemDeleteIcon();St.append(a,t)}return St.addClassName(a,vt),St.addClassName(a,xt),a},setSearchItemClickEvent(t){St.on(t,"click",async e=>{St.preventEvent(e);const n=e.target,a=l.getData(),i=Reflect.get(t,"data-value");if(Boolean(n.closest(`.pops-${o}-delete-icon`))){if("function"==typeof i.deleteButtonClickCallback){const n=await i.deleteButtonClickCallback(e,t,i,r);"boolean"==typeof n&&n&&(a.splice(a.indexOf(i),1),t.remove())}l.$el.$dropdownContainer.children.length||l.clear(),l.updateStyleSheet()}else if("function"==typeof i.clickCallback){const n=await i.clickCallback(e,t,i,r);"boolean"==typeof n&&n&&(r.$inputTarget instanceof HTMLInputElement||r.$inputTarget instanceof HTMLTextAreaElement)&&(r.$inputTarget.value=String(i.value))}},{capture:!0})},setSearchItemSelectEvent(t){},setInputChangeEvent(t=s){if(!(r.$inputTarget instanceof HTMLInputElement||r.$inputTarget instanceof HTMLTextAreaElement))return;r.$inputTarget.setAttribute("autocomplete","off");const e=St.onInput(r.$inputTarget,async()=>{const t=l.getData(),e=await r.inputTargetChangeRefreshShowDataCallback(r.$inputTarget.value,t,r);l.update(e),l.updateStyleSheet()},t);l.$evt.offInputChangeEvtHandler.push(e.off)},removeInputChangeEvent(){for(let t=0;t<l.$evt.offInputChangeEvtHandler.length;t++){(0,l.$evt.offInputChangeEvtHandler[t])(),l.$evt.offInputChangeEvtHandler.splice(t,1),t--}},showEvent(){l.updateStyleSheet(),r.toHideWithNotResult&&l.$data.isEmpty?l.hide(!0):l.show()},setShowEvent(t=s){if("target"===r.followPosition)St.on([r.$target],["focus","click"],l.showEvent,t);else if("input"===r.followPosition)St.on([r.$inputTarget],["focus","click"],l.showEvent,t);else{if("inputCursor"!==r.followPosition)throw new Error("未知followPosition："+r.followPosition);St.on([r.$inputTarget],["focus","click","input"],l.showEvent,t)}},removeShowEvent(t=s){St.off([r.$target,r.$inputTarget],["focus","click"],l.showEvent,t),St.off([r.$inputTarget],["input"],l.showEvent,t)},hideEvent(t){if(t.target instanceof Node){if(a.contains(t.target))return;if(r.$target.contains(t.target))return;if(r.$inputTarget.contains(t.target))return;l.hide(!0)}},setHideEvent(t=s){Array.isArray(l.selfDocument)?l.selfDocument.forEach(e=>{St.on(e,["click","touchstart"],l.hideEvent,t)}):St.on(l.selfDocument,["click","touchstart"],l.hideEvent,t)},removeHideEvent(t=s){Array.isArray(l.selfDocument)?l.selfDocument.forEach(e=>{St.off(e,["click","touchstart"],l.hideEvent,t)}):St.off(l.selfDocument,["click","touchstart"],l.hideEvent,t)},setAllEvent(t=s){l.setInputChangeEvent(t),l.setHideEvent(t),l.setShowEvent(t)},removeAllEvent(t=s){l.removeInputChangeEvent(),l.removeHideEvent(t),l.removeShowEvent(t)},createItemDeleteIcon:(t=16,e="#bababa")=>St.parseTextToDOM(`\n\t\t\t\t\t<svg class="pops-${o}-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=St.createElement("li",{className:`pops-${o}-search-suggestion-dropdown-searching-item`,innerHTML:r.searchingTip});l.addItem(t)},removePromptsInSearch(){l.$el.$dropdownContainer.querySelector(`li.pops-${o}-search-suggestion-dropdown-searching-item`)?.remove()},changeHintULElementPosition(t=r.$target??r.$inputTarget,e=!0){let n=null;if(n="inputCursor"===r.followPosition?St.getTextBoundingRect(r.$inputTarget,r.$inputTarget.selectionStart||0,r.$inputTarget.selectionEnd||0,!1):r.isAbsolute?St.offset(t):t.getBoundingClientRect(),null==n)return;let o=document.documentElement.clientHeight;r.isAbsolute&&(o=St.height(document));const a=St.width(document),i=r.useArrow?St.height(l.$el.$arrow):0;let s=r.position;if("auto"===r.position){s=n.bottom+(St.height(l.$el.$dropdownWrapper)+i)>o?"top":"bottom"}if("top"===s){r.positionTopToReverse&&l.$el.root.setAttribute("data-top-reverse","true"),r.useFoldAnimation&&l.$el.root.setAttribute("data-popper-placement","top");const t=o-n.top+r.topDistance+i;l.$el.root.style.top="",l.$el.root.style.bottom=t+"px"}else if("bottom"===s){r.useFoldAnimation&&l.$el.root.setAttribute("data-popper-placement","bottom-center");const t=n.height+n.top+r.topDistance+i;l.$el.root.removeAttribute("data-top-reverse"),l.$el.root.style.bottom="",l.$el.root.style.top=t+"px"}let p=n.left;const c=St.width(l.$el.$dropdownWrapper);c>a&&(p=p+a-c),l.$el.root.style.left=p+"px",e&&l.changeHintULElementPosition(t,!e)},changeHintULElementWidth(t=r.$target??r.$inputTarget){const e=t.getBoundingClientRect();r.followTargetWidth?l.$el.$dropdownWrapper.style.width=e.width+"px":l.$el.$dropdownWrapper.style.width=r.width},updateDynamicCSS(){const t=l.getDynamicCSS();gt.setSafeHTML(l.$el.$dynamicCSS,t)},updateStyleSheet(){l.updateDynamicCSS(),l.changeHintULElementWidth(),l.changeHintULElementPosition()},addItem(t){l.$el.$dropdownContainer.appendChild(t)},update(t=[]){if(!Array.isArray(t))throw new TypeError("传入的数据不是数组");const e=t;if(e.length){l.$data.isEmpty=!1,r.toHideWithNotResult&&l.show(),l.clear(!0);const t=document.createDocumentFragment();e.forEach((e,n)=>{const o=l.createSearchItemLiElement(e,n);l.setSearchItemClickEvent(o),l.setSearchItemSelectEvent(o),t.appendChild(o)}),l.addItem(t)}else l.clear()},clear(t=!1){if(gt.setSafeHTML(l.$el.$dropdownContainer,""),t)return;let e;l.$data.isEmpty=!0,e="string"==typeof r.toSearhNotResultHTML?St.parseTextToDOM(r.toSearhNotResultHTML):r.toSearhNotResultHTML(),l.addItem(e),r.toHideWithNotResult&&l.hide()},hide(t=!1){r.useFoldAnimation?(t||St.removeClassName(l.$el.root,"el-zoom-in-top-animation"),St.addClassName(l.$el.root,"el-zoom-in-top-animation"),St.addClassName(l.$el.root,"el-zoom-in-top-animation-hide"),St.removeClassName(l.$el.root,"el-zoom-in-top-animation-show")):l.$el.root.style.display="none"},show(){l.$el.root.style.display="",r.useFoldAnimation&&(St.addClassName(l.$el.root,"el-zoom-in-top-animation"),St.removeClassName(l.$el.root,"el-zoom-in-top-animation-hide"),St.addClassName(l.$el.root,"el-zoom-in-top-animation-show"))}};return l}};class jt{config={version:"3.2.0",cssText:Et,iconSVG:e.$data,animation:Tt.$data,instData:It,forbiddenScroll:{event:t=>St.preventEvent(t)},Utils:bt,DOMUtils:St,InstanceUtils:Mt,MathFloatUtils:Ot,PanelHandlerComponents:Ft};init(){}noConflict(){return"object"==typeof a.globalThis.pops&&bt.delete(a.globalThis,"pops"),"object"==typeof unsafeWindow&&null!=unsafeWindow&&"object"==typeof unsafeWindow.pops&&bt.delete(unsafeWindow,"pops"),new jt}isPhone(t){return bt.isPhone(t)}GlobalConfig=t;alert=t=>Lt.init(t);confirm=t=>zt.init(t);prompt=t=>Yt.init(t);loading=t=>Rt.init(t);iframe=t=>_t.init(t);tooltip=t=>Vt.init(t);drawer=t=>Pt.init(t);folder=t=>Ht.init(t);panel=t=>Kt.init(t);rightClickMenu=t=>Qt.init(t);searchSuggestion=t=>Xt.init(t)}return new jt}();
+var pops=function(){"use strict";const t={config:{},setGlobalConfig(e){Reflect.ownKeys(e).forEach(n=>{Reflect.set(t.config,n,Reflect.get(e,n))})},getGlobalConfig(){const e={};return Object.keys(t.config).forEach(n=>{const o=Reflect.get(t.config,n);if("style"===n){const t=null==o?"":"function"==typeof o?o():o;"string"==typeof t&&(e.style=t)}else if("zIndex"===n){let t=null==o?"":"function"==typeof o?o():o;if("string"==typeof t){const n=t=Number(t);isNaN(n)||(e.zIndex=n)}else isNaN(t)||(e.zIndex=t)}else if("mask"===n){const n=null==t.config.mask?{}:t.config.mask;"object"==typeof n&&null!=n&&(e.mask=n)}else Reflect.set(e,n,o)}),e}};const e={$data:{min:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="min">\r\n  <path fill="currentColor" d="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" data-type="mise">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="max">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="edit">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="share">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="delete">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="search">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="upload">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="loading">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="next">\r\n  <path\r\n    fill="currentColor"\r\n    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>\r\n</svg>\r\n',prev:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="prev">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="eleme">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="elemePlus">\r\n  <path\r\n    d="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    fill="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" data-type="cpu">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="videoPlay">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="videoPause">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="headset">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="monitor">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="documentCopy">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="picture">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="view">\r\n  <path\r\n    fill="currentColor"\r\n    d="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" data-type="hide">\r\n  <path\r\n    fill="currentColor"\r\n    d="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  <path\r\n    fill="currentColor"\r\n    d="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" data-type="keyboard">\r\n  <path\r\n    d="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  <path\r\n    d="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  <path\r\n    d="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(e.$data).includes(t),getIcon:t=>e.$data[t],deleteIcon:t=>Reflect.deleteProperty(e.$data,t),setIcon(t,n){Reflect.set(e.$data,t,n)}},n=Symbol("events_"+(65536*(1+Math.random())|0).toString(16).substring(1)),o={document:document,window:window,globalThis:globalThis,self:self},a=Object.assign({},o),i={get document(){return a.document},get window(){return a.window},get globalThis(){return a.globalThis},get self(){return a.self}},s={Object:{defineProperty:Object.defineProperty}},l=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,r=536870912,p=1073741824,c=new WeakMap;var d;const u=((t,e)=>n=>{const o=e.get(n);let a=void 0===o?n.size:o<p?o+1:0;if(!n.has(a))return t(n,a);if(n.size<r){for(;n.has(a);)a=Math.floor(Math.random()*p);return t(n,a)}if(n.size>l)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;n.has(a);)a=Math.floor(Math.random()*l);return t(n,a)})((d=c,(t,e)=>(d.set(t,e),e)),c),f=((t,e,n,o)=>a=>{const i=e(a);return e=>{const a=t(e);e.addEventListener("message",({data:t})=>{const{id:e}=t;if(null!==e&&a.has(e)){const{reject:n,resolve:o}=a.get(e);a.delete(e),void 0===t.error?o(t.result):n(new Error(t.error.message))}}),o(e)&&e.start();const s=(t,o=null,i=[])=>new Promise((s,l)=>{const r=n(a);a.set(r,{reject:l,resolve:s}),null===o?e.postMessage({id:r,method:t},i):e.postMessage({id:r,method:t,params:o},i)}),l=(t,n,o=[])=>{e.postMessage({id:null,method:t,params:n},o)};let r={};for(const[t,e]of Object.entries(i))r={...r,[t]:e({call:s,notify:l})};return{...r}}})((h=new WeakMap,t=>{if(h.has(t))return h.get(t);const e=new Map;return h.set(t,e),e}),(m=new WeakMap,t=>({...t,connect:({call:t})=>async()=>{const{port1:e,port2:n}=new MessageChannel,o=await t("connect",{port:e},[e]);return m.set(n,o),n},disconnect:({call:t})=>async e=>{const n=m.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")})),u,t=>"function"==typeof t.start);var m,h;const b=new Map([[0,null]]),g=new Map([[0,null]]),v=(t=>e=>n=>{"symbol"==typeof t.get(n)&&(t.set(n,null),e(n).then(()=>{t.delete(n)}))})(b),x=(t=>e=>n=>{"symbol"==typeof t.get(n)&&(t.set(n,null),e(n).then(()=>{t.delete(n)}))})(g),y=((t,e)=>n=>(o,a=0,...i)=>{const s=Symbol(),l=t(e);e.set(l,s);const r=()=>n(a,l).then(()=>{const t=e.get(l);if(void 0===t)throw new Error("The timer is in an undefined state.");t===s&&(o(...i),e.get(l)===s&&r())});return r(),l})(u,b),w=((t,e)=>n=>(o,a=0,...i)=>{const s=Symbol(),l=t(e);return e.set(l,s),n(a,l).then(()=>{const t=e.get(l);if(void 0===t)throw new Error("The timer is in an undefined state.");t===s&&(e.delete(l),o(...i))}),l})(u,g),A=f({clearInterval:({call:t})=>v(e=>t("clear",{timerId:e,timerType:"interval"})),clearTimeout:({call:t})=>x(e=>t("clear",{timerId:e,timerType:"timeout"})),setInterval:({call:t})=>y((e,n)=>t("set",{delay:e,now:performance.timeOrigin+performance.now(),timerId:n,timerType:"interval"})),setTimeout:({call:t})=>w((e,n)=>t("set",{delay:e,now:performance.timeOrigin+performance.now(),timerId:n,timerType:"timeout"}))}),C=((t,e)=>{let n=null;return()=>{if(null!==n)return n;const o=new Blob([e],{type:"application/javascript; charset=utf-8"}),a=URL.createObjectURL(o);return n=t(a),setTimeout(()=>URL.revokeObjectURL(a)),n}})(t=>{const e=new Worker(t);return A(e)},'(()=>{var e={455(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)},m=(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])})},f=new Map,h=d(globalThis.clearTimeout,f),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=m(f,performance,globalThis.setTimeout,w),T=m(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 $=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 o of n)o(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 S="clientX",k="clientY",E="start",T="cancel",I="end",M={4:"start",5:"move",1:"end",3:"cancel"};function B(t){return M[t]}function L(t,e,n){const o={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!==o&&o[n]||0}function z(t){[1,3,2].includes(t.state)&&(t.state=0)}function P(t){return[5,1,3].includes(t)}function R(t){if(t.disabled)return t.state=0,!0}function N(t,e){return Object.assign(Object.assign(Object.assign({},t),e),{state:0,disabled:!1})}function D(t){return Math.round(100*t)/100}function H(){let t,e,n,o,a=0;return function(i){if(t=e,void 0!==i){a=Number.MAX_SAFE_INTEGER>a?++a:1;const s=function(t,e){const{phase:n,points:o,changedPoints:a,nativeEvent:i}=t,s=o.length,l=E===n,r=I===n&&0===s||T===n,p=Date.now(),{x:c,y:d}=_(o)||_(a),{currentTarget:u}=i;return Object.assign(t,{id:e,x:c,y:d,timestamp:p,isStart:l,isEnd:r,pointLength:s,currentTarget:u,getOffset(t=u){const e=t.getBoundingClientRect();return{x:c-Math.round(e.left),y:d-Math.round(e.top)}}})}(i,a);e=s;const{isStart:l,pointLength:r}=s;return l&&(n=s,t=void 0,o=1<r?s:void 0),Object.assign(Object.assign({},s),{prevInput:t,startMultiInput:o,startInput:n})}}}function _(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[S],t.y+=e[k],t),{x:0,y:0});return{x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function O(t,e,n,o){const a={};for(const t in n)["target","currentTarget","type"].includes(t)||(a[t]=n[t]);let i;return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(t,null==o?void 0:o.bubbles,null==o?void 0:o.cancelable)):i=new Event(t,o),Object.assign(i,a,{match:()=>n.targets&&0<n.targets.length&&n.targets.every(t=>i.currentTarget.contains(t))}),e.dispatchEvent(i)}const U=["touchstart","touchmove","touchend","touchcancel","mousedown"],V=["mousemove","mouseup"],F={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 K=class extends ${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({},F),e);const n=function(t){const e=H();return function(n){const o=[],a=[];Array.from(n.touches).forEach(({clientX:e,clientY:n,target:i})=>{(null==t?void 0:t.contains(i))&&(o.push(i),a.push({clientX:e,clientY:n,target:i}))});const i=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:i,points:a,nativeEvent:n,target:n.target,targets:o})}}(this.el),o=function(){let t,e=!1,n=null;const o=H();return function(a){const{clientX:i,clientY:s,type:l,button:r,target:p}=a;let c,d=[{clientX:i,clientY:s,target:p}];if("mousedown"===l&&0===r)n=p,e=!0,c="start";else{if(!e)return;"mousemove"===l?c="move":"mouseup"===l&&(d=[],c="end",e=!1)}const u=t||[{clientX:i,clientY:s,target:p}];if(t=[{clientX:i,clientY:s,target:p}],void 0!==c)return o({phase:c,changedPoints:u,points:d,target:n,targets:[n],nativeEvent:a})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:o,mousemove:o,mouseup:o},this.on("at:after",t=>{const{target:e,__type:n}=t,{domEvents:o}=this.__options;o&&void 0!==this.el&&e&&(O(n,e,t,o),O("at:after",e,t,o))}),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 U.forEach(o=>{t.addEventListener(o,e,n)}),V.forEach(t=>{window.addEventListener(t,e,n)}),()=>{U.forEach(n=>{t.removeEventListener(n,e)}),V.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(),o=()=>t.stopImmediatePropagation(),a=()=>t.preventDefault();if(function(t,e){const{preventDefault:n}=e;return o=n,"[object Function]"===Object.prototype.toString.call(o)?n(t):!!n;var o}(t,this.__options))a();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 i={};this.__computeFunctionList.forEach(t=>{const n=t(e,i);if(void 0!==n)for(const t in n)i[t]=n[t]}),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),i),{stopPropagation:n,stopImmediatePropagation:o,preventDefault:a}))}}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 o;(null===(o=this.c)||void 0===o?void 0:o.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 Y=t=>Math.sqrt(t.x*t.x+t.y*t.y),G=t=>t/Math.PI*180,Q=(t,e)=>{var n=((t,e)=>{var n=Y(t)*Y(e);if(0===n)return 0;var o=((t,e)=>t.x*e.x+t.y*e.y)(t,e)/n;return o>1&&(o=1),Math.acos(o)})(t,e);return((t,e)=>t.x*e.y-e.x*t.y)(t,e)>0&&(n*=-1),G(n)},X=(t,e)=>{if(0!==t||0!==e)return Math.abs(t)>=Math.abs(e)?0<t?"right":"left":0<e?"down":"up"};function j(){let t=0,e=0;return function(n,o){const{prevVecotr:a,startVecotr:i,activeVecotr:s}=o;return s&&(e=Math.round(Q(s,a)),t=Math.round(Q(s,i))),{angle:t,deltaAngle:e}}}function W(){return function(t){const{prevInput:e}=t;let n=0,o=0,a=0;if(void 0!==e&&(n=t.x-e.x,o=t.y-e.y,0!==n||0!==o)){const t=Math.sqrt(Math.pow(n,2)+Math.pow(o,2));a=Math.round(G(Math.acos(Math.abs(n)/t)))}return{deltaX:n,deltaY:o,deltaXYAngle:a}}}function q(){let t,e=0,n=0,o=0,a=0,i=0;return function(s){const{phase:l,startInput:r}=s;return E===l?(e=0,n=0,o=0,a=0,i=0):"move"===l&&(e=Math.round(s.points[0][S]-r.points[0][S]),n=Math.round(s.points[0][k]-r.points[0][k]),o=Math.abs(e),a=Math.abs(n),i=Math.round(Y({x:o,y:a})),t=X(e,n)),{displacementX:e,displacementY:n,distanceX:o,distanceY:a,distance:i,overallDirection:t}}}function J(){let t=1;return function(e,n){let o=1;const{prevVecotr:a,startVecotr:i,activeVecotr:s}=n;return s&&(o=D(Y(s)/Y(a)),t=D(Y(s)/Y(i))),{scale:t,deltaScale:o}}}function Z(){let t,e,n=0,o=0,a=0,i=0;return function(s){if(void 0!==s){e=e||s.startInput;const l=s.timestamp-e.timestamp;if(16<l){const r=s.x-e.x,p=s.y-e.y;a=Math.round(r/l*100)/100,i=Math.round(p/l*100)/100,n=Math.abs(a),o=Math.abs(i),t=X(r,p),e=s}}return{velocityX:n,velocityY:o,speedX:a,speedY:i,direction:t}}}function tt(){let t=0;return function(e){const{phase:n}=e;return E===n&&(t=e.pointLength),{maxPointLength:t}}}function et(t){return{x:t.points[1][S]-t.points[0][S],y:t.points[1][k]-t.points[0][k]}}function nt(){let t,e,n;return function(o){const{prevInput:a,startMultiInput:i}=o;return void 0!==i&&void 0!==a&&o.id!==i.id&&1<a.pointLength&&1<o.pointLength?(t=et(i),e=et(a),n=et(o)):n=void 0,{startVecotr:t,prevVecotr:e,activeVecotr:n}}}const ot={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function at(t,e){const n=N(ot,e);let o,a,i,s=0;function l(){s=0,o=void 0,a=void 0}return t.compute([q,tt],e=>{if(R(n))return;const{phase:r,x:p,y:c}=e;I===r&&(n.state=0,function(){const{startInput:t,pointLength:o,timestamp:a}=e,i=a-t.timestamp,{distance:s,maxPointLength:l}=e;return l===n.pointLength&&0===o&&n.maxDistance>=s&&n.maxPressTime>i}()?(clearTimeout(i),function(t,e){if(void 0!==o){const n=Y({x:t.x-o.x,y:t.y-o.y});return o=t,e.maxDistanceFromPrevTap>=n}return o=t,!0}({x:p,y:c},n)&&function(t){const e=performance.now();if(void 0===a)return a=e,!0;{const n=e-a;return a=e,n<t}}(n.waitNextTapTime)?s++:s=1,0==s%n.tapTimes?(n.state=1,t.emit2(n.name,e,n),l()):i=setTimeout(()=>{n.state=2,l()},n.waitNextTapTime)):(l(),n.state=2))}),n}const it={name:"pan",threshold:10,pointLength:1};function st(t,e){const n=N(it,e);return t.compute([Z,q,W],e=>{if(z(n),R(n))return;const o=function(){const{pointLength:t,distance:o}=e;return n.pointLength===t&&n.threshold<=o}();if(n.state=L(o,n.state,e.phase),o||P(n.state)){const{name:o}=n;t.emit2(o,e,n),t.emit2(o+B(n.state),e,n),![I,T].includes(e.phase)&&e.direction&&t.emit2(o+e.direction,e,n)}}),n}const lt={name:"swipe",threshold:10,velocity:.3,pointLength:1};function rt(t,e){const n=N(lt,e);return t.compute([q,Z,tt],e=>{if(n.state=0,!n.disabled&&function(){if(I!==e.phase)return!1;const{velocityX:t,velocityY:o,distance:a,maxPointLength:i}=e;return i===n.pointLength&&0===e.points.length&&n.threshold<a&&n.velocity<Math.max(t,o)}()){const{name:o}=n;n.state=1,t.emit2(o,e,n),t.emit2(o+e.direction,e,n)}}),n}const pt={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function ct(t,e){const n=N(pt,e);let o=0;return t.compute([q],e=>{if(R(n))return;const{phase:a,startInput:i,pointLength:s}=e;if(E===a&&n.pointLength===s)z(n),clearTimeout(o),o=setTimeout(()=>{n.state=1,t.emit2(n.name,e,n)},n.minPressTime);else if(I===a&&1===n.state)t.emit2(`${n.name}up`,e,n);else if(1!==n.state){const t=e.timestamp-i.timestamp;(!function(){const{distance:t}=e;return t&&n.maxDistance>t}()||n.minPressTime>t&&[I,T].includes(a))&&(clearTimeout(o),n.state=2)}}),n}const dt={name:"pinch",threshold:0,pointLength:2};function ut(t,e){const n=N(dt,e);return t.compute([nt,J],e=>{if(z(n),R(n))return;const o=function(){const{pointLength:t,scale:o,deltaScale:a,phase:i}=e;return n.pointLength===t&&n.threshold<Math.abs(o-1)}();n.state=L(o,n.state,e.phase);const{name:a}=n;if(o||P(n.state)){t.emit2(a,e,n);const{deltaScale:o}=e;1!==o&&t.emit2(a+(1<o?"in":"out"),e,n)}const i=B(n.state);i&&t.emit2(a+i,e,n)}),n}const ft={name:"rotate",threshold:0,pointLength:2};function mt(t,e){const n=N(ft,e);return t.compute([nt,j],e=>{if(R(n))return;z(n);const o=function(){const{pointLength:t,angle:o}=e;return n.pointLength===t&&n.threshold<Math.abs(o)}();n.state=L(o,n.state,e.phase);const{name:a}=n;(o||P(n.state))&&t.emit2(a,e,n);const i=B(n.state);i&&t.emit2(a+i,e,n)}),n}class ht extends K{constructor(t,e){super(t,e),this.use(at),this.use(st),this.use(rt),this.use(ct),this.use(ut),this.use(mt)}}ht.STATE_POSSIBLE=0,ht.STATE_START=4,ht.STATE_MOVE=5,ht.STATE_END=1,ht.STATE_CANCELLED=3,ht.STATE_FAILED=2,ht.STATE_RECOGNIZED=1,ht.tap=at,ht.pan=st,ht.swipe=rt,ht.press=ct,ht.rotate=mt,ht.pinch=ut,ht.doubletap=function(t){t.use(at,{name:"doubletap",tapTimes:2});const e=t.get("doubletap");let n;return t.beforeEach((t,o)=>{"tap"===t?(clearTimeout(n),n=setTimeout(()=>{[0,2].includes(e.state)&&o()},300)):o()}),e};const bt=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&&"function"==typeof Reflect.deleteProperty?Reflect.deleteProperty(t,e):delete t[e]}assign(t={},e={},n=!1){const o=this;if(Array.isArray(e)){if(!e.filter(t=>"object"==typeof t).length)return e}if(null==e)return t;let a;null==t&&(t={}),a=n?e:t;for(const i in a){if(!n&&!(i in e))continue;const a=Reflect.get(t,i),s=Reflect.get(e,i);if("object"==typeof s&&null!=s&&i in t&&!o.isDOM(s)){let e;Array.isArray(s)?(Array.isArray(a)&&(a.length=0),e=s):e=o.assign(a,s,n),Reflect.set(t,i,e)}else Reflect.set(t,i,s)}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 o of n)if(!e.contains(o)){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 o(t){return t<10?"0"+t:t}const a={yyyy:n.getFullYear(),MM:o(n.getMonth()+1),dd:o(n.getDate()),HH:o(n.getHours()),hh:o((i=n.getHours(),i>12?i-12:i)),mm:o(n.getMinutes()),ss:o(n.getSeconds())};var i;return Object.keys(a).forEach(function(t){const n=new RegExp(t,"g");e=e.replace(n,a[t])}),e}formatByteToSize(t,e=!0){if(t=parseInt(t.toString()),isNaN(t))throw new TypeError("Utils.formatByteToSize 参数 byteSize 格式不正确");let n=0,o="KB";const a={B:1,KB:1024};a.MB=a.KB*a.KB,a.GB=a.MB*a.KB,a.TB=a.GB*a.KB,a.PB=a.TB*a.KB,a.EB=a.PB*a.KB,a.ZB=a.EB*a.KB,a.YB=a.ZB*a.KB,a.BB=a.YB*a.KB,a.NB=a.BB*a.KB,a.DB=a.NB*a.KB;for(const e in a)if(n=t/a[e],o=e,a.KB>=n)break;return n=n.toFixed(2),n=e?n+o.toString():parseFloat(n.toString()),n}AnyTouch=()=>ht;isPhone(t=i.globalThis.navigator.userAgent){return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(t))}setTimeout(t,e=0){try{return((...t)=>C().setTimeout(...t))(t,e)}catch{return setTimeout(t,e)}}clearTimeout(t){try{null!=t&&(e=t,C().clearTimeout(e))}catch{}finally{clearTimeout(t)}var e}setInterval(t,e=0){try{return((...t)=>C().setInterval(...t))(t,e)}catch{return setInterval(t,e)}}clearInterval(t){try{null!=t&&(e=t,C().clearInterval(e))}catch{}finally{clearInterval(t)}var e}setArray(t,e,n){if(null==t)return;if(!Array.isArray(n))return;const o=t[e];Array.isArray(t[e])?o.length=0:t[e]=[],t[e]=n}},gt={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)}},vt="pops-flex-items-center",xt="pops-flex-y-center",yt="pops-hide",wt="pops-hide-important",At="pops-user-select-none",Ct="pops-text-is-disabled";class $t{on(t,e,o,a,l){function r(t,e,n){const o=t[e];return"boolean"==typeof o?(n.capture=o,"boolean"==typeof t[e+1]&&(n.once=t[e+1]),"boolean"==typeof t[e+2]&&(n.passive=t[e+2])):"object"==typeof o&&("capture"in o||"once"in o||"passive"in o||"isComposedPath"in o)&&(n.capture=o.capture,n.once=o.once,n.passive=o.passive,n.isComposedPath=o.isComposedPath),n}const p=this,c=arguments;if("string"==typeof t&&(t=p.selectorAll(t)),null==t)return{off(){},emit(){}};let d=[];t instanceof NodeList||Array.isArray(t)?d=[...t]:d.push(t);let u=[];Array.isArray(e)?u=u.concat(e.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof e&&(u=u.concat(e.split(" ").filter(t=>""!==t)));let f=[];Array.isArray(o)?f=f.concat(o.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof o&&f.push(o);let m=a,h={capture:!1,once:!1,passive:!1,isComposedPath:!1};function b(){h.once&&p.off(t,e,o,a,l)}return"function"==typeof o?(m=o,h=r(c,3,h)):h=r(c,4,h),d.forEach(t=>{function e(e){if(f.length){let n=h.isComposedPath?e.composedPath()[0]:e.target,o=t;bt.isWin(o)&&o===i.document&&(o=i.document.documentElement);if(f.find(t=>{if(p.matches(n,t))return!0;const e=p.closest(n,t);return!(!e||!o?.contains(e))&&(n=e,!0)})){try{s.Object.defineProperty(e,"target",{get:()=>n})}catch{}m.call(n,e,n),b()}}else m.call(t,e),b()}u.forEach(o=>{t.addEventListener(o,e,h);const a=Reflect.get(t,n)||{};a[o]=a[o]||[],a[o].push({selector:f,option:h,callback:e,originCallBack:m}),Reflect.set(t,n,a)})}),{off:t=>{p.off(d,u,f,m,h,t)},emit:(t,e)=>{p.emit(d,u,t,e)}}}off(t,e,o,a,i,s){function l(t,e,n){const o=t[e];return"boolean"==typeof o?n.capture=o:"object"==typeof o&&null!=o&&"capture"in o&&(n.capture=o.capture),n}const r=arguments;if("string"==typeof t&&(t=this.selectorAll(t)),null==t)return;let p=[];t instanceof NodeList||Array.isArray(t)?p=p.concat(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(o)?d=d.concat(o.filter(t=>"string"==typeof t&&""!==t.toString())):"string"==typeof o&&d.push(o);let u=a,f={capture:!1};"function"==typeof o?(u=o,f=l(r,3,f)):f=l(r,4,f);let m=!1;(2===r.length||3===r.length&&"string"==typeof r[2]||Array.isArray(r[2]))&&(m=!0),5===r.length&&"function"==typeof r[4]&&"function"!=typeof s&&(s=i),p.forEach(t=>{const o=Reflect.get(t,n)||{};c.forEach(n=>{const a=o[n]||[],i="function"==typeof s?a.filter(s):a;for(let e=0;e<i.length;e++){const o=i[e];let s=!0;if(s&&u&&o.originCallBack!==u&&(s=!1),s&&d.length&&Array.isArray(o.selector)&&JSON.stringify(o.selector)!==JSON.stringify(d)&&(s=!1),s&&"boolean"==typeof o.option.capture&&f.capture!==o.option.capture&&(s=!1),s||m){t.removeEventListener(n,o.callback,o.option);const e=a.findIndex(t=>t===o);-1!==e&&a.splice(e,1)}}0===a.length&&bt.delete(o,e)}),Reflect.set(t,n,o)})}offAll(t,e){if("string"==typeof t&&(t=this.selectorAll(t)),null==t)return;let o=[];t instanceof NodeList||Array.isArray(t)?o=o.concat(Array.from(t)):o.push(t);let a=[];Array.isArray(e)?a=a.concat(e):"string"==typeof e&&(a=a.concat(e.split(" "))),o.forEach(t=>{[...new Set([...Object.getOwnPropertySymbols(t),n])].forEach(e=>{if(!e.toString().startsWith("Symbol(events_"))return;const n=Reflect.get(t,e)||{};(a.length?a:Object.keys(n)).forEach(o=>{const a=n[o];if(!a)return;for(const e of a)t.removeEventListener(o,e.callback,{capture:e.option.capture});const i=Reflect.get(t,e);bt.delete(i,o)})})})}onReady(t){const e=this;if("function"!=typeof t)return;function n(){!function(){for(let t=0;t<o.length;t++){const n=o[t];e.off(n.target,n.eventType,n.callback)}}(),t()}const o=[{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<o.length;t++){const n=o[t];e.on(n.target,n.eventType,n.callback)}}():bt.setTimeout(t,0)}emit(t,e,o,a=!0){if("string"==typeof t&&(t=i.document.querySelector(t)),null==t)return;let s=[];s=t instanceof NodeList||Array.isArray(t)?[...t]:[t];let l=[];Array.isArray(e)?l=e:"string"==typeof e&&(l=e.split(" ")),s.forEach(t=>{const e=t[n]||{};l.forEach(n=>{let i=null;o&&o instanceof Event?i=o:(i=new Event(n),o&&Object.keys(o).forEach(t=>{i[t]=o[t]})),0==a&&n in e?e[n].forEach(t=>{t.callback(i)}):t.dispatchEvent(i)})})}click(t,e,n,o){const a=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null==e?a.emit(t,"click",n,o):a.on(t,"click",null,e))}blur(t,e,n,o){const a=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null===e?a.emit(t,"blur",n,o):a.on(t,"blur",null,e))}focus(t,e,n,o){const a=this;"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&(null==e?a.emit(t,"focus",n,o):a.on(t,"focus",null,e))}onHover(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))}onKeyup(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keyup",null,e,n))}onKeydown(t,e,n){null!=t&&("string"==typeof t&&(t=i.document.querySelector(t)),this.on(t,"keydown",null,e,n))}onKeypress(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 o(t){return t?.preventDefault(),t?.stopPropagation(),t?.stopImmediatePropagation(),!1}if(1===arguments.length)return o(arguments[0]);"string"==typeof e&&(e=[e]),e.forEach(e=>{this.on(t,e,o,{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 o="";n&&(e=e.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),o=n[3]);const a=new RegExp(e,o);return t=t.replace(/:regexp\(("|')(.*)("|')\)$/gi,""),Array.from(i.document.querySelectorAll(t)).filter(t=>Boolean((t?.textContent||t?.innerText)?.match(a)))}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 o=t?.textContent||t?.innerText;return"string"!=typeof o&&(o=""),t.matches(e)&&o?.includes(n)}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const o=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let a="";o&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),a=o[3]);const i=new RegExp(n,a);e=e.replace(/:regexp\(("|')(.*)("|')\)$/gi,"");let s=t?.textContent||t?.innerText;return"string"!=typeof s&&(s=""),t.matches(e)&&Boolean(s?.match(i))}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 o=t?.closest(e);if(o){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.includes(n))return o}return null}if(e.match(/[^\s]{1}:regexp\("(.*)"\)$/i)||e.match(/[^\s]{1}:regexp\('(.*)'\)$/i)){let n=e.match(/:regexp\(("|')(.*)("|')\)$/i)[2];const o=n.match(/("|'),[\s]*("|')([igm]{0,3})$/i);let a="";o&&(n=n.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi,""),a=o[3]);const i=new RegExp(n,a);e=e.replace(/:regexp\(("|')(.*)("|')\)$/gi,"");const s=t?.closest(e);if(s){const e=t?.textContent||t?.innerText;if("string"==typeof e&&e.match(i))return s}return null}{const n=t?.closest(e);return n}}}const St=new class extends $t{getAnimationEndNameList(){return["webkitAnimationEnd","mozAnimationEnd","MSAnimationEnd","oanimationend","animationend"]}getTransitionEndNameList(){return["webkitTransitionEnd","mozTransitionEnd","MSTransitionEnd","otransitionend","transitionend"]}offset(t,e=!0){const n=t.getBoundingClientRect(),o=t.ownerDocument.defaultView;return new DOMRect(e?parseFloat((n.left+(o?.pageXOffset||0)).toString()):n.left,e?parseFloat((n.top+(o?.pageYOffset||0)).toString()):n.top,n.width,n.height)}width(t,e=!1,n){const o=this;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(bt.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&&St.isShow(t)){if(parseFloat(St.getStyleValue(t,"width").toString())>0)return parseFloat(St.getStyleValue(t,"width").toString());if(t.offsetWidth>0){const e=St.getStyleValue(t,"borderLeftWidth"),n=St.getStyleValue(t,"borderRightWidth"),o=St.getStyleValue(t,"paddingLeft"),a=St.getStyleValue(t,"paddingRight"),i=parseFloat(t.offsetWidth.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(o.toString())-parseFloat(a.toString());return parseFloat(i.toString())}return 0}{const{cloneNode:e,recovery:a}=St.showElement(t,n),i=o.width(e,!0,n);return a(),i}}}height(t,e=!1,n){const o=this;if(bt.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&&St.isShow(t)){if(parseFloat(St.getStyleValue(t,"height").toString())>0)return parseFloat(St.getStyleValue(t,"height").toString());if(t.offsetHeight>0){const e=St.getStyleValue(t,"borderTopWidth"),n=St.getStyleValue(t,"borderBottomWidth"),o=St.getStyleValue(t,"paddingTop"),a=St.getStyleValue(t,"paddingBottom"),i=parseFloat(t.offsetHeight.toString())-parseFloat(e.toString())-parseFloat(n.toString())-parseFloat(o.toString())-parseFloat(a.toString());return parseFloat(i.toString())}return 0}{const{cloneNode:e,recovery:a}=St.showElement(t,n),i=o.height(e,!0,n);return a(),i}}}outerWidth(t,e=!1,n){const o=this;if(bt.isWin(t))return i.window.innerWidth;if("string"==typeof t&&(t=i.document.querySelector(t)),null!=t){if(e||!e&&St.isShow(t)){const e=getComputedStyle(t,null),n=St.getStyleValue(e,"marginLeft"),o=St.getStyleValue(e,"marginRight");return t.offsetWidth+n+o}{const{cloneNode:e,recovery:a}=St.showElement(t,n),i=o.outerWidth(e,!0,n);return a(),i}}}outerHeight(t,e=!1,n){const o=this;if(bt.isWin(t))return i.window.innerHeight;if("string"==typeof t&&(t=i.document.querySelector(t)),e||!e&&St.isShow(t)){const e=getComputedStyle(t,null),n=St.getStyleValue(e,"marginTop"),o=St.getStyleValue(e,"marginBottom");return t.offsetHeight+n+o}{const{cloneNode:e,recovery:a}=St.showElement(t,n),i=o.outerHeight(e,!0,n);return a(),i}}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){const o=this;if("string"==typeof t&&(t=o.selectorAll(t)),null==t)return;if(Array.isArray(t)||t instanceof NodeList)return"string"==typeof e?null==n?o.css(t[0],e):void t.forEach(t=>{o.css(t,e)}):"object"==typeof e?void t.forEach(t=>{o.css(t,e)}):void 0;const a=(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 i.globalThis.getComputedStyle(t).getPropertyValue(e);a(e,n)}else{if("object"!=typeof e)throw new TypeError("property must be string or object");for(const t in e){a(t,e[t])}}}createElement(t,e,n){const o=i.document.createElement(t);return"string"==typeof e?(gt.setSafeHTML(o,e),o):(null==e&&(e={}),null==n&&(n={}),Object.keys(e).forEach(t=>{const n=e[t];"innerHTML"!==t?Reflect.set(o,t,n):gt.setSafeHTML(o,n)}),Object.keys(n).forEach(t=>{let e=n[t];"object"==typeof e?e=JSON.stringify(e):"function"==typeof e&&(e=e.toString()),o.setAttribute(t,e)}),o)}parseTextToDOM(t){t=t.replace(/^[\n|\s]*/g,"").replace(/[\n|\s]*$/g,"");return this.createElement("div",{innerHTML:t}).firstChild}getTextBoundingRect(t,e,n,o){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 o=t.createTextRange();return o.collapse(!0),o.moveStart("character",e),o.moveEnd("character",n-e),o.getBoundingClientRect()}const a=function(){const e=document.body,n=document.defaultView,o=document.documentElement,a=document.createElement("div");a.style.paddingLeft=a.style.width="1px",e.appendChild(a);const i=2==a.offsetWidth;e.removeChild(a);const s=t.getBoundingClientRect(),l=o.clientTop||e.clientTop||0,r=o.clientLeft||e.clientLeft||0,p=n?.pageYOffset||i&&o.scrollTop||e.scrollTop,c=n?.pageXOffset||i&&o.scrollLeft||e.scrollLeft;return{top:s.top+p-l,left:s.left+c-r}}();let s=a.top,l=a.left;const r=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"];s+=v("padding-top",!0),s+=v("border-top-width",!0),l+=v("padding-left",!0),l+=v("border-left-width",!0),l+=1;for(let t=0;t<d.length;t++){const e=d[t];c+=e+":"+v(e,!1)+";"}const u=t.value||"G",f=u.length,m=document.createElement("div");e>0&&g(0,e);const h=g(e,n);f>n&&g(n,f),m.style.cssText=c,m.style.position="absolute",m.style.top=s+"px",m.style.left=l+"px",m.style.width=r+"px",m.style.height=p+"px",i.document.body.appendChild(m);const b=h.getBoundingClientRect();return o||m.parentNode.removeChild(m),b;function g(t,e){const n=document.createElement("span");return n.style.cssText=c,n.textContent=u.substring(t,e),m.appendChild(n),n}function v(e,n){const o=i.document.defaultView.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(o):o}}cssHide(t,e=!1){null!=t&&(e?St.addClassName(t,wt):St.addClassName(t,yt))}cssShow(t){null!=t&&(St.removeClassName(t,yt),St.removeClassName(t,wt))}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 gt.setSafeHTML(e,t),n?e:e.firstChild}()}append(t,e){var n,o;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,o=e,"string"==typeof e?n.insertAdjacentHTML("beforeend",gt.getSafeHTML(o)):n.appendChild(o)}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 o=i.document.documentElement;const a=t.getRootNode();return o=null==e?a==t?i.document.documentElement:a:e,o.appendChild(n),{cloneNode:n,recovery(){n.remove()}}}getStyleValue(t,e){let n=null,o=null;t instanceof CSSStyleDeclaration?o=t:(n=t.ownerDocument.defaultView,n&&n.opener||(n=window),o=n.getComputedStyle(t));const a=parseFloat(o[e]);return isNaN(a)?0:a}before(t,e){"string"==typeof t&&(t=i.document.querySelector(t)),null!=t&&("string"==typeof e?t.insertAdjacentHTML("beforebegin",gt.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",gt.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 o=/^\d{1,3}$/;if(!o.test(t)||!o.test(e)||!o.test(n))return console.warn("输入错误的rgb颜色值"),"";const a=[t.toString(16),e.toString(16),n.toString(16)];for(let t=0;t<3;t++)1==a[t].length&&(a[t]=`0${a[t]}`);return`#${a.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 o=t().hexToRgb(e);for(let t=0;t<3;t++)o[t]=Math.floor(o[t]*(1-n));return t().rgbToHex(o[0],o[1],o[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 o=t().hexToRgb(e);for(let t=0;t<3;t++)o[t]=Math.floor((255-o[t])*n+o[t]);return t().rgbToHex(o[0],o[1],o[2])}}}()}getTransform(t){let e=0,n=0;const o=i.globalThis.getComputedStyle(t).transform;if("none"!==o&&null!=o&&""!==o){const t=o.match(/\((.+)\)/),a=t?.[1]?.split?.(",");e=Math.abs(parseInt(a[4])),n=Math.abs(parseInt(a[5]))}return{transformLeft:e,transformTop:n}}onInput(t,e,n){let o=!1;const a=this.on(t,"input",async t=>{o||await e(t)},n),i=this.on(t,"compositionstart",()=>{o=!0},n),s=this.on(t,"compositionend",()=>{o=!1,this.emit(t,"input",{isComposite:o})},n);return{off:()=>{a.off(),i.off(),s.off()}}}},kt={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,o="",a="",i){const s=n;let l="",r="";const p=s.position||"";null!=n.zIndex&&(l+=`z-index: ${i};`,r+=`z-index: ${i};`),null!=s.width&&(r+=`width: ${s.width};`),null!=s.height&&(r+=`height: ${s.height};`);const c=""!==a.trim();return`\n\t\t<div class="pops-anim" anim="${s.animation||""}" style="${l}" 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="${r}" position="${p}" data-guid="${t}">${o}</div>\n\t\t</div>`},createHeader(t,n){if(!n.btn)return"";const o=n;if("iframe"!==t&&!o.btn?.close?.enable)return"";let a="",i="";const s=n;if("iframe"===t&&""!==s.topRightButton?.trim()){let t="";s.topRightButton.split("|").forEach(n=>{n=n.toLowerCase(),t+=`\n                <button class="pops-header-control" type="button" data-type="${n}">\n                    <i class="pops-icon">${e.getIcon(n)}</i>\n                </button>`}),a=`\n            <div class="pops-header-controls" data-margin>${t}</div>`}else o.btn?.close?.enable&&(i=`\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">${e.getIcon("close")}</i>\n                    </button>\n                </div>`),a=i;return a},createHeaderStyle:(t,e)=>({headerStyle:e?.title?.html&&e?.title?.style||"",headerPStyle:e?.title?.html?"":e?.title?.style||""}),createBottom(t,n){if(null==n.btn)return"";const o=n;if(!(n.btn?.ok?.enable||o.btn?.cancel?.enable||o.btn?.other?.enable))return"";let a="",i="",s="",l="",r="";if(n.btn.position&&(a+=`justify-content: ${n.btn.position};`),o.btn.reverse&&(a+="flex-direction: row-reverse;"),n.btn?.ok?.enable){let a="";("large"===n.btn.ok.size||"small"===n.btn.ok.size)&&(a="pops-button-"+n.btn.ok.size);let i="";const l=o.btn.ok.icon;if(""!==l){let t="";t=e.hasIcon(l)?e.getIcon(l):l,t=t||"",i=`<i class="pops-bottom-icon" is-loading="${n.btn.ok.iconIsLoading}">${t}</i>`}s=`\n            <button \n\t\t\t\tclass="pops-${t}-btn-ok ${a}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${o.btn.ok?.type}"\n\t\t\t\tdata-has-icon="${""!==(o.btn.ok.icon||"")}"\n\t\t\t\tdata-rightIcon="${o.btn.ok?.rightIcon}"\n            >${i}<span>${n.btn.ok.text}</span>\n            </button>`}if(o.btn?.cancel?.enable){let n="";("large"===o.btn.cancel.size||"small"===o.btn.cancel.size)&&(n="pops-button-"+o.btn.cancel.size);let a="";const i=o.btn.cancel.icon;if(""!==i){let t="";t=e.hasIcon(i)?e.getIcon(i):i,t=t||"",a=`<i class="pops-bottom-icon" is-loading="${o.btn.cancel.iconIsLoading}">${t}</i>`}l=`\n            <button\n\t\t\t\tclass="pops-${t}-btn-cancel ${n}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${o.btn.cancel.type}"\n\t\t\t\tdata-has-icon="${""!==(o.btn.cancel.icon||"")}"\n\t\t\t\tdata-rightIcon="${o.btn.cancel.rightIcon}"\n            >${a}<span>${o.btn.cancel.text}</span>\n            </button>`}if(o.btn?.other?.enable){let n="";("large"===o.btn.other.size||"small"===o.btn.other.size)&&(n="pops-button-"+o.btn.other.size);let a="";const i=o.btn.other.icon;if(""!==i){let t="";e.hasIcon(i)&&(t=e.getIcon(i)),t=t||"",a=`<i class="pops-bottom-icon" is-loading="${o.btn.other.iconIsLoading}">${t}</i>`}r=`\n            <button\n\t\t\t\tclass="pops-${t}-btn-other ${n}"\n\t\t\t\ttype="button"\n\t\t\t\tdata-type="${o.btn.other.type}"\n\t\t\t\tdata-has-icon="${""!==(o.btn.other.icon||"")}"\n\t\t\t\tdata-rightIcon="${o.btn.other.rightIcon}"\n            >${a}<span>${o.btn.other.text}</span>\n            </button>`}if(o.btn.merge){let e="display: flex;";o.btn.mergeReverse?e+="flex-direction: row-reverse;":e+="flex-direction: row;",i=`\n            <div class="pops-botttom-btn-controls pops-${t}-btn" style="${a}">${r}<div \n                    class="pops-${t}-btn-merge"\n                    style="${e}">${s}${l}</div>\n            </div>\n            `}else i=`<div class="pops-botttom-btn-controls pops-${t}-btn" style="${a}">${s}${l}${r}</div>`;return i},createContentStyle:(t,e)=>({contentStyle:e?.content?.html&&e?.content?.style||"",contentPStyle:e?.content?.html?"":e?.content?.style||""}),parseElement:t=>St.parseTextToDOM(t)};const Et={index:'@charset "utf-8";\n.pops * {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  /* 代替::-webkit-scrollbar */\n  scrollbar-width: thin;\n}\n.pops {\n  --pops-bg-opacity: 1;\n  --pops-bd-opacity: 1;\n  --pops-font-size: 16px;\n  interpolate-size: allow-keywords;\n  --pops-color: #000000;\n  --pops-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --pops-bd-color: rgb(235, 238, 245, var(--pops-bd-opacity));\n  --pops-box-shadow-color: rgba(0, 0, 0, 0.12);\n  --pops-title-color: #000000;\n  --pops-title-border-color: var(--pops-bd-color);\n  --pops-content-color: #000000;\n  --pops-bottom-btn-controls-border-color: var(--pops-bd-color);\n  --pops-components-is-disabled-text-color: #a8abb2;\n  --pops-components-is-disabled-bg-color: #f5f7fa;\n}\n@media (prefers-color-scheme: dark) {\n  .pops {\n    --pops-mask-bg-opacity: 0.8;\n    --pops-color: #ffffff;\n    --pops-bg-color: rgb(17, 17, 17, var(--pops-bg-opacity));\n    --pops-bd-color: rgb(55, 55, 55, var(--pops-bd-opacity));\n    --pops-box-shadow-color: rgba(81, 81, 81, 0.12);\n    --pops-title-color: #e8e8e8;\n    --pops-title-border-color: var(--pops-bd-color);\n    --pops-content-color: #e5e5e5;\n    --pops-components-is-disabled-text-color: #a8abb2;\n    --pops-components-is-disabled-bg-color: #262727;\n  }\n}\n.pops {\n  color: var(--pops-color);\n  background-color: var(--pops-bg-color);\n  border: 1px solid var(--pops-bd-color);\n  border-radius: 4px;\n  font-size: var(--pops-font-size);\n  line-height: normal;\n  box-shadow: 0 0 12px var(--pops-box-shadow-color);\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: all 0.35s;\n  display: flex;\n  flex-direction: column;\n}\n.pops-anim {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.pops-anim[anim=""] {\n  top: unset;\n  right: unset;\n  bottom: unset;\n  left: unset;\n  width: unset;\n  height: unset;\n  transition: none;\n}\n/* 底部图标动画和样式 */\n.pops i.pops-bottom-icon[is-loading="true"] {\n  animation: rotating 2s linear infinite;\n}\n.pops i.pops-bottom-icon {\n  height: 1em;\n  width: 1em;\n  line-height: normal;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n  color: inherit;\n  font-size: inherit;\n}\n\n/* 遮罩层样式 */\n.pops-mask {\n  --pops-mask-bg-opacity: 0.4;\n  --pops-mask-bg-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\n}\n.pops-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 0;\n  background-color: var(--pops-mask-bg-color);\n  box-shadow: none;\n  transition: none;\n}\n\n.pops-header-controls button.pops-header-control[type][data-header] {\n  float: right;\n  margin: 0 0;\n  outline: 0;\n  border: 0;\n  border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\n  background-color: transparent;\n  color: #888;\n  cursor: pointer;\n}\n.pops-header-controls button.pops-header-control[data-type="max"],\n.pops-header-controls button.pops-header-control[data-type="mise"],\n.pops-header-controls button.pops-header-control[data-type="min"] {\n  outline: 0 !important;\n  border: 0;\n  border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\n  background-color: transparent;\n  color: rgb(136, 136, 136);\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n}\nbutton.pops-header-control i {\n  color: rgb(144, 147, 153);\n  font-size: inherit;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n}\nbutton.pops-header-control svg {\n  height: 1.25em;\n  width: 1.25em;\n}\nbutton.pops-header-control {\n  right: 15px;\n  padding: 0;\n  border: none;\n  outline: 0;\n  background: 0 0;\n  cursor: pointer;\n  position: unset;\n  line-height: normal;\n}\nbutton.pops-header-control i:hover {\n  color: rgb(64, 158, 255);\n}\n.pops-header-controls[data-margin] button.pops-header-control {\n  margin: 0 6px;\n  display: flex;\n  align-items: center;\n}\n.pops[type-value] .pops-header-controls {\n  display: flex;\n  gap: 6px;\n}\n\n/* 代码块 <code> */\n.pops code {\n  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;\n  font-size: 0.85em;\n  color: #000;\n  background-color: #f0f0f0;\n  border-radius: 3px;\n  border: 0;\n  padding: 0.2em 0;\n  white-space: normal;\n  background: #f5f5f5;\n  text-wrap: wrap;\n  text-align: left;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.4;\n  -moz-tab-size: 8;\n  -o-tab-size: 8;\n  tab-size: 8;\n  -webkit-hyphens: none;\n  -moz-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n  direction: ltr;\n}\n\n.pops code::before,\n.pops code::after {\n  letter-spacing: -0.2em;\n  content: "\\00a0";\n}\n\n/* 标题 */\n.pops .pops-title {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--pops-title-border-color);\n  width: 100%;\n  height: var(--container-title-height);\n}\n/* 标题-普通文本 */\n.pops .pops-title p[pops] {\n  color: var(--pops-title-color);\n  width: 100%;\n  overflow: hidden;\n  text-indent: 15px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n  line-height: normal;\n}\n\n/* 内容 */\n.pops .pops-content {\n  width: 100%;\n  /*height: calc(\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\n\t);*/\n  flex: 1;\n  overflow: auto;\n  word-break: break-word;\n}\n/* 内容-普通文本 */\n.pops .pops-content p[pops] {\n  color: var(--pops-content-color);\n  padding: 5px 10px;\n  text-indent: 15px;\n}\n\n/* 底部-按钮组 */\n.pops .pops-botttom-btn-controls {\n  display: flex;\n  padding: 10px 10px 10px 10px;\n  width: 100%;\n  height: var(--container-bottom-btn-height);\n  max-height: var(--container-bottom-btn-height);\n  line-height: normal;\n  border-top: 1px solid var(--pops-bottom-btn-controls-border-color);\n  text-align: right;\n  align-items: center;\n}\n',ninePalaceGridPosition:'.pops[position="top_left"] {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n.pops[position="top"] {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.pops[position="top_right"] {\n  position: fixed;\n  top: 0;\n  right: 0;\n}\n.pops[position="center_left"] {\n  position: fixed;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n.pops[position="center"] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.pops[position="center_right"] {\n  position: fixed;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n.pops[position="bottom_left"] {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n}\n.pops[position="bottom"] {\n  position: fixed;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n.pops[position="bottom_right"] {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n}\n',scrollbar:"/* ::-webkit-scrollbar 是非标准的css */\n/* https://caniuse.com/?search=%20%3A%3A-webkit-scrollbar */\n.pops ::-webkit-scrollbar {\n  width: 6px;\n  height: 0;\n}\n\n/* 滚动条轨道 */\n.pops ::-webkit-scrollbar-track {\n  width: 0;\n}\n/* 滚动条滑块 */\n.pops ::-webkit-scrollbar-thumb {\n  min-height: 28px;\n  border-radius: 2em;\n  background: rgb(204, 204, 204, var(--pops-bg-opacity, 1));\n  background-clip: padding-box;\n}\n/* 滚动条滑块 */\n.pops ::-webkit-scrollbar-thumb:hover {\n  background: rgb(178, 178, 178, var(--pops-bg-opacity, 1));\n}\n",button:'.pops {\n  --button-font-size: 14px;\n  --button-height: 32px;\n  --button-color: rgb(51, 51, 51);\n  --button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n  --button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n  --button-margin-top: 0px;\n  --button-margin-bottom: 0px;\n  --button-margin-left: 5px;\n  --button-margin-right: 5px;\n  --button-padding-top: 6px;\n  --button-padding-bottom: 6px;\n  --button-padding-left: 12px;\n  --button-padding-right: 12px;\n  --button-radius: 4px;\n\n  --container-title-height: 55px;\n  --container-bottom-btn-height: 55px;\n\n  /* default按钮 */\n  --button-default-color: #333333;\n  --button-default-bd-color: #dcdfe6;\n  --button-default-bg-color: #ffffff;\n  --button-default-active-color: #409eff;\n  --button-default-active-bd-color: #409eff;\n  --button-default-active-bg-color: #ecf5ff;\n  --button-default-hover-color: #409eff;\n  --button-default-hover-bd-color: #c6e2ff;\n  --button-default-hover-bg-color: #ecf5ff;\n  --button-default-focus-visible-outline-color: #a0cfff;\n  --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\n  --button-default-focus-visible-outline-offset: 1px;\n  --button-default-disabled-color: #a8abb2;\n  --button-default-disabled-bd-color: #ffffff;\n  --button-default-disabled-bg-color: #e4e7ed;\n\n  /* primary按钮 */\n  --button-primary-color: #ffffff;\n  --button-primary-bd-color: #409eff;\n  --button-primary-bg-color: #409eff;\n  --button-primary-active-color: #ffffff;\n  --button-primary-active-bd-color: #337ecc;\n  --button-primary-active-bg-color: #337ecc;\n  --button-primary-hover-color: #ffffff;\n  --button-primary-hover-bd-color: #79bbff;\n  --button-primary-hover-bg-color: #79bbff;\n  --button-primary-focus-visible-outline-color: #a0cfff;\n  --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\n  --button-primary-focus-visible-outline-offset: 1px;\n  --button-primary-disabled-color: #ffffff80;\n  --button-primary-disabled-bd-color: #a0cfff;\n  --button-primary-disabled-bg-color: #a0cfff;\n\n  /* success按钮 */\n  --button-success-color: #ffffff;\n  --button-success-bd-color: #4cae4c;\n  --button-success-bg-color: #5cb85c;\n  --button-success-active-color: #ffffff;\n  --button-success-active-bd-color: #529b2e;\n  --button-success-active-bg-color: #529b2e;\n  --button-success-hover-color: #ffffff;\n  --button-success-hover-bd-color: #95d475;\n  --button-success-hover-bg-color: #95d475;\n  --button-success-focus-visible-outline-color: #b3e19d;\n  --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\n  --button-success-focus-visible-outline-offset: 1px;\n  --button-success-disabled-color: #ffffff80;\n  --button-success-disabled-bd-color: #b3e19d;\n  --button-success-disabled-bg-color: #b3e19d;\n\n  /* info按钮 */\n  --button-info-color: #ffffff;\n  --button-info-bd-color: #909399;\n  --button-info-bg-color: #909399;\n  --button-info-active-color: #ffffff;\n  --button-info-active-bd-color: #73767a;\n  --button-info-active-bg-color: #73767a;\n  --button-info-hover-color: #ffffff;\n  --button-info-hover-bd-color: #b1b3b8;\n  --button-info-hover-bg-color: #b1b3b8;\n  --button-info-focus-visible-outline-color: #c8c9cc;\n  --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\n  --button-info-focus-visible-outline-offset: 1px;\n  --button-info-disabled-color: #ffffff80;\n  --button-info-disabled-bd-color: #c8c9cc;\n  --button-info-disabled-bg-color: #c8c9cc;\n\n  /* warning按钮 */\n  --button-warning-color: #ffffff;\n  --button-warning-bd-color: #e6a23c;\n  --button-warning-bg-color: #e6a23c;\n  --button-warning-active-color: #ffffff;\n  --button-warning-active-bd-color: #b88230;\n  --button-warning-active-bg-color: #b88230;\n  --button-warning-hover-color: #ffffff80;\n  --button-warning-hover-bd-color: #eebe77;\n  --button-warning-hover-bg-color: #eebe77;\n  --button-warning-focus-visible-outline-color: #f3d19e;\n  --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\n  --button-warning-focus-visible-outline-offset: 1px;\n  --button-warning-disabled-color: #ffffff80;\n  --button-warning-disabled-bd-color: #f3d19e;\n  --button-warning-disabled-bg-color: #f3d19e;\n\n  /* danger按钮 */\n  --button-danger-color: #ffffff;\n  --button-danger-bd-color: #f56c6c;\n  --button-danger-bg-color: #f56c6c;\n  --button-danger-active-color: #ffffff;\n  --button-danger-active-bd-color: #c45656;\n  --button-danger-active-bg-color: #c45656;\n  --button-danger-hover-color: #ffffff;\n  --button-danger-hover-bd-color: #f89898;\n  --button-danger-hover-bg-color: #f89898;\n  --button-danger-focus-visible-outline-color: #fab6b6;\n  --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\n  --button-danger-focus-visible-outline-offset: 1px;\n  --button-danger-disabled-color: #ffffff80;\n  --button-danger-disabled-bd-color: #fab6b6;\n  --button-danger-disabled-bg-color: #fab6b6;\n\n  /* xiaomi-primary按钮 */\n  --button-xiaomi-primary-color: #ffffff;\n  --button-xiaomi-primary-bd-color: #ff5c00;\n  --button-xiaomi-primary-bg-color: #ff5c00;\n  --button-xiaomi-primary-active-color: #ffffff;\n  --button-xiaomi-primary-active-bd-color: #da4f00;\n  --button-xiaomi-primary-active-bg-color: #da4f00;\n  --button-xiaomi-primary-hover-color: #ffffff;\n  --button-xiaomi-primary-hover-bd-color: #ff7e29;\n  --button-xiaomi-primary-hover-bg-color: #ff7e29;\n  --button-xiaomi-primary-focus-visible-outline-color: #ffa061;\n  --button-xiaomi-primary-focus-visible-outline: 2px solid var(--button-xiaomi-primary-focus-visible-outline-color);\n  --button-xiaomi-primary-focus-visible-outline-offset: 1px;\n  --button-xiaomi-primary-disabled-color: #ffffff80;\n  --button-xiaomi-primary-disabled-bd-color: #fad5b6;\n  --button-xiaomi-primary-disabled-bg-color: #fad5b6;\n\n  /* violet按钮 */\n  --button-violet-color: #ffffff;\n  --button-violet-bd-color: #626aef;\n  --button-violet-bg-color: #626aef;\n  --button-violet-active-color: #ffffff;\n  --button-violet-active-bd-color: #8188f2;\n  --button-violet-active-bg-color: #8188f2;\n  --button-violet-hover-color: #ffffff;\n  --button-violet-hover-bd-color: #4b50ad;\n  --button-violet-hover-bg-color: #4b50ad;\n  --button-violet-focus-visible-outline-color: #2a598a;\n  --button-violet-focus-visible-outline: 2px solid var(--button-violet-focus-visible-outline-color);\n  --button-violet-focus-visible-outline-offset: 1px;\n  --button-violet-disabled-color: #ffffff80;\n  --button-violet-disabled-bd-color: #3b3f82;\n  --button-violet-disabled-bg-color: #3b3f82;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops {\n    /* default按钮 */\n    --button-default-color: #cfd3dc;\n    --button-default-bd-color: #4c4d4f;\n    --button-default-bg-color: transparent;\n    --button-default-active-color: #409eff;\n    --button-default-active-bd-color: #409eff;\n    --button-default-active-bg-color: #18222c;\n    --button-default-hover-color: #409eff;\n    --button-default-hover-bd-color: #213d5b;\n    --button-default-hover-bg-color: #18222c;\n    --button-default-focus-visible-outline-color: #2a598a;\n    --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\n    --button-default-focus-visible-outline-offset: 1px;\n    --button-default-disabled-color: #ffffff80;\n    --button-default-disabled-bd-color: #414243;\n    --button-default-disabled-bg-color: transparent;\n\n    /* primary按钮 */\n    --button-primary-color: #ffffff;\n    --button-primary-bd-color: #409eff;\n    --button-primary-bg-color: #409eff;\n    --button-primary-active-color: #ffffff;\n    --button-primary-active-bd-color: #66b1ff;\n    --button-primary-active-bg-color: #66b1ff;\n    --button-primary-hover-color: #ffffff;\n    --button-primary-hover-bd-color: #3375b9;\n    --button-primary-hover-bg-color: #3375b9;\n    --button-primary-focus-visible-outline-color: #2a598a;\n    --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\n    --button-primary-focus-visible-outline-offset: 1px;\n    --button-primary-disabled-color: #ffffff80;\n    --button-primary-disabled-bd-color: #2a598a;\n    --button-primary-disabled-bg-color: #2a598a;\n\n    /* success按钮 */\n    --button-success-color: #ffffff;\n    --button-success-bd-color: #67c23a;\n    --button-success-bg-color: #67c23a;\n    --button-success-active-color: #ffffff;\n    --button-success-active-bd-color: #85ce61;\n    --button-success-active-bg-color: #85ce61;\n    --button-success-hover-color: #ffffff;\n    --button-success-hover-bd-color: #4e8e2f;\n    --button-success-hover-bg-color: #4e8e2f;\n    --button-success-focus-visible-outline-color: #3e6b27;\n    --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\n    --button-success-focus-visible-outline-offset: 1px;\n    --button-success-disabled-color: #ffffff80;\n    --button-success-disabled-bd-color: #3e6b27;\n    --button-success-disabled-bg-color: #3e6b27;\n\n    /* info按钮 */\n    --button-info-color: #ffffff;\n    --button-info-bd-color: #909399;\n    --button-info-bg-color: #909399;\n    --button-info-active-color: #ffffff;\n    --button-info-active-bd-color: #a6a9ad;\n    --button-info-active-bg-color: #a6a9ad;\n    --button-info-hover-color: #ffffff;\n    --button-info-hover-bd-color: #6b6d71;\n    --button-info-hover-bg-color: #6b6d71;\n    --button-info-focus-visible-outline-color: #525457;\n    --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\n    --button-info-focus-visible-outline-offset: 1px;\n    --button-info-disabled-color: #ffffff80;\n    --button-info-disabled-bd-color: #525457;\n    --button-info-disabled-bg-color: #525457;\n\n    /* warning按钮 */\n    --button-warning-color: #ffffff;\n    --button-warning-bd-color: #e6a23c;\n    --button-warning-bg-color: #e6a23c;\n    --button-warning-active-color: #ffffff;\n    --button-warning-active-bd-color: #ebb563;\n    --button-warning-active-bg-color: #ebb563;\n    --button-warning-hover-color: #ffffff80;\n    --button-warning-hover-bd-color: #a77730;\n    --button-warning-hover-bg-color: #a77730;\n    --button-warning-focus-visible-outline-color: #7d5b28;\n    --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\n    --button-warning-focus-visible-outline-offset: 1px;\n    --button-warning-disabled-color: #ffffff80;\n    --button-warning-disabled-bd-color: #7d5b28;\n    --button-warning-disabled-bg-color: #7d5b28;\n\n    /* danger按钮 */\n    --button-danger-color: #ffffff;\n    --button-danger-bd-color: #f56c6c;\n    --button-danger-bg-color: #f56c6c;\n    --button-danger-active-color: #ffffff;\n    --button-danger-active-bd-color: #f78989;\n    --button-danger-active-bg-color: #f78989;\n    --button-danger-hover-color: #ffffff;\n    --button-danger-hover-bd-color: #b25252;\n    --button-danger-hover-bg-color: #b25252;\n    --button-danger-focus-visible-outline-color: #854040;\n    --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\n    --button-danger-focus-visible-outline-offset: 1px;\n    --button-danger-disabled-color: #ffffff80;\n    --button-danger-disabled-bd-color: #854040;\n    --button-danger-disabled-bg-color: #854040;\n  }\n}\n.pops[data-bottom-btn="false"] {\n  --container-bottom-btn-height: 0px;\n}\n.pops button {\n  white-space: nowrap;\n  float: right;\n  display: inline-block;\n  margin: var(--button-margin-top) var(--button-margin-right) var(--button-margin-bottom) var(--button-margin-left);\n  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);\n  outline: 0;\n}\n.pops button[data-has-icon="false"] .pops-bottom-icon {\n  display: none;\n}\n.pops button {\n  border-radius: var(--button-radius);\n  box-shadow: none;\n  font-weight: 400;\n  font-size: var(--button-font-size);\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n}\n.pops button {\n  display: flex;\n  align-items: center;\n  height: var(--button-height);\n  line-height: normal;\n  box-sizing: border-box;\n  border: 1px solid var(--button-bd-color);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops button {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button:active {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n  outline: 0;\n}\n.pops button:hover {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button:focus-visible {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button:disabled {\n  cursor: not-allowed;\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button.pops-button-large {\n  --button-height: 32px;\n  --button-padding-top: 12px;\n  --button-padding-bottom: 12px;\n  --button-padding-left: 19px;\n  --button-padding-right: 19px;\n  --button-font-size: 14px;\n  --button-border-radius: 4px;\n}\n\n.pops button.pops-button-small {\n  --button-height: 24px;\n  --button-padding-top: 5px;\n  --button-padding-bottom: 5px;\n  --button-padding-left: 11px;\n  --button-padding-right: 11px;\n  --button-font-size: 12px;\n  --button-border-radius: 4px;\n}\n.pops-panel-button-no-icon .pops-panel-button_inner i {\n  display: none;\n}\n.pops-panel-button-right-icon .pops-panel-button_inner {\n  flex-direction: row-reverse;\n}\n.pops-panel-button .pops-panel-button_inner i:has(svg),\n.pops-panel-button-right-icon .pops-panel-button-text {\n  margin-right: 6px;\n}\n\n.pops button[data-type="default"] {\n  --button-color: var(--button-default-color);\n  --button-bd-color: var(--button-default-bd-color);\n  --button-bg-color: var(--button-default-bg-color);\n}\n.pops button[data-type="default"]:active {\n  --button-color: var(--button-default-active-color);\n  --button-bd-color: var(--button-default-active-bd-color);\n  --button-bg-color: var(--button-default-active-bg-color);\n}\n.pops button[data-type="default"]:hover {\n  --button-color: var(--button-default-hover-color);\n  --button-bd-color: var(--button-default-hover-bd-color);\n  --button-bg-color: var(--button-default-hover-bg-color);\n}\n.pops button[data-type="default"]:focus-visible {\n  outline: var(--button-default-focus-visible-outline);\n  outline-offset: var(--button-default-focus-visible-outline-offset);\n}\n.pops button[data-type="default"]:disabled {\n  --button-color: var(--button-default-disabled-color);\n  --button-bd-color: var(--button-default-disabled-bd-color);\n  --button-bg-color: var(--button-default-disabled-bg-color);\n}\n\n.pops button[data-type="primary"] {\n  --button-color: var(--button-primary-color);\n  --button-bd-color: var(--button-primary-bd-color);\n  --button-bg-color: var(--button-primary-bg-color);\n}\n.pops button[data-type="primary"]:active {\n  --button-color: var(--button-primary-active-color);\n  --button-bd-color: var(--button-primary-active-bd-color);\n  --button-bg-color: var(--button-primary-active-bg-color);\n}\n.pops button[data-type="primary"]:hover {\n  --button-color: var(--button-primary-hover-color);\n  --button-bd-color: var(--button-primary-hover-bd-color);\n  --button-bg-color: var(--button-primary-hover-bg-color);\n}\n.pops button[data-type="primary"]:focus-visible {\n  outline: var(--button-primary-focus-visible-outline);\n  outline-offset: var(--button-primary-focus-visible-outline-offset);\n}\n.pops button[data-type="primary"]:disabled {\n  --button-color: var(--button-primary-disabled-color);\n  --button-bd-color: var(--button-primary-disabled-bd-color);\n  --button-bg-color: var(--button-primary-disabled-bg-color);\n}\n\n.pops button[data-type="success"] {\n  --button-color: var(--button-success-color);\n  --button-bd-color: var(--button-success-bd-color);\n  --button-bg-color: var(--button-success-bg-color);\n}\n.pops button[data-type="success"]:active {\n  --button-color: var(--button-success-active-color);\n  --button-bd-color: var(--button-success-active-bd-color);\n  --button-bg-color: var(--button-success-active-bg-color);\n}\n.pops button[data-type="success"]:hover {\n  --button-color: var(--button-success-hover-color);\n  --button-bd-color: var(--button-success-hover-bd-color);\n  --button-bg-color: var(--button-success-hover-bg-color);\n}\n.pops button[data-type="success"]:focus-visible {\n  outline: var(--button-success-focus-visible-outline);\n  outline-offset: var(--button-success-focus-visible-outline-offset);\n}\n.pops button[data-type="success"]:disabled {\n  --button-color: var(--button-success-disabled-color);\n  --button-bd-color: var(--button-success-disabled-bd-color);\n  --button-bg-color: var(--button-success-disabled-bg-color);\n}\n\n.pops button[data-type="info"] {\n  --button-color: var(--button-info-color);\n  --button-bd-color: var(--button-info-bd-color);\n  --button-bg-color: var(--button-info-bg-color);\n}\n.pops button[data-type="info"]:active {\n  --button-color: var(--button-info-active-color);\n  --button-bd-color: var(--button-info-active-bd-color);\n  --button-bg-color: var(--button-info-active-bg-color);\n}\n.pops button[data-type="info"]:hover {\n  --button-color: var(--button-info-hover-color);\n  --button-bd-color: var(--button-info-hover-bd-color);\n  --button-bg-color: var(--button-info-hover-bg-color);\n}\n.pops button[data-type="info"]:focus-visible {\n  outline: var(--button-info-focus-visible-outline);\n  outline-offset: var(--button-info-focus-visible-outline-offset);\n}\n.pops button[data-type="info"]:disabled {\n  --button-color: var(--button-info-disabled-color);\n  --button-bd-color: var(--button-info-disabled-bd-color);\n  --button-bg-color: var(--button-info-disabled-bg-color);\n}\n\n.pops button[data-type="warning"] {\n  --button-color: var(--button-warning-color);\n  --button-bd-color: var(--button-warning-bd-color);\n  --button-bg-color: var(--button-warning-bg-color);\n}\n.pops button[data-type="warning"]:active {\n  --button-color: var(--button-warning-active-color);\n  --button-bd-color: var(--button-warning-active-bd-color);\n  --button-bg-color: var(--button-warning-active-bg-color);\n}\n.pops button[data-type="warning"]:hover {\n  --button-color: var(--button-warning-hover-color);\n  --button-bd-color: var(--button-warning-hover-bd-color);\n  --button-bg-color: var(--button-warning-hover-bg-color);\n}\n.pops button[data-type="warning"]:focus-visible {\n  outline: var(--button-warning-focus-visible-outline);\n  outline-offset: var(--button-warning-focus-visible-outline-offset);\n}\n.pops button[data-type="warning"]:disabled {\n  --button-color: var(--button-warning-disabled-color);\n  --button-bd-color: var(--button-warning-disabled-bd-color);\n  --button-bg-color: var(--button-warning-disabled-bg-color);\n}\n\n.pops button[data-type="danger"] {\n  --button-color: var(--button-danger-color);\n  --button-bd-color: var(--button-danger-bd-color);\n  --button-bg-color: var(--button-danger-bg-color);\n}\n.pops button[data-type="danger"]:active {\n  --button-color: var(--button-danger-active-color);\n  --button-bd-color: var(--button-danger-active-bd-color);\n  --button-bg-color: var(--button-danger-active-bg-color);\n}\n.pops button[data-type="danger"]:hover {\n  --button-color: var(--button-danger-hover-color);\n  --button-bd-color: var(--button-danger-hover-bd-color);\n  --button-bg-color: var(--button-danger-hover-bg-color);\n}\n.pops button[data-type="danger"]:focus-visible {\n  outline: var(--button-danger-focus-visible-outline);\n  outline-offset: var(--button-danger-focus-visible-outline-offset);\n}\n.pops button[data-type="danger"]:disabled {\n  --button-color: var(--button-danger-disabled-color);\n  --button-bd-color: var(--button-danger-disabled-bd-color);\n  --button-bg-color: var(--button-danger-disabled-bg-color);\n}\n\n.pops button[data-type="xiaomi-primary"] {\n  --button-color: var(--button-xiaomi-primary-color);\n  --button-bd-color: var(--button-xiaomi-primary-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-bg-color);\n}\n.pops button[data-type="xiaomi-primary"]:active {\n  --button-color: var(--button-xiaomi-primary-active-color);\n  --button-bd-color: var(--button-xiaomi-primary-active-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-active-bg-color);\n}\n.pops button[data-type="xiaomi-primary"]:hover {\n  --button-color: var(--button-xiaomi-primary-hover-color);\n  --button-bd-color: var(--button-xiaomi-primary-hover-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-hover-bg-color);\n}\n.pops button[data-type="xiaomi-primary"]:focus-visible {\n  outline: var(--button-xiaomi-primary-focus-visible-outline);\n  outline-offset: var(--button-xiaomi-primary-focus-visible-outline-offset);\n}\n.pops button[data-type="xiaomi-primary"]:disabled {\n  --button-color: var(--button-xiaomi-primary-disabled-color);\n  --button-bd-color: var(--button-xiaomi-primary-disabled-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-disabled-bg-color);\n}\n\n.pops button[data-type="violet"] {\n  --button-color: var(--button-violet-color);\n  --button-bd-color: var(--button-violet-bd-color);\n  --button-bg-color: var(--button-violet-bg-color);\n}\n.pops button[data-type="violet"]:active {\n  --button-color: var(--button-violet-active-color);\n  --button-bd-color: var(--button-violet-active-bd-color);\n  --button-bg-color: var(--button-violet-active-bg-color);\n}\n.pops button[data-type="violet"]:hover {\n  --button-color: var(--button-violet-hover-color);\n  --button-bd-color: var(--button-violet-hover-bd-color);\n  --button-bg-color: var(--button-violet-hover-bg-color);\n}\n.pops button[data-type="violet"]:focus-visible {\n  outline: var(--button-violet-focus-visible-outline);\n  outline-offset: var(--button-violet-focus-visible-outline-offset);\n}\n.pops button[data-type="violet"]:disabled {\n  --button-color: var(--button-violet-disabled-color);\n  --button-bd-color: var(--button-violet-disabled-bd-color);\n  --button-bg-color: var(--button-violet-disabled-bg-color);\n}\n',common:".pops-flex-items-center {\n  display: flex;\n  align-items: center;\n}\n.pops-flex-y-center {\n  display: flex;\n  justify-content: space-between;\n}\n.pops-flex-x-center {\n  display: flex;\n  align-content: center;\n}\n.pops-hide {\n  display: none;\n}\n.pops-hide-important {\n  display: none !important;\n}\n.pops-no-border {\n  border: 0;\n}\n.pops-no-border-important {\n  border: 0 !important;\n}\n.pops-user-select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-line-height-center {\n  line-height: normal;\n  align-content: center;\n}\n.pops-width-fill {\n  width: 100%;\n  width: -moz-available;\n  width: -webkit-fill-available;\n}\n.pops-height-fill {\n  height: 100%;\n  height: -moz-available;\n  height: -webkit-fill-available;\n}\n.pops-text-is-disabled {\n  --pops-text-is-disabled-color: #a8abb2;\n  --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);\n  color: var(--pops-text-is-disabled-color);\n}\n.pops-text-is-disabled-important {\n  --pops-text-is-disabled-color: #a8abb2;\n  --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;\n  color: var(--pops-text-is-disabled-color) !important;\n}\n",anim:'@keyframes rotating {\n  0% {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes iframeLoadingChange_85 {\n  0% {\n    background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n  }\n  20% {\n    background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\n  }\n  40% {\n    background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\n  }\n  60% {\n    background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\n  }\n  80% {\n    background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\n  }\n  100% {\n    background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\n  }\n  from {\n    width: 75%;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes iframeLoadingChange {\n  0% {\n    background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n  }\n  20% {\n    background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\n  }\n  40% {\n    background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\n  }\n  60% {\n    background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\n  }\n  80% {\n    background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\n  }\n  100% {\n    background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\n  }\n  from {\n    width: 0;\n  }\n  to {\n    width: 75%;\n  }\n}\n\n@keyframes searchSelectFalIn {\n  from {\n    opacity: 0;\n    display: none;\n  }\n  to {\n    display: block;\n    opacity: 1;\n  }\n}\n@keyframes searchSelectFalOut {\n  from {\n    display: block;\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    display: none;\n  }\n}\n\n@keyframes pops-anim-wait-rotate {\n  form {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pops-anim-spread {\n  0% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n  100% {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n}\n@keyframes pops-anim-shake {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translateX(-10px);\n  }\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translateX(10px);\n  }\n}\n@keyframes pops-anim-rolling-left {\n  0% {\n    opacity: 0;\n    transform: translateX(-100%) rotate(-120deg);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n}\n@keyframes pops-anim-rolling-right {\n  0% {\n    opacity: 0;\n    transform: translateX(100%) rotate(120deg);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n}\n@keyframes pops-anim-slide-top {\n  0% {\n    opacity: 0;\n    transform: translateY(-200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes pops-anim-slide-bottom {\n  0% {\n    opacity: 0;\n    transform: translateY(200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes pops-anim-slide-left {\n  0% {\n    opacity: 0;\n    transform: translateX(-200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes pops-anim-slide-right {\n  0% {\n    transform: translateX(200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes pops-anim-fadein {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes pops-anim-fadein-zoom {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes pops-anim-fadein-alert {\n  0% {\n    transform: scale(0.5);\n  }\n  45% {\n    transform: scale(1.05);\n  }\n  80% {\n    transform: scale(0.95);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes pops-anim-don {\n  0% {\n    opacity: 0;\n    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  2.08333% {\n    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  4.16667% {\n    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  6.25% {\n    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  8.33333% {\n    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  10.4167% {\n    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  12.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  14.5833% {\n    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  16.6667% {\n    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  18.75% {\n    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  20.8333% {\n    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  22.9167% {\n    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  25% {\n    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  27.0833% {\n    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  29.1667% {\n    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  31.25% {\n    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  33.3333% {\n    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  35.4167% {\n    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  37.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  39.5833% {\n    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  41.6667% {\n    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  43.75% {\n    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  45.8333% {\n    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  47.9167% {\n    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  50% {\n    opacity: 1;\n    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  52.0833% {\n    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  54.1667% {\n    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  56.25% {\n    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  58.3333% {\n    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  60.4167% {\n    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  62.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  64.5833% {\n    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  66.6667% {\n    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  68.75% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  70.8333% {\n    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  72.9167% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  75% {\n    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  77.0833% {\n    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  79.1667% {\n    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  81.25% {\n    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  83.3333% {\n    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  85.4167% {\n    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  87.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  89.5833% {\n    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  91.6667% {\n    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  93.75% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  95.8333% {\n    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  97.9167% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n}\n@keyframes pops-anim-roll {\n  0% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\n  }\n  100% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\n  }\n}\n@keyframes pops-anim-sandra {\n  0% {\n    opacity: 0;\n    transform: scale3d(1.1, 1.1, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n@keyframes pops-anim-gather {\n  0% {\n    opacity: 0;\n    transform: scale(5, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n}\n@keyframes pops-anim-spread-reverse {\n  0% {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n}\n@keyframes pops-anim-shake-reverse {\n  0%,\n  100% {\n    transform: translateX(10px);\n  }\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translateX(-10px);\n  }\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translateX(0);\n  }\n}\n@keyframes pops-anim-rolling-left-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%) rotate(-120deg);\n  }\n}\n@keyframes pops-anim-rolling-right-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%) rotate(120deg);\n  }\n}\n@keyframes pops-anim-slide-top-reverse {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-200%);\n  }\n}\n@keyframes pops-anim-slide-bottom-reverse {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(200%);\n  }\n}\n@keyframes pops-anim-slide-left-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-200%);\n  }\n}\n@keyframes pops-anim-slide-right-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n@keyframes pops-anim-fadein-reverse {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes pops-anim-fadein-zoom-reverse {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n@keyframes pops-anim-fadein-alert-reverse {\n  0% {\n    transform: scale(1);\n  }\n  45% {\n    transform: scale(0.95);\n  }\n  80% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(0.5);\n  }\n}\n@keyframes pops-anim-don-reverse {\n  100% {\n    opacity: 0;\n    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  97.9167% {\n    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  95.8333% {\n    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  93.75% {\n    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  91.6667% {\n    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  89.5833% {\n    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  87.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  85.4167% {\n    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  83.3333% {\n    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  81.25% {\n    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  79.1667% {\n    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  77.0833% {\n    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  75% {\n    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  72.9167% {\n    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  70.8333% {\n    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  68.75% {\n    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  66.6667% {\n    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  64.5833% {\n    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  62.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  60.4167% {\n    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  58.3333% {\n    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  56.25% {\n    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  54.1667% {\n    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  52.0833% {\n    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  50% {\n    opacity: 1;\n    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  47.9167% {\n    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  45.8333% {\n    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  43.75% {\n    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  41.6667% {\n    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  39.5833% {\n    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  37.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  35.4167% {\n    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  33.3333% {\n    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  31.25% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  29.1667% {\n    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  27.0833% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  25% {\n    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  22.9167% {\n    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  20.8333% {\n    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  18.75% {\n    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  16.6667% {\n    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  14.5833% {\n    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  12.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  10.4167% {\n    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  8.33333% {\n    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  6.25% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  4.16667% {\n    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  2.08333% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  0% {\n    opacity: 1;\n    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n}\n@keyframes pops-anim-roll-reverse {\n  0% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\n  }\n  100% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\n  }\n}\n@keyframes pops-anim-sandra-reverse {\n  0% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(1.1, 1.1, 1);\n  }\n}\n@keyframes pops-anim-gather-reverse {\n  0% {\n    opacity: 0;\n    transform: scale(5, 0);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(5, 0);\n  }\n}\n\n@-webkit-keyframes pops-motion-fadeInTop {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(-30px);\n    transform: translateY(-30px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n@keyframes pops-motion-fadeInTop {\n  0% {\n    opacity: 0;\n    transform: translateY(-30px);\n    -ms-transform: translateY(-30px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutTop {\n  0% {\n    opacity: 10;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(-30px);\n    transform: translateY(-30px);\n  }\n}\n@keyframes pops-motion-fadeOutTop {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n    -ms-transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-30px);\n    -ms-transform: translateY(-30px);\n  }\n}\n@-webkit-keyframes pops-motion-fadeInBottom {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n}\n@keyframes pops-motion-fadeInBottom {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n    -ms-transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -ms-transform: translateY(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutBottom {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n  }\n}\n@keyframes pops-motion-fadeOutBottom {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -ms-transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n    -ms-transform: translateY(20px);\n  }\n}\n@-webkit-keyframes pops-motion-fadeInLeft {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(-20px);\n    transform: translateX(-20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n@keyframes pops-motion-fadeInLeft {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(-30px);\n    transform: translateX(-30px);\n    -ms-transform: translateX(-30px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutLeft {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(-30px);\n    transform: translateX(-30px);\n  }\n}\n@keyframes pops-motion-fadeOutLeft {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(-20px);\n    transform: translateX(-20px);\n    -ms-transform: translateX(-20px);\n  }\n}\n@-webkit-keyframes pops-motion-fadeInRight {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n@keyframes pops-motion-fadeInRight {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n    -ms-transform: translateX(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutRight {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n}\n@keyframes pops-motion-fadeOutRight {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n    -ms-transform: translateX(20px);\n  }\n}\n\n/* 动画 */\n.pops-anim[anim="pops-anim-spread"] {\n  animation: pops-anim-spread 0.3s;\n}\n.pops-anim[anim="pops-anim-shake"] {\n  animation: pops-anim-shake 0.3s;\n}\n.pops-anim[anim="pops-anim-rolling-left"] {\n  animation: pops-anim-rolling-left 0.3s;\n}\n.pops-anim[anim="pops-anim-rolling-right"] {\n  animation: pops-anim-rolling-right 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-top"] {\n  animation: pops-anim-slide-top 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-bottom"] {\n  animation: pops-anim-slide-bottom 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-left"] {\n  animation: pops-anim-slide-left 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-right"] {\n  animation: pops-anim-slide-right 0.3s;\n}\n.pops-anim[anim="pops-anim-fadein"] {\n  animation: pops-anim-fadein 0.3s;\n}\n.pops-anim[anim="pops-anim-fadein-zoom"] {\n  animation: pops-anim-fadein-zoom 0.3s;\n}\n.pops-anim[anim="pops-anim-fadein-alert"] {\n  animation: pops-anim-fadein-alert 0.3s;\n}\n.pops-anim[anim="pops-anim-don"] {\n  animation: pops-anim-don 0.3s;\n}\n.pops-anim[anim="pops-anim-roll"] {\n  animation: pops-anim-roll 0.3s;\n}\n.pops-anim[anim="pops-anim-sandra"] {\n  animation: pops-anim-sandra 0.3s;\n}\n.pops-anim[anim="pops-anim-gather"] {\n  animation: pops-anim-gather 0.3s;\n}\n.pops-anim[anim="pops-anim-spread-reverse"] {\n  animation: pops-anim-spread-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-shake-reverse"] {\n  animation: pops-anim-shake-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-rolling-left-reverse"] {\n  animation: pops-anim-rolling-left-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-rolling-right-reverse"] {\n  animation: pops-anim-rolling-right-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-top-reverse"] {\n  animation: pops-anim-slide-top-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-bottom-reverse"] {\n  animation: pops-anim-slide-bottom-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-left-reverse"] {\n  animation: pops-anim-slide-left-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-slide-right-reverse"] {\n  animation: pops-anim-slide-right-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-fadein-reverse"] {\n  animation: pops-anim-fadein-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-fadein-zoom-reverse"] {\n  animation: pops-anim-fadein-zoom-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-fadein-alert-reverse"] {\n  animation: pops-anim-fadein-alert-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-don-reverse"] {\n  animation: pops-anim-don-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-roll-reverse"] {\n  animation: pops-anim-roll-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-sandra-reverse"] {\n  animation: pops-anim-sandra-reverse 0.3s;\n}\n.pops-anim[anim="pops-anim-gather-reverse"] {\n  animation: pops-anim-gather-reverse 0.3s;\n}\n',alertCSS:"",confirmCSS:"",promptCSS:'.pops[type-value="prompt"] {\n  --input-color: #000000;\n  --input-bg-color: none;\n  --input-placeholder-color: #a1a4ac;\n}\n.pops[type-value="prompt"] input[pops],\n.pops[type-value="prompt"] textarea[pops] {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  border: 0;\n  color: var(--input-color);\n  background-color: var(--input-bg-color);\n}\n\n.pops[type-value="prompt"] input[pops] {\n  padding: 5px 10px;\n}\n.pops[type-value="prompt"] textarea[pops] {\n  padding: 5px 10px;\n  resize: none;\n}\n\n.pops[type-value="prompt"] input[pops]::placeholder,\n.pops[type-value="prompt"] textarea[pops]::placeholder {\n  color: var(--input-placeholder-color);\n}\n@media (prefers-color-scheme: dark) {\n  .pops[type-value="prompt"] {\n    --input-color: #ffffff;\n    --input-bg-color: #333333;\n    --input-placeholder-color: #8d9095;\n  }\n}\n',loadingCSS:'.pops[type-value="loading"] {\n  --loading-bd-color: rgba(0, 0, 0, 0.2);\n  --loading-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --loading-box-shadow-color: rgb(0 0 0 / 50%);\n  --loading-icon-color: rgba(100, 149, 237, 0.1);\n  --loading-icon-bd-top-color: rgb(100, 149, 237, var(--pops-bd-opacity));\n}\n.pops[type-value="loading"] {\n  position: absolute;\n  top: 272.5px;\n  top: 50%;\n  left: 26px;\n  left: 50%;\n  display: flex;\n  overflow: hidden;\n  padding: 10px 15px;\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 0;\n  min-height: 0;\n  border: 1px solid var(--loading-bd-color);\n  border-radius: 5px;\n  background-color: var(--loading-bg-color);\n  box-shadow: 0 0 5px var(--loading-box-shadow-color);\n  vertical-align: middle;\n  transition: all 0.35s;\n  transform: translate(-50%, -50%);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n}\n.pops[type-value="loading"]:before {\n  float: left;\n  display: inline-block;\n  width: 2em;\n  height: 2em;\n  border: 0.3em solid var(--loading-icon-color);\n  border-top: 0.3em solid var(--loading-icon-bd-top-color);\n  border-radius: 50%;\n  content: " ";\n  vertical-align: middle;\n  font-size: inherit;\n  animation: pops-anim-wait-rotate 1.2s linear infinite;\n}\n.pops[type-value="loading"] .pops-loading-content {\n  position: static;\n  top: 0;\n  bottom: 0;\n  float: left;\n  overflow: hidden;\n  width: auto;\n  font-size: inherit;\n  line-height: normal;\n  align-content: center;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops[type-value="loading"] {\n    --loading-bg-color: #222222;\n  }\n}\n',iframeCSS:'.pops[type-value="iframe"] {\n  --container-title-height: 55px;\n  transition:\n    width 0.35s ease,\n    height 0.35s ease;\n}\n.pops[type-value="iframe"] .pops-content {\n  overflow: hidden;\n}\n.pops-loading {\n  position: absolute;\n  top: 40px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 5;\n  background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n}\n.pops-loading:before {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 3;\n  display: block;\n  margin: -20px 0 0 -20px;\n  padding: 20px;\n  border: 4px solid rgb(221, 221, 221, var(--pops-bd-opacity));\n  border-radius: 50%;\n  content: "";\n  border-top-color: transparent;\n  animation: pops-anim-wait-rotate 1.2s linear infinite;\n}\n.pops[type-value="iframe"].pops[type-module="min"] {\n  bottom: 0;\n  max-width: 200px;\n  max-height: 53px;\n  position: unset;\n}\n.pops[type-value="iframe"].pops[type-module="min"] .pops-header-control[data-type="min"] {\n  display: none;\n}\n.pops[type-value="iframe"].pops-iframe-unset-top {\n  top: unset !important;\n}\n.pops[type-value="iframe"].pops-iframe-unset-left {\n  left: unset !important;\n}\n.pops[type-value="iframe"].pops-iframe-unset-transform {\n  transform: none !important;\n}\n.pops[type-value="iframe"].pops-iframe-unset-transition {\n  transition: none !important;\n}\n.pops[type-value="iframe"].pops[type-module="max"] {\n  width: 100% !important;\n  height: 100% !important;\n}\n.pops[type-value="iframe"] iframe[pops] {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.pops-iframe-content-global-loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 999999;\n  width: 0;\n  height: 4px;\n  background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n  animation: iframeLoadingChange 2s forwards;\n}\n\n.pops-anim:has(.pops[type-value="iframe"].pops[type-module="min"]) {\n  position: unset;\n}\n',tooltipCSS:'.pops-tip {\n  --pops-bg-opacity: 1;\n  --tooltip-color: #4e4e4e;\n  --tooltip-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --tooltip-bd-radius: 2px;\n  --tooltip-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n  --tooltip-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n  --tooltip-font-size: 14px;\n  --tooltip-padding-top: 13px;\n  --tooltip-padding-right: 13px;\n  --tooltip-padding-bottom: 13px;\n  --tooltip-padding-left: 13px;\n\n  --tooltip-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n  --tooltip-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n  --tooltip-arrow--after-color: rgb(78, 78, 78);\n  --tooltip-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --tooltip-arrow--after-width: 12px;\n  --tooltip-arrow--after-height: 12px;\n}\n.pops-tip {\n  padding: var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom)\n    var(--tooltip-padding-left);\n  max-width: 400px;\n  max-height: 300px;\n  border-radius: var(--tooltip-bd-radius);\n  background-color: var(--tooltip-bg-color);\n  box-shadow:\n    0 1.5px 4px var(--tooltip-box-shadow-left-color),\n    0 1.5px 6px var(--tooltip-box-shadow-right-color);\n  color: var(--tooltip-color);\n  font-size: var(--tooltip-font-size);\n}\n.pops-tip[data-position="absolute"] {\n  position: absolute;\n}\n.pops-tip[data-position="fixed"] {\n  position: fixed;\n}\n\n.pops-tip .pops-tip-arrow {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  overflow: hidden;\n  width: 100%;\n  height: 12.5px;\n  transform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow::after {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: var(--tooltip-arrow--after-width);\n  height: var(--tooltip-arrow--after-height);\n  background: var(--tooltip-arrow--after-bg-color);\n  color: var(--tooltip-arrow--after-color);\n  box-shadow:\n    0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\n    0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\n  content: "";\n  transform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n\n.pops-tip .pops-tip-arrow[data-position="bottom"] {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  overflow: hidden;\n  width: 100%;\n  height: 12.5px;\n  transform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position="bottom"]:after {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: var(--tooltip-arrow--after-width);\n  height: var(--tooltip-arrow--after-height);\n  background: var(--tooltip-arrow--after-bg-color);\n  box-shadow:\n    0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\n    0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\n  content: "";\n  transform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n\n.pops-tip .pops-tip-arrow[data-position="left"] {\n  top: 50%;\n  left: -12.5px;\n  width: 12.5px;\n  height: 50px;\n  transform: translateY(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position="left"]:after {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  content: "";\n}\n\n.pops-tip .pops-tip-arrow[data-position="right"] {\n  top: 50%;\n  right: -12.5px;\n  left: auto;\n  width: 12.5px;\n  height: 50px;\n  transform: translateY(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position="right"]:after {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  content: "";\n}\n\n.pops-tip .pops-tip-arrow[data-position="top"] {\n  top: -12.5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position="top"]:after {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  content: "";\n}\n\n.pops-tip[data-motion] {\n  -webkit-animation-duration: 0.25s;\n  animation-duration: 0.25s;\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n}\n.pops-tip[data-motion="fadeOutRight"] {\n  -webkit-animation-name: pops-motion-fadeOutRight;\n  animation-name: pops-motion-fadeOutRight;\n}\n.pops-tip[data-motion="fadeInTop"] {\n  -webkit-animation-name: pops-motion-fadeInTop;\n  animation-name: pops-motion-fadeInTop;\n  animation-timing-function: cubic-bezier(0.49, 0.49, 0.13, 1.3);\n}\n.pops-tip[data-motion="fadeOutTop"] {\n  -webkit-animation-name: pops-motion-fadeOutTop;\n  animation-name: pops-motion-fadeOutTop;\n  animation-timing-function: cubic-bezier(0.32, 0.37, 0.06, 0.87);\n}\n.pops-tip[data-motion="fadeInBottom"] {\n  -webkit-animation-name: pops-motion-fadeInBottom;\n  animation-name: pops-motion-fadeInBottom;\n}\n.pops-tip[data-motion="fadeOutBottom"] {\n  -webkit-animation-name: pops-motion-fadeOutBottom;\n  animation-name: pops-motion-fadeOutBottom;\n}\n.pops-tip[data-motion="fadeInLeft"] {\n  -webkit-animation-name: pops-motion-fadeInLeft;\n  animation-name: pops-motion-fadeInLeft;\n}\n.pops-tip[data-motion="fadeOutLeft"] {\n  -webkit-animation-name: pops-motion-fadeOutLeft;\n  animation-name: pops-motion-fadeOutLeft;\n}\n.pops-tip[data-motion="fadeInRight"] {\n  -webkit-animation-name: pops-motion-fadeInRight;\n  animation-name: pops-motion-fadeInRight;\n}\n\n/* github的样式 */\n.pops-tip.github-tooltip {\n  --tooltip-bg-opacity: 1;\n  --tooltip-color: #ffffff;\n  --tooltip-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\n  --tooltip-bd-radius: 6px;\n  --tooltip-padding-top: 6px;\n  --tooltip-padding-right: 8px;\n  --tooltip-padding-bottom: 6px;\n  --tooltip-padding-left: 8px;\n\n  --tooltip-arrow--after-color: rgb(255, 255, 255);\n  --tooltip-arrow--after-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\n  --tooltip-arrow--after-width: 8px;\n  --tooltip-arrow--after-height: 8px;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops-tip {\n    --tooltip-color: #ffffff;\n    --tooltip-bg-color: #fafafa;\n    --tooltip-arrow--after-color: #fafafa;\n    --tooltip-arrow--after-bg-color: rgb(250, 250, 250, var(--pops-bg-opacity));\n  }\n}\n',drawerCSS:'.pops[type-value="drawer"] {\n  position: fixed;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  box-shadow:\n    0px 16px 48px 16px rgba(0, 0, 0, 0.08),\n    0px 12px 32px rgba(0, 0, 0, 0.12),\n    0px 8px 16px -8px rgba(0, 0, 0, 0.16);\n  overflow: hidden;\n  transition: all 0.3s;\n}\n\n.pops[type-value="drawer"][direction="top"] {\n  width: 100%;\n  left: 0;\n  right: 0;\n  top: 0;\n}\n.pops[type-value="drawer"][direction="bottom"] {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.pops[type-value="drawer"][direction="left"] {\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  left: 0;\n}\n.pops[type-value="drawer"][direction="right"] {\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  right: 0;\n}\n',folderCSS:'.pops-folder-list {\n  --folder-arrow-fill-color: #d4d7de;\n  --folder-arrow-active-fill-color: #06a7ff;\n  --header-breadcrumb-text-color: #06a7ff;\n  --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\n  --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\n  --header-breadcrumb-all-files-last-text-color: #999999;\n  --table-header-row-text-color: #818999;\n  --table-body-td-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\n  --table-body-th-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\n  --table-body-row-text-color: #05082c;\n  --table-body-row-file-name-text-color: #05082c;\n  --table-body-row-hover-bd-color: rgb(245, 246, 247, var(--pops-bg-opacity));\n  --table-body-row-hover-bg-color: rgb(245, 246, 247, var(--pops-bg-opacity));\n  --table-body-row-file-name-hover-text-color: #06a7ff;\n  --table-body-row-content-text-color: #818999;\n}\n.pops-folder-list .cursor-p {\n  cursor: pointer;\n}\n.pops-folder-list a {\n  background: 0 0;\n  text-decoration: none;\n  -webkit-tap-highlight-color: transparent;\n  color: var(--header-breadcrumb-text-color);\n}\ntable.pops-folder-list-table__body,\ntable.pops-folder-list-table__header {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n  padding: 0 20px;\n}\ntable.pops-folder-list-table__body,\ntable.pops-folder-list-table__header {\n  height: 100%;\n  background: 0 0;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  -ms-flex-direction: column;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n}\ntable.pops-folder-list-table__body {\n  height: 100%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-folder-list table tr {\n  line-height: normal;\n  align-content: center;\n}\n.pops-folder-list-table__header-row {\n  height: 50px;\n  line-height: normal;\n  align-content: center;\n  color: var(--table-header-row-text-color);\n  text-align: left;\n  font-size: 12px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-folder-list-table__body-row {\n  height: 50px;\n  line-height: normal;\n  align-content: center;\n  color: var(--table-body-row-text-color);\n  font-size: 12px;\n}\n.pops-folder-list-table__body-row:hover {\n  background-color: var(--table-body-row-hover-bg-color);\n  border-color: var(--table-body-row-hover-bd-color);\n  border: 0;\n  outline: none;\n}\n.pops-folder-list table th {\n  border: 0;\n  border-bottom: 1px solid var(--table-body-th-text-color);\n}\n.pops-folder-list table td {\n  border: 0;\n  border-bottom: 1px solid var(--table-body-td-text-color);\n  position: relative;\n}\n.pops-folder-list .list-name-text {\n  display: inline-block;\n  padding-left: 12px;\n  line-height: normal;\n  align-content: center;\n  max-width: 176px;\n}\n.pops-folder-list-file-name > div {\n  display: flex;\n  align-items: center;\n}\n\n.pops-mobile-folder-list-file-name {\n  display: flex;\n  align-items: center;\n}\n.pops-mobile-folder-list-file-name > div {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 6px 0px;\n  flex-direction: column;\n}\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\n  width: 45px;\n  height: 45px;\n}\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\n  padding-left: unset;\n  max-width: 250px;\n  overflow-x: hidden;\n  font-weight: 400;\n  line-height: unset;\n  margin-bottom: 4px;\n  white-space: normal;\n  text-overflow: unset;\n}\n\n/* 修改滚动 */\n.pops-folder-content {\n  overflow: hidden !important;\n}\n.pops-folder-content .pops-folder-list {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.pops-folder-content .pops-folder-list-table__body-div {\n  height: 100%;\n  flex: 1 auto;\n  overflow: auto;\n  padding-bottom: 0;\n}\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\n  height: 100%;\n  flex: 1 auto;\n  overflow: auto;\n  padding-bottom: 0;\n}\n.pops-folder-content table.pops-folder-list-table__body {\n  overflow: auto;\n}\n.pops-folder-content .pops-folder-list-table__header-div {\n  flex: 0;\n}\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\n  display: none;\n}\n\n.pops-folder-list .pops-folder-list-file-name-title-text {\n  color: var(--table-body-row-file-name-text-color);\n}\n.pops-folder-list .pops-folder-list-file-name-title-text:hover {\n  text-decoration: none;\n  color: var(--table-body-row-file-name-hover-text-color);\n}\n.pops-folder-list .text-ellip {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.pops-folder-list .content {\n  color: var(--table-body-row-content-text-color);\n  position: relative;\n  width: 100%;\n  text-align: left;\n}\n.pops-folder-list .inline-block-v-middle {\n  display: inline-block;\n  vertical-align: middle;\n}\n.pops-folder-list .flex-a-i-center {\n  display: flex;\n  align-items: center;\n}\n.pops-folder-list .u-file-icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n.pops-folder-list .u-file-icon--list {\n  width: 32px;\n  height: 32px;\n}\n.pops-folder-list .pops-folder-list-file-icon {\n  line-height: normal;\n  align-content: center;\n  position: relative;\n  vertical-align: middle;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\n  flex: 1;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  min-height: 17px;\n  flex-wrap: wrap;\n}\n.pops-folder-list .pops-folder-list-table__sort {\n  display: inline-flex;\n  margin-left: 4px;\n  flex-direction: column;\n}\n\n.pops-folder-list .pops-folder-icon-arrow {\n  width: 10px;\n  height: 10px;\n  fill: var(--folder-arrow-fill-color);\n}\n.pops-folder-list .pops-folder-icon-active {\n  fill: var(--folder-arrow-active-fill-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb {\n  padding: 4px 20px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -webkit-box-pack: start;\n  -webkit-justify-content: start;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  min-height: 35px;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\n  font-size: 12px;\n  color: var(--header-breadcrumb-all-files-text-color);\n  line-height: normal;\n  align-content: center;\n  font-weight: 700;\n  display: inline-block;\n  max-width: 140px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\n  color: var(--header-breadcrumb-all-files-last-text-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\n  font-size: 14px;\n  color: var(--header-breadcrumb-all-files-first-text-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\n  width: 16px;\n  height: 16px;\n}\n.pops-folder-list .iconArrow {\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\n    55% 50%/6px 9px no-repeat;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops[type-value="folder"] {\n    --pops-title-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n    --pops-bottom-btn-controls-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n  }\n  .pops-folder-list {\n    --header-breadcrumb-text-color: #06a7ff;\n    --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\n    --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\n    --header-breadcrumb-all-files-last-text-color: #818999;\n    --table-body-row-text-color: #f7f8fa;\n    --table-body-td-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n    --table-body-th-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n    --table-body-td-text-color: #495366;\n    --table-body-row-hover-bd-color: #1f2022;\n    --table-body-row-hover-bg-color: #1f2022;\n    --table-body-row-file-name-text-color: #f7f8fa;\n  }\n}\n',panelCSS:'.pops[type-value="panel"] {\n  --pops-bg-color: #f2f2f2;\n  --pops-color: #333333;\n  --panel-title-bg-color: #ffffff;\n\n  --panel-aside-bg-color: #ffffff;\n  --panel-aside-hover-color: rgb(64, 158, 255);\n  --panel-aside-hover-bg-color: rgba(64, 158, 255, 0.1);\n\n  --pops-panel-forms-margin-top-bottom: 10px;\n  --pops-panel-forms-margin-left-right: 20px;\n  --pops-panel-forms-header-icon-size: calc(var(--pops-panel-forms-container-li-padding-left-right) + 1px);\n  --pops-panel-forms-header-padding-top-bottom: 15px;\n  --pops-panel-forms-header-padding-left-right: 10px;\n  --pops-panel-forms-container-item-left-text-gap: 6px;\n  --pops-panel-forms-container-item-left-desc-text-size: 0.8em;\n  --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\n  --pops-panel-forms-container-item-bg-color: #ffffff;\n  --pops-panel-forms-container-item-title-color: #333;\n  --pops-panel-forms-container-item-border-radius: 6px;\n  --pops-panel-forms-container-item-margin-top-bottom: 10px;\n  --pops-panel-forms-container-item-margin-left-right: var(--pops-panel-forms-margin-left-right);\n  --pops-panel-forms-container-li-border-color: var(--pops-bd-color);\n  --pops-panel-forms-container-li-padding-top-bottom: 12px;\n  --pops-panel-forms-container-li-padding-left-right: 16px;\n\n  --pops-panel-forms-container-deepMenu-item-active-bg: #e9e9e9;\n}\n.pops[type-value="panel"] {\n  color: var(--pops-color);\n  background: var(--pops-bg-color);\n}\n.pops[type-value] .pops-panel-title {\n  background: var(--panel-title-bg-color);\n}\n\n/* ↓panel的CSS↓ */\n/* 左侧的列表 */\naside.pops-panel-aside {\n  box-sizing: border-box;\n  flex-shrink: 0;\n  max-width: 200px;\n  min-width: 100px;\n  height: 100%;\n  background: var(--panel-aside-bg-color);\n  border-right: 1px solid var(--panel-aside-bg-color);\n  font-size: 0.9em;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\naside.pops-panel-aside .pops-panel-aside-top-container {\n  overflow: auto;\n}\naside.pops-panel-aside ul li {\n  margin: 6px 8px;\n  border-radius: 4px;\n  padding: 6px 10px;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\naside.pops-panel-aside .pops-is-visited,\naside.pops-panel-aside ul li:not(.pops-panel-disabled-aside-hover-css):hover {\n  color: var(--panel-aside-hover-color);\n  background: var(--panel-aside-hover-bg-color);\n}\n/* 左侧的列表 */\n\n/* 底部的容器 */\n.pops-panel-bottom-wrapper {\n  background: var(--panel-aside-bg-color);\n  border-top: 1px solid #ebeef5;\n}\n.pops-panel-bottom-wrapper:has(.pops-panel-bottom-left-container:empty):has(.pops-panel-bottom-right-container:empty) {\n  border-top: 0;\n}\n.pops-panel-bottom-container {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n}\n.pops-panel-bottom-left-container {\n}\n.pops-panel-bottom-right-container {\n}\n.pops-panel-bottom-wrapper .pops-panel-bottom-item {\n  list-style-type: none;\n  margin: 6px 8px;\n  border-radius: 4px;\n  padding: 6px 10px;\n  cursor: default;\n}\n.pops-panel-bottom-wrapper:not(.pops-panel-disable-bottom-item-hover-css) .pops-panel-bottom-item:hover {\n  color: var(--panel-aside-hover-color);\n  background: var(--panel-aside-hover-bg-color);\n}\n/* 底部的容器 */\n\n.pops-panel-content {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  overflow: auto;\n  flex-basis: auto;\n  box-sizing: border-box;\n  min-width: 0;\n  bottom: 0 !important;\n}\n\n.pops-panel-section-wrapper {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\nsection.pops-panel-container {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\nsection.pops-panel-container .pops-panel-container-header-ul,\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\n  border-bottom: 1px solid rgba(223, 223, 223, var(--pops-bg-opacity));\n  flex: 0 auto;\n}\nsection.pops-panel-container .pops-panel-container-header-ul li,\nsection.pops-panel-container .pops-panel-container-header-ul li.pops-panel-container-header-title-text {\n  display: flex;\n  justify-content: flex-start !important;\n  margin: 0px !important;\n  padding: var(--pops-panel-forms-header-padding-top-bottom)\n    calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right));\n  text-align: left;\n}\nsection.pops-panel-container ul.pops-panel-container-main-ul {\n  overflow: auto;\n  /*flex: 1;*/\n}\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: var(--pops-panel-forms-margin-top-bottom)\n    calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-margin-left-right));\n  gap: 10px;\n}\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\n  margin: 10px;\n  margin-left: calc(\n    var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right)\n  );\n  font-size: 0.9em;\n  text-align: left;\n  color: var(--pops-panel-forms-container-item-title-color);\n}\nsection.pops-panel-container li.pops-panel-forms-container-item {\n  /* 去除<li>左侧的圆点 */\n  display: block;\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist {\n  border-radius: var(--pops-panel-forms-container-item-border-radius);\n  background: var(--pops-panel-forms-container-item-bg-color);\n  margin: var(--pops-panel-forms-container-item-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist li {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--pops-panel-forms-container-li-padding-top-bottom)\n    var(--pops-panel-forms-container-li-padding-left-right);\n  margin: 0px 0px;\n  border-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\n  text-align: left;\n}\n/*section.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul\n\tli.pops-panel-deepMenu-nav-item {\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right);\n\tborder-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\n}*/\nsection.pops-panel-container\n  .pops-panel-forms-container-item\n  ul.pops-panel-forms-container-item-formlist\n  li:last-child {\n  border: 0px;\n}\n/* 左侧的文字 */\nsection.pops-panel-container .pops-panel-item-left-text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--pops-panel-forms-container-item-left-text-gap);\n}\n\n/* 左侧的主文字 */\n/*section.pops-panel-container .pops-panel-item-left-main-text {\n\t\n}*/\n/* 左侧的描述文字 */\nsection.pops-panel-container .pops-panel-item-left-desc-text {\n  font-size: var(--pops-panel-forms-container-item-left-desc-text-size);\n  color: var(--pops-panel-forms-container-item-left-desc-text-color);\n}\n\n/* 折叠面板 */\nsection.pops-panel-container .pops-panel-forms-fold {\n  border-radius: var(--pops-panel-forms-container-item-border-radius);\n  background: var(--pops-panel-forms-container-item-bg-color);\n  margin: var(--pops-panel-forms-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container {\n  display: flex;\n  align-items: center;\n  fill: #6c6c6c;\n  justify-content: space-between;\n  margin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\n  padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\n}\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-fold-container-icon {\n  transform: rotate(90deg);\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container-icon {\n  width: 15px;\n  height: 15px;\n  display: flex;\n  align-items: center;\n  transform: rotate(-90deg);\n  transition: transform 0.3s;\n}\n/* 折叠状态 */\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-container-item-formlist {\n  height: 0;\n}\n/* 非折叠状态 */\nsection.pops-panel-container .pops-panel-forms-fold ul.pops-panel-forms-container-item-formlist {\n  margin: 0;\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-container-item-formlist {\n  transition: height 0.3s;\n  overflow: hidden;\n  border-radius: unset;\n  background: unset;\n  margin: 0;\n  height: calc-size(auto, size);\n}\n/* 折叠面板 */\n\n/* 姑且认为小于600px的屏幕为移动端 */\n@media (max-width: 600px) {\n  /* 兼容移动端CSS */\n  .pops[type-value="panel"] {\n    --pops-panel-forms-margin-left-right: 10px;\n  }\n  .pops[type-value="panel"] {\n    width: 92%;\n    width: 92vw;\n    width: 92dvw;\n  }\n  .pops[type-value="panel"] .pops-panel-content aside.pops-panel-aside {\n    max-width: 20%;\n    min-width: auto;\n  }\n  .pops[type-value="panel"] section.pops-panel-container .pops-panel-forms-container-item > div {\n    text-align: left;\n    --pops-panel-forms-margin-left-right: 0px;\n  }\n  .pops[type-value="panel"] section.pops-panel-container .pops-panel-forms-container-item ul {\n    margin: 0px !important;\n  }\n  .pops[type-value="panel"] section.pops-panel-container > ul > li {\n    margin: 10px 10px;\n  }\n  .pops[type-value="panel"] section.pops-panel-container > ul > li div:nth-child(2) {\n    max-width: 55%;\n  }\n  .pops[type-value="panel"] .pops-panel-select .el-select__selected-item.el-select__placeholder {\n    max-width: -moz-available;\n    max-width: -webkit-fill-available;\n  }\n  .pops[type-value="panel"] section.pops-panel-container > ul > li .pops-panel-input span.pops-panel-input__suffix {\n    padding: 0 4px;\n  }\n  .pops[type-value="panel"] section.pops-panel-container .pops-panel-select select {\n    min-width: 88px !important;\n    width: -moz-available;\n    width: -webkit-fill-available;\n  }\n  .pops[type-value="panel"] section.pops-panel-container .pops-panel-container-header-ul li {\n    font-size: 16px;\n  }\n  .pops[type-value="panel"] .pops-panel-title p[pops],\n  .pops[type-value="panel"] section.pops-panel-container > ul li,\n  .pops[type-value="panel"] aside.pops-panel-aside ul li {\n    font-size: 14px;\n  }\n}\n/* switch的CSS */\n.pops-panel-switch {\n  --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n  --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n  --panel-switch-circle-color: #dcdfe6;\n  --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --panel-switch-checked-circle-color: #409eff;\n  --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\n  --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\n}\n.pops-panel-switch {\n  display: inline-flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  position: relative;\n  font-size: 14px;\n  line-height: normal;\n  align-content: center;\n  height: 32px;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-panel-switch input.pops-panel-switch__input {\n  position: absolute;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin: 0;\n}\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\n.pops-panel-switch[data-disabled],\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\n.pops-panel-switch input.pops-panel-switch__input:disabled + .pops-panel-switch__core {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.pops-panel-switch span.pops-panel-switch__core {\n  display: inline-flex;\n  position: relative;\n  align-items: center;\n  min-width: 40px;\n  height: 20px;\n  border: 1px solid var(--panel-switch-core-bd-color);\n  outline: 0;\n  border-radius: 10px;\n  box-sizing: border-box;\n  background: var(--panel-switch-core-bg-color);\n  cursor: pointer;\n  transition:\n    border-color 0.3s,\n    background-color 0.3s;\n}\n.pops-panel-switch .pops-panel-switch__action {\n  position: absolute;\n  left: 1px;\n  border-radius: 100%;\n  transition: all 0.3s;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--panel-switch-circle-bg-color);\n  color: var(--panel-switch-circle-color);\n}\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\n  border-color: var(--panel-switch-checked-core-bd-color);\n  background-color: var(--panel-switch-checked-core-bg-color);\n}\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\n  left: calc(100% - 17px);\n  color: var(--panel-switch-checked-circle-color);\n}\n/* switch的CSS */\n\n/* slider旧的CSS */\nsection.pops-panel-container .pops-panel-slider:has(> input[type="range"]) {\n  overflow: hidden;\n  height: 25px;\n  line-height: normal;\n  align-content: center;\n  display: flex;\n  align-items: center;\n}\nsection.pops-panel-container .pops-panel-slider input[type="range"] {\n  height: 6px;\n  background: rgb(228, 231, 237, var(--pops-bg-opacity));\n  outline: 0;\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n}\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-webkit-slider-thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\n  background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  box-shadow:\n    0 0 2px rgba(0, 0, 0, 0.3),\n    0 3px 5px rgba(0, 0, 0, 0.2);\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n  border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\n}\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-moz-range-thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\n  background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  box-shadow:\n    0 0 2px rgba(0, 0, 0, 0.3),\n    0 3px 5px rgba(0, 0, 0, 0.2);\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n}\nsection.pops-panel-container .pops-panel-slider input[type="range"]::-moz-range-progress {\n  height: 6px;\n  border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\n}\n/* slider旧的CSS */\n\n/* slider的CSS */\n.pops-slider {\n  --pops-slider-color-white: #ffffff;\n  --pops-slider-color-primary: #409eff;\n  --pops-slider-color-info: #909399;\n  --pops-slider-text-color-placeholder: #a8abb2;\n  --pops-slider-border-color-light: #e4e7ed;\n  --pops-slider-border-radius-circle: 100%;\n  --pops-slider-transition-duration-fast: 0.2s;\n\n  --pops-slider-main-bg-color: var(--pops-slider-color-primary);\n  --pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\n  --pops-slider-stop-bg-color: var(--pops-slider-color-white);\n  --pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\n  --pops-slider-border-radius: 3px;\n  --pops-slider-height: 6px;\n  --pops-slider-button-size: 20px;\n  --pops-slider-button-wrapper-size: 36px;\n  --pops-slider-button-wrapper-offset: -15px;\n}\n\n.pops-slider {\n  width: 100%;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.pops-slider-width {\n  flex: 0 0 52%;\n  margin-left: 10px;\n}\n\n.pops-slider__runway {\n  flex: 1;\n  height: var(--pops-slider-height);\n  background-color: var(--pops-slider-runway-bg-color);\n  border-radius: var(--pops-slider-border-radius);\n  position: relative;\n  cursor: pointer;\n}\n\n.pops-slider__runway.show-input {\n  margin-right: 30px;\n  width: auto;\n}\n\n.pops-slider__runway.pops-slider-is-disabled {\n  cursor: default;\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\n  background-color: var(--pops-slider-disabled-color);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\n  border-color: var(--pops-slider-disabled-color);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n  cursor: not-allowed;\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n  transform: scale(1);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n  cursor: not-allowed;\n}\n\n.pops-slider__input {\n  flex-shrink: 0;\n  width: 130px;\n}\n\n.pops-slider__bar {\n  height: var(--pops-slider-height);\n  background-color: var(--pops-slider-main-bg-color);\n  border-top-left-radius: var(--pops-slider-border-radius);\n  border-bottom-left-radius: var(--pops-slider-border-radius);\n  position: absolute;\n}\n\n.pops-slider__button-wrapper {\n  height: var(--pops-slider-button-wrapper-size);\n  width: var(--pops-slider-button-wrapper-size);\n  position: absolute;\n  z-index: 1;\n  top: var(--pops-slider-button-wrapper-offset);\n  transform: translate(-50%);\n  background-color: transparent;\n  text-align: center;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  line-height: normal;\n  outline: none;\n}\n\n.pops-slider__button-wrapper:after {\n  display: inline-block;\n  content: "";\n  height: 100%;\n  vertical-align: middle;\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover {\n  cursor: grab;\n}\n\n.pops-slider__button {\n  display: inline-block;\n  width: var(--pops-slider-button-size);\n  height: var(--pops-slider-button-size);\n  vertical-align: middle;\n  border: solid 2px var(--pops-slider-main-bg-color);\n  background-color: var(--pops-slider-color-white);\n  border-radius: 50%;\n  box-sizing: border-box;\n  transition: var(--pops-slider-transition-duration-fast);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover,\n.pops-slider__button.dragging {\n  transform: scale(1.2);\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover {\n  cursor: grab;\n}\n\n.pops-slider__button.dragging {\n  cursor: grabbing;\n}\n\n.pops-slider__stop {\n  position: absolute;\n  height: var(--pops-slider-height);\n  width: var(--pops-slider-height);\n  border-radius: var(--pops-slider-border-radius-circle);\n  background-color: var(--pops-slider-stop-bg-color);\n  transform: translate(-50%);\n}\n\n.pops-slider__marks {\n  top: 0;\n  left: 12px;\n  width: 18px;\n  height: 100%;\n}\n\n.pops-slider__marks-text {\n  position: absolute;\n  transform: translate(-50%);\n  font-size: 14px;\n  color: var(--pops-slider-color-info);\n  margin-top: 15px;\n  white-space: pre;\n}\n\n.pops-slider.is-vertical {\n  position: relative;\n  display: inline-flex;\n  width: auto;\n  height: 100%;\n  flex: 0;\n}\n\n.pops-slider.is-vertical .pops-slider__runway {\n  width: var(--pops-slider-height);\n  height: 100%;\n  margin: 0 16px;\n}\n\n.pops-slider.is-vertical .pops-slider__bar {\n  width: var(--pops-slider-height);\n  height: auto;\n  border-radius: 0 0 3px 3px;\n}\n\n.pops-slider.is-vertical .pops-slider__button-wrapper {\n  top: auto;\n  left: var(--pops-slider-button-wrapper-offset);\n  transform: translateY(50%);\n}\n\n.pops-slider.is-vertical .pops-slider__stop {\n  transform: translateY(50%);\n}\n\n.pops-slider.is-vertical .pops-slider__marks-text {\n  margin-top: 0;\n  left: 15px;\n  transform: translateY(50%);\n}\n\n.pops-slider--large {\n  height: 40px;\n}\n\n.pops-slider--small {\n  height: 24px;\n}\n/* slider的CSS */\n\n/* input的CSS */\n.pops-panel-input {\n  --el-disabled-text-color: #a8abb2;\n  --el-disabled-bg-color: #f5f7fa;\n  --el-disabled-border-color: #e4e7ed;\n  --el-color-danger: #f56c6c;\n\n  --pops-panel-components-input-border-radius: 4px;\n  --pops-panel-components-input-text-color: #000000;\n  --pops-panel-components-input-text-bg-color: transparent;\n  --pops-panel-components-input-text-default-padding: 8px;\n  --pops-panel-components-input-bd-color: #dcdfe6;\n  --pops-panel-components-input-bg-color: #ffffff;\n  --pops-panel-components-input-hover-bd-color: #c0c4cc;\n  --pops-panel-components-input-focus-bd-color: #409eff;\n  --pops-panel-components-input-suffix-color: #a8abb2;\n  --pops-panel-components-input-suffix-bg-color: #ffffff;\n}\n.pops-panel-input {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  position: relative;\n  box-shadow: none;\n  width: 200px;\n  border: 0px;\n}\n.pops-panel-input_inner {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border: 1px solid var(--pops-panel-components-input-bd-color);\n  border-radius: var(--pops-panel-components-input-border-radius);\n  background-color: var(--pops-panel-components-input-bg-color);\n  box-shadow: none;\n}\n.pops-panel-input_inner:hover {\n  border: 1px solid var(--pops-panel-components-input-hover-bd-color);\n}\n.pops-panel-input:has(input:disabled):hover {\n  --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input_inner:has(input:focus) {\n  outline: 0;\n  border: 1px solid var(--pops-panel-components-input-focus-bd-color);\n  border-radius: var(--pops-panel-components-input-border-radius);\n  box-shadow: none;\n}\n.pops-panel-input input {\n  display: inline-flex;\n  justify-content: center;\n  text-align: start;\n  align-items: center;\n  align-content: center;\n  white-space: nowrap;\n  cursor: text;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  vertical-align: middle;\n  -webkit-appearance: none;\n  appearance: none;\n  color: var(--pops-panel-components-input-text-color);\n  background-color: var(--pops-panel-components-input-text-bg-color);\n  outline: 0;\n  transition: 0.1s;\n  border: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: normal;\n  height: 32px;\n  width: 100%;\n  flex: 1;\n  /*margin-right: calc(1em + 8px);*/\n  margin: 0px;\n  padding: var(--pops-panel-components-input-text-default-padding);\n}\n.pops-panel-input input[type="search"]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n/* 颜色选择器不需要那么宽 */\n.pops-panel-input:has(input[type="color"]) {\n  width: 50px;\n}\n.pops-panel-input input[type="color"] {\n  padding: 0px;\n}\n.pops-panel-input_inner:has(input[type="file"]) {\n  border: 0px;\n  background: transparent;\n}\n.pops-panel-input input[type="file"] {\n  padding: 0px;\n  line-height: 32px;\n}\n.pops-panel-input span.pops-panel-input__suffix {\n  display: inline-flex;\n  white-space: nowrap;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  height: 100%;\n  height: -moz-available;\n  height: -webkit-fill-available;\n  text-align: center;\n  color: var(--pops-panel-components-input-suffix-color);\n  background: var(--pops-panel-components-input-suffix-bg-color);\n  transition: all 0.3s;\n  pointer-events: none;\n  padding: 0 8px;\n  position: relative;\n  right: 0px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border: 1px solid transparent;\n}\n.pops-panel-input span.pops-panel-input__suffix-inner {\n  pointer-events: all;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n/* 如果包含清空图标的按钮，则默认隐藏清空图标，当:hover、:focus、:focus-within、:active时显示清空图标 */\n.pops-panel-input span.pops-panel-input__suffix:has(svg[data-type="circleClose"]) {\n  display: none;\n}\n.pops-panel-input:hover span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\n.pops-panel-input:focus span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\n.pops-panel-input:focus-within span.pops-panel-input__suffix:has(svg[data-type="circleClose"]),\n.pops-panel-input:active span.pops-panel-input__suffix:has(svg[data-type="circleClose"]) {\n  display: inline-flex;\n}\n/* 当清空图标显示时或查看图标存在时，则隐藏输入框的padding-right */\n.pops-panel-input:hover:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\n.pops-panel-input:focus:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\n.pops-panel-input:focus-within:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\n.pops-panel-input:active:has(span.pops-panel-input__suffix svg[data-type="circleClose"]) input,\n.pops-panel-input:has(span.pops-panel-input__suffix svg[data-type="view"]) input,\n.pops-panel-input:has(span.pops-panel-input__suffix svg[data-type="hide"]) input {\n  padding-right: 0;\n}\n.pops-panel-input .pops-panel-icon {\n  cursor: pointer;\n}\n.pops-panel-input .pops-panel-icon {\n  height: inherit;\n  line-height: normal;\n  align-content: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s;\n}\n.pops-panel-input .pops-panel-icon svg {\n  height: 1em;\n  width: 1em;\n}\n\n.pops-input-disabled {\n  background-color: var(--pops-components-is-disabled-bg-color);\n  border-radius: 4px;\n}\n.pops-panel-input.pops-input-disabled:hover {\n  --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input input:disabled,\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  color: var(--el-disabled-text-color);\n  -webkit-text-fill-color: var(--el-disabled-text-color);\n  cursor: not-allowed;\n}\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\n  display: none;\n}\n/* 校验样式 */\n.pops-panel-input:has(.pops-panel-input-valid-error) {\n  --pops-panel-components-input-bd-color: var(--el-color-danger) !important;\n  --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n  --pops-panel-components-input-focus-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input .pops-panel-input-valid-error {\n  width: 100%;\n  color: var(--el-color-danger);\n  font-weight: 500;\n  font-size: 0.8em;\n  box-sizing: border-box;\n  vertical-align: middle;\n  display: inline-flex;\n  position: relative;\n}\n/* input的CSS */\n\n/* textarea的CSS */\n.pops-panel-textarea {\n  --pops-panel-components-textarea-text-color: #000000;\n  --pops-panel-components-textarea-text-bg-color: #ffffff;\n  --pops-panel-components-textarea-bd-color: #dcdfe6;\n  --pops-panel-components-textarea-hover-bd-color: #c0c4cc;\n  --pops-panel-components-textarea-focus-bd-color: #409eff;\n}\n.pops-panel-textarea textarea {\n  width: 100%;\n  /*vertical-align: bottom;*/\n  position: relative;\n  display: block;\n  resize: none;\n  padding: 5px 11px;\n  /*line-height: 1;*/\n  box-sizing: border-box;\n  font-size: inherit;\n  font-family: inherit;\n  color: var(--pops-panel-components-textarea-text-color);\n  background-color: var(--pops-panel-components-textarea-text-bg-color);\n  background-image: none;\n  -webkit-appearance: none;\n  appearance: none;\n  box-shadow: none;\n  border-radius: 0;\n  transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  border: 1px solid var(--pops-panel-components-textarea-bd-color);\n}\n.pops-panel-textarea textarea:hover {\n  border-color: var(--pops-panel-components-textarea-hover-bd-color);\n}\n.pops-panel-textarea:has(textarea:disabled):hover {\n  --pops-panel-components-textarea-hover-bd-color: var(--pops-panel-components-textarea-bd-color);\n}\n.pops-panel-textarea-disable {\n  --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color) !important;\n  --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\n}\n.pops-panel-textarea-disable textarea {\n  cursor: not-allowed;\n}\n.pops-panel-textarea textarea:focus {\n  outline: 0;\n  border-color: var(--pops-panel-components-textarea-focus-bd-color);\n}\n/* textarea的CSS */\n\n/* select的CSS */\n.pops-panel-select {\n  --pops-panel-components-select-disabled-text-color: #a8abb2;\n  --pops-panel-components-select-text-color: #000000;\n  --pops-panel-components-select-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\n  --pops-panel-components-select-hover-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\n  --pops-panel-components-select-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n}\n.pops-panel-select {\n  border: 0;\n}\n.pops-panel-select select {\n  width: 100%;\n  height: 32px;\n  line-height: normal;\n  align-content: center;\n  min-width: 200px;\n  border: 1px solid var(--pops-panel-components-select-bd-color);\n  border-radius: 5px;\n  text-align: center;\n  outline: 0;\n  color: var(--pops-panel-components-select-text-color);\n  background-color: var(--pops-panel-components-select-bg-color);\n  box-shadow: none;\n}\n.pops-panel-select select:hover {\n  border: 1px solid var(--pops-panel-components-select-hover-bd-color);\n}\n.pops-panel-select-disable {\n  --pops-panel-components-select-text-color: var(--pops-components-is-disabled-text-color);\n  --pops-panel-components-select-bg-color: var(--pops-components-is-disabled-bg-color);\n}\n.pops-panel-select-disable select {\n  cursor: not-allowed;\n}\n.pops-panel-select-disable select:hover {\n  box-shadow: none;\n  --pops-panel-components-select-hover-bd-color: var(--pops-panel-components-select-bd-color);\n}\n.pops-panel-select select:focus {\n  border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\n  box-shadow: none;\n}\n/* select的CSS */\n\n/* select dialog 的CSS */\n.pops-panel-select[data-mode="dialog"] {\n}\n/* select dialog 的CSS */\n\n/* select horizontal 的CSS */\n.pops-panel-select[data-mode="horizontal"] {\n  --pops-panel-components-select-horizontal-selected-text-color: #626aef;\n  --pops-panel-components-select-horizontal-selected-bg-color: #eff0fd;\n}\n.pops-panel-select[data-mode="horizontal"] .el-select__wrapper {\n  padding: 0;\n  gap: 0;\n  border: 0;\n}\n.pops-panel-select[data-mode="horizontal"] .select-item {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid var(--el-border-color);\n  height: -moz-available;\n  height: -webkit-fill-available;\n  border-left: 0;\n}\n.pops-panel-select[data-mode="horizontal"] .select-item:hover {\n  color: var(--el-color-primary);\n}\n.pops-panel-select[data-mode="horizontal"] .select-item:first-child {\n  border-left: 1px solid var(--el-border-color);\n  border-top-left-radius: var(--el-border-radius-base);\n  border-bottom-left-radius: var(--el-border-radius-base);\n}\n.pops-panel-select[data-mode="horizontal"] .select-item:last-child {\n  border-top-right-radius: var(--el-border-radius-base);\n  border-bottom-right-radius: var(--el-border-radius-base);\n}\n.pops-panel-select[data-mode="horizontal"] .select-item.select__selected-item {\n  color: var(--pops-panel-components-select-horizontal-selected-text-color);\n  background-color: var(--pops-panel-components-select-horizontal-selected-bg-color);\n  border-color: var(--pops-panel-components-select-horizontal-selected-bg-color);\n}\n.pops-panel-select[data-mode="horizontal"] .select-item:has(+ .select__selected-item) {\n  border-right: 0;\n}\n.pops-panel-select[data-mode="horizontal"] .select-item[disabled] {\n  color: var(--pops-panel-components-select-disabled-text-color);\n  --pops-panel-components-select-horizontal-selected-text-color: var(\n    --pops-panel-components-select-disabled-text-color\n  );\n  cursor: not-allowed;\n  background: unset;\n}\n/* select horizontal 的CSS */\n\n/* select-multiple的CSS*/\n.pops-panel-select-multiple,\n.pops-panel-select {\n  --el-border-radius-base: 4px;\n  --el-fill-color-blank: #ffffff;\n  --el-transition-duration: 0.3s;\n  --el-border-color: #cbcbcb;\n  --el-text-color-placeholder: #a8abb2;\n  --color: inherit;\n  --el-select-input-color: #a8abb2;\n  --el-select-input-font-size: 14px;\n  --el-text-color-regular: #606266;\n  --el-color-info: #909399;\n  --el-color-info-light-9: #f4f4f5;\n  --el-color-info-light-8: #e9e9eb;\n  --el-color-primary-light-9: #ecf5ff;\n  --el-color-primary-light-8: #d9ecff;\n  --el-color-primary: #409eff;\n  --el-color-white: #ffffff;\n  width: 200px;\n}\n.pops-panel-select .el-select__wrapper,\n.pops-panel-select-multiple .el-select__wrapper {\n  display: flex;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  cursor: pointer;\n  text-align: left;\n  font-size: 14px;\n  padding: 4px 12px;\n  gap: 6px;\n  min-height: 32px;\n  line-height: normal;\n  align-content: center;\n  border-radius: var(--el-border-radius-base);\n  background-color: var(--el-fill-color-blank);\n  transition: var(--el-transition-duration);\n  transform: translateZ(0);\n  border: 1px solid var(--el-border-color);\n}\n.pops-panel-select .el-select__wrapper.is-focused,\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\n  --el-border-color: var(--el-color-primary);\n}\n.pops-panel-select .el-select__selection,\n.pops-panel-select-multiple .el-select__selection {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  gap: 6px;\n}\n.pops-panel-select .el-select__selection[data-selected-text-align="left"] {\n  justify-content: left;\n}\n.pops-panel-select .el-select__selection[data-selected-text-align="center"] {\n  justify-content: center;\n}\n.pops-panel-select .el-select__selection[data-selected-text-align="right"] {\n  justify-content: right;\n}\n.pops-panel-select .el-select__selected-item,\n.pops-panel-select-multiple .el-select__selected-item {\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-panel-select .el-select__selected-item span {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.pops-panel-select .el-select__selected-item.el-select__choose_tag .el-tag,\n.pops-panel-select-multiple .el-select__selected-item.el-select__choose_tag .el-tag {\n  max-width: 200px;\n}\n.pops-panel-select .el-select__input-wrapper,\n.pops-panel-select-multiple .el-select__input-wrapper {\n  max-width: 100%;\n}\n.pops-panel-select .el-select__selection.is-near,\n.pops-panel-select-multiple .el-select__selection.is-near {\n  margin-left: -8px;\n}\n.pops-panel-select .el-select__placeholder,\n.pops-panel-select-multiple .el-select__placeholder {\n  position: absolute;\n  display: block;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--el-input-text-color, var(--el-text-color-regular));\n}\n.pops-panel-select .el-select__placeholder.is-transparent,\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  color: var(--el-text-color-placeholder);\n}\n.pops-panel-select .el-select__prefix,\n.pops-panel-select .el-select__suffix,\n.pops-panel-select-multiple .el-select__prefix,\n.pops-panel-select-multiple .el-select__suffix {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 6px;\n  color: var(--el-input-icon-color, var(--el-text-color-placeholder));\n}\n.pops-panel-select .el-icon,\n.pops-panel-select-multiple .el-icon {\n  --color: inherit;\n  height: 1em;\n  width: 1em;\n  line-height: normal;\n  align-content: center;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n  color: var(--color);\n  font-size: inherit;\n}\n.pops-panel-select .el-icon svg,\n.pops-panel-select-multiple .el-icon svg {\n  height: 1em;\n  width: 1em;\n}\n.pops-panel-select .el-select__caret,\n.pops-panel-select-multiple .el-select__caret {\n  color: var(--el-select-input-color);\n  font-size: var(--el-select-input-font-size);\n  transition: transform var(--el-transition-duration);\n  transform: rotate(0);\n  cursor: pointer;\n}\n/* 把箭头旋转 */\n.pops-panel-select[data-show-option] .el-select__caret,\n.pops-panel-select-multiple[data-show-option] .el-select__caret {\n  transform: rotate(180deg);\n}\n.pops-panel-select-multiple .el-tag {\n  --el-tag-font-size: 12px;\n  --el-tag-border-radius: 4px;\n  --el-tag-border-radius-rounded: 9999px;\n}\n.pops-panel-select-multiple .el-tag {\n  background-color: var(--el-tag-bg-color);\n  border-color: var(--el-tag-border-color);\n  color: var(--el-tag-text-color);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: middle;\n  height: 24px;\n  padding: 0 9px;\n  font-size: var(--el-tag-font-size);\n  line-height: normal;\n  align-content: center;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: var(--el-tag-border-radius);\n  box-sizing: border-box;\n  white-space: nowrap;\n  --el-icon-size: 14px;\n  --el-tag-bg-color: var(--el-color-primary-light-9);\n  --el-tag-border-color: var(--el-color-primary-light-8);\n  --el-tag-hover-color: var(--el-color-primary);\n}\n.pops-panel-select-multiple .el-select__selection .el-tag {\n  cursor: pointer;\n  border-color: transparent;\n}\n.pops-panel-select-multiple .el-tag.el-tag--info {\n  --el-tag-bg-color: var(--el-color-info-light-9);\n  --el-tag-border-color: var(--el-color-info-light-8);\n  --el-tag-hover-color: var(--el-color-info);\n}\n.pops-panel-select-multiple .el-tag.el-tag--info {\n  --el-tag-text-color: var(--el-color-info);\n}\n.pops-panel-select-multiple .el-tag.is-closable {\n  padding-right: 5px;\n}\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\n  min-width: 0;\n}\n.pops-panel-select-multiple .el-tag .el-tag__close {\n  flex-shrink: 0;\n  color: var(--el-tag-text-color);\n}\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\n  color: var(--el-color-white);\n  background-color: var(--el-tag-hover-color);\n}\n.pops-panel-select-multiple .el-tag .el-icon {\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: calc(var(--el-icon-size) - 2px);\n  height: var(--el-icon-size);\n  width: var(--el-icon-size);\n}\n.pops-panel-select-multiple .el-tag .el-tag__close {\n  margin-left: 6px;\n}\n.pops-panel-select-multiple .el-select__tags-text {\n  display: block;\n  line-height: normal;\n  align-content: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* 禁用样式 */\n.pops-panel-select-disable {\n  --el-fill-color-blank: #f5f7fa;\n  --color: #a8abb2;\n  --el-border-color: #cbcbcb;\n}\n.pops-panel-select-disable .el-tag.el-tag--info {\n  --el-tag-bg-color: #e7e7e7;\n  --el-tag-text-color: var(--pops-components-is-disabled-text-color);\n}\n.pops-panel-select-disable .el-select__selection .el-tag,\n.pops-panel-select-disable .el-tag .el-tag__close:hover,\n.pops-panel-select-disable .el-select__wrapper,\n.pops-panel-select-disable .el-select__caret {\n  cursor: not-allowed;\n}\n/* select-multiple的CSS*/\n\n/* deepMenu的css */\n.pops-panel-deepMenu-nav-item {\n  cursor: pointer;\n}\n.pops-panel-deepMenu-nav-item:active {\n  background: var(--pops-panel-forms-container-deepMenu-item-active-bg);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:active {\n  padding: var(--pops-panel-forms-container-li-padding-top-bottom)\n    var(--pops-panel-forms-container-li-padding-left-right);\n  margin: 0px;\n}\n/* 去除上个兄弟item的底部边框颜色 */\nsection.pops-panel-container .pops-panel-forms-container-item ul li:has(+ .pops-panel-deepMenu-nav-item:active) {\n  border-bottom: 1px solid transparent;\n}\n/* 第一个和最后一个跟随圆角 */\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:first-child:active {\n  border-top-left-radius: var(--pops-panel-forms-container-item-border-radius);\n  border-top-right-radius: var(--pops-panel-forms-container-item-border-radius);\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:last-child:active {\n  border-bottom-left-radius: var(--pops-panel-forms-container-item-border-radius);\n  border-bottom-right-radius: var(--pops-panel-forms-container-item-border-radius);\n}\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\n  display: flex;\n  align-items: center;\n  color: #6c6c6c;\n  fill: #6c6c6c;\n}\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\n  width: 15px;\n  height: 15px;\n  display: flex;\n  align-items: center;\n}\nsection.pops-panel-deepMenu-container .pops-panel-container-header-ul li.pops-panel-deepMenu-container-header {\n  display: flex;\n  align-items: center;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  padding: var(--pops-panel-forms-header-padding-top-bottom)\n    calc(\n      var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right) -\n        var(--pops-panel-forms-header-icon-size)\n    );\n  gap: 0px;\n}\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\n  width: var(--pops-panel-forms-header-icon-size);\n  height: var(--pops-panel-forms-header-icon-size);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n/* 修复safari上图标大小未正常显示 */\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon > svg {\n  width: inherit;\n  height: inherit;\n}\n/* deepMenu的css */\n\n/* 文字对齐 */\n.pops-panel-item-left-desc-text:has(code) {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops[type-value="panel"] {\n    --pops-bg-color: #000000;\n    --pops-color: #f2f2f2;\n    --panel-title-bg-color: #000000;\n    --panel-aside-bg-color: #262626;\n    --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\n    --pops-panel-forms-container-item-bg-color: #262626;\n    --pops-panel-forms-container-item-title-color: #c1c1c1;\n\n    --pops-panel-forms-container-li-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n    --pops-panel-forms-container-deepMenu-item-active-bg: #333333;\n  }\n  .pops[type-value="panel"] .pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\n    fill: #f2f2f2;\n  }\n\n  /* switch的CSS */\n  .pops-panel-switch {\n    --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n    --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n    --panel-switch-circle-color: #dcdfe6;\n    --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n    --panel-switch-checked-circle-color: #409eff;\n    --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\n    --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\n  }\n  /* select的CSS */\n  .pops-panel-select {\n    --pops-panel-components-select-text-color: #f2f2f2;\n    --pops-panel-components-select-bd-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n    --pops-panel-components-select-bg-color: #141414;\n  }\n  /* select-multiple的CSS*/\n  .pops-panel-select-multiple {\n    --el-fill-color-blank: #141414;\n    --el-border-color: #4c4d4f;\n    --el-text-color-placeholder: #a8abb2;\n    --el-select-input-color: #a8abb2;\n    --el-text-color-regular: #606266;\n    --el-color-info: #909399;\n    --el-color-info-light-8: #e9e9eb;\n    --el-color-primary-light-9: #ecf5ff;\n    --el-color-primary-light-8: #d9ecff;\n    --el-color-primary: #409eff;\n    --el-color-white: #ffffff;\n  }\n  .pops-panel-select-multiple .el-tag {\n    --el-color-info-light-9: #202121;\n  }\n  .pops-panel-select-multiple-disable {\n    --el-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n  }\n  .pops-panel-select-multiple-disable .el-tag.el-tag--info {\n    --el-tag-bg-color: #2f2f2f;\n  }\n  /* select-multiple的CSS*/\n  /* slider的CSS */\n  .pops-slider {\n    --pops-slider-border-color-light: #414243;\n  }\n  /* input的CSS */\n  .pops-panel-input {\n    --pops-panel-components-input-text-color: #f2f2f2;\n    --pops-panel-components-input-bd-color: #4f5052;\n    --pops-panel-components-input-bg-color: #141414;\n    --pops-panel-components-input-hover-bd-color: #6f7175;\n    --pops-panel-components-input-focus-bd-color: #409eff;\n    --pops-panel-components-input-suffix-color: #a8abb2;\n  }\n  /* textarea的CSS */\n  .pops-panel-textarea {\n    --pops-panel-components-textarea-text-color: #f2f2f2;\n    --pops-panel-components-textarea-text-bg-color: #141414;\n    --pops-panel-components-textarea-bd-color: #4f5052;\n    --pops-panel-components-textarea-hover-bd-color: #6f7175;\n    --pops-panel-components-textarea-focus-bd-color: #409eff;\n  }\n  .pops-panel-textarea-disable {\n    --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\n    --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color);\n  }\n  /* slider */\n  .pops-slider {\n    --pops-slider-text-color-placeholder: #8d9095;\n  }\n}\n',rightClickMenu:'.pops-rightClickMenu {\n  --pops-right-context-color: #000000;\n  --pops-right-context-bg-color: rgb(255, 255, 255, 0.733);\n  --pops-right-context-backdrop-filter: blur(10px);\n  --pops-right-context-z-index: 10000;\n  --pops-right-context-bd-radius: 6px;\n  --pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);\n  --pops-right-context-menu-row-bd-radius: 6px;\n  --pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);\n  --pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);\n}\n.pops-rightClickMenu * {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: thin;\n}\n.pops-rightClickMenu {\n  position: fixed;\n  z-index: var(--pops-right-context-z-index);\n  text-align: center;\n  border-radius: var(--pops-right-context-bd-radius);\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--pops-right-context-color);\n  background: var(--pops-right-context-bg-color);\n  box-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);\n  -webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);\n  backdrop-filter: var(--pops-right-context-backdrop-filter);\n}\n.pops-rightClickMenu[data-position="absolute"] {\n  position: absolute;\n}\n/* scale动画 */\n.pops-rightClickMenu-anim-scale {\n  transition:\n    opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),\n    transform 150ms cubic-bezier(0.2, 0, 0.2, 1);\n  transform: scale(0.85);\n}\n.pops-rightClickMenu-anim-scale-open {\n  transform: scale(1);\n}\n.pops-rightClickMenu-anim-scale-not-open {\n  opacity: 0;\n}\n/* 展开动画 */\n.pops-rightClickMenu-anim-grid {\n  display: grid;\n  transition: 0.3s;\n  grid-template-rows: 0fr;\n}\n.pops-rightClickMenu-anim-show {\n  grid-template-rows: 1fr;\n}\n.pops-rightClickMenu-is-visited {\n  background: var(--pops-right-context-menu-row-visited-color);\n}\ni.pops-rightClickMenu-icon {\n  height: 1em;\n  width: 1em;\n  line-height: normal;\n  align-content: center;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n  color: inherit;\n  font-size: inherit;\n  margin-right: 6px;\n}\ni.pops-rightClickMenu-icon[is-loading="true"] {\n  animation: rotating 2s linear infinite;\n}\n.pops-rightClickMenu li:hover {\n  background: var(--pops-right-context-menu-row-hover-color);\n  cursor: pointer;\n}\n.pops-rightClickMenu ul {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  overflow: hidden;\n}\n.pops-rightClickMenu ul li {\n  padding: 5px 10px;\n  margin: 5px 5px;\n  border-radius: var(--pops-right-context-menu-row-bd-radius);\n  display: flex;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  text-align: left;\n  align-items: center;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  /*.pops-rightClickMenu {\n\t\t--pops-right-context-menu-shadow-color: #3c3c3c;\n\t}*/\n}\n@media (hover: hover) {\n  .pops-rightClickMenu ul li:active {\n    transform: scale(0.98);\n  }\n}\n',panelComponents_Select:".pops {\n  max-height: 300px;\n}\n.select-container {\n  --el-font-size-base: 14px;\n  --el-text-color-regular: #606266;\n  --el-color-primary: #409eff;\n  --el-fill-color-light: #f5f7fa;\n  --el-disable-color: #a8abb2;\n}\n.select-item {\n  cursor: pointer;\n  font-size: var(--el-font-size-base);\n  padding: 0 20px 0 20px;\n  position: relative;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--el-text-color-regular);\n  min-height: 34px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  box-sizing: border-box;\n}\n.select-item[aria-disabled],\n.select-item[disabled] {\n  cursor: not-allowed;\n  color: var(--el-disable-color);\n  background: unset;\n}\n.select-item:hover {\n  background-color: var(--el-fill-color-light);\n}\n.select-item.select-item-is-selected:has(.pops-panel-input input) {\n  background-color: #e7e7e7;\n}\n.select-item.select-item-is-selected {\n  color: var(--el-color-primary);\n  font-weight: 700;\n}\n.select-item.select-item-is-selected:not(:has(.pops-panel-input))::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 12px;\n  border-top: none;\n  border-right: none;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: var(--el-color-primary);\n  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\")\n    no-repeat;\n  mask-size: 100% 100%;\n  -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\")\n    no-repeat;\n  -webkit-mask-size: 100% 100%;\n  transform: translateY(-50%);\n  width: 12px;\n  height: 12px;\n}\n\n.select-item .pops-panel-input {\n  width: 100%;\n  margin: 5px 0px;\n}\n.select-item .pops-panel-input:has(.pops-panel-input-valid-error) {\n  margin-bottom: 0px;\n}\n\n.select-item .select-item-text {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n@media (prefers-color-scheme: dark) {\n  .select-container {\n    --el-text-color-regular: #f2f2f2;\n    --el-disable-color: #8d9095;\n    --el-fill-color-light: #262727;\n  }\n}\n"},Tt={$data:{},$flag:{isInit:!1},init(){if(!this.$flag.isInit){this.$flag.isInit=!0;const t=St.createElement("style",{innerHTML:Et.anim});St.appendHead(t),this.$data=null,this.$data=St.getKeyFrames(t.sheet),bt.setTimeout(()=>{t.remove()},50)}},hasAnim(t){return Object.prototype.hasOwnProperty.call(this.$data,t)}},It={alert:[],confirm:[],drawer:[],folder:[],iframe:[],loading:[],panel:[],prompt:[],rightClickMenu:[],tooltip:[]},Mt={getMaxZIndexNodeInfo(t=1,e=i.document,n){t=Number.isNaN(t)?1:t;const o=2*Math.pow(10,9);let a=0,s=null;function l(t){if("function"==typeof n){const e=n(t);if("boolean"==typeof e&&!e)return}const e=i.window.getComputedStyle(t);if("static"!==(o=e).position&&"none"!==o.display){const n=parseInt(e.zIndex);isNaN(n)||n>a&&(a=n,s=t),null!=t.shadowRoot&&t instanceof ShadowRoot&&t.shadowRoot.querySelectorAll("*").forEach(t=>{l(t)})}var o}return e.querySelectorAll("*").forEach(t=>{l(t)}),a+=t,a>=o&&(a=o),{node:s,zIndex:a}},getPopsMaxZIndex(t=1){t=Number.isNaN(t)?1:t;const e=2*Math.pow(10,9);let n=0,o=null;function a(t){return"static"!==t.position&&"none"!==t.display}Object.keys(It).forEach(t=>{const e=It[t];for(let t=0;t<e.length;t++){const i=e[t],s=window.getComputedStyle(i.$anim);if(a(s)){const t=parseInt(s.zIndex);isNaN(t)||t>n&&(n=t,o=i.$anim)}}}),n+=t;const i=n>=e;return i&&(n=e),{zIndex:n,animElement:o,isOverMaxZIndex:i}},getMaxZIndex(t=1){return this.getMaxZIndexNodeInfo(t).zIndex},async removeInstance(t,e,n=!1){const o=function(t){"function"==typeof t.beforeRemoveCallBack&&t.beforeRemoveCallBack(t),t?.$anim?.remove(),t?.$pops?.remove(),t?.$mask?.remove(),t?.$shadowContainer?.remove()},a=[];return t.forEach(t=>{t.forEach(async(i,s)=>{if(n||"string"==typeof e&&i.guid===e){const e=i.$anim.getAttribute("anim");if(Tt.hasAnim(e)){const t=e+"-reverse";St.css(i.$anim,"width","100%"),St.css(i.$anim,"height","100%"),St.css(i.$anim,"animation-name",t),Tt.hasAnim(St.css(i.$anim,"animation-name"))?a.push(new Promise(t=>{St.on(i.$anim,St.getAnimationEndNameList(),function(){o(i),t()},{capture:!0})})):o(i)}else o(i);t.splice(s,1)}})}),await Promise.all(a),t},hide:(t,e,n,o,a,i)=>new Promise(s=>{const l=a.querySelector(".pops[type-value]");if("drawer"===e){const r=t;bt.setTimeout(()=>{i&&St.css(i,"display","none"),["top","bottom"].includes(r.direction)?l.style.setProperty("height","0"):["left","right"].includes(r.direction)?l.style.setProperty("width","0"):console.error("未知direction：",r.direction),s()},r.closeDelay)}else{const p=n.find(t=>t.guid===o);if(p){const c=p;if(c.$anim.style.width="100%",c.$anim.style.height="100%",Reflect.set(c.$anim.style,"animation-name",c.$anim.getAttribute("anim")+"-reverse"),Tt.hasAnim(Reflect.get(c.$anim.style,"animation-name"))){function d(){c.$anim.style.display="none",c.$mask&&(c.$mask.style.display="none"),St.off(c.$anim,St.getAnimationEndNameList(),d,{capture:!0}),s()}St.on(c.$anim,St.getAnimationEndNameList(),d,{capture:!0})}else c.$anim.style.display="none",c.$mask&&(c.$mask.style.display="none"),s()}}}),show:(t,e,n,o,a,i)=>new Promise(s=>{const l=a.querySelector(".pops[type-value]");if("drawer"===e){const r=t;bt.setTimeout(()=>{i&&St.css(i,"display","");const t=r.direction,e=r.size.toString();["top","bottom"].includes(t)?l.style.setProperty("height",e):["left","right"].includes(t)?l.style.setProperty("width",e):console.error("未知direction：",t),s()},r.openDelay??0)}else{const p=n.find(t=>t.guid===o);if(p){const c=p;if(c.$anim.style.width="",c.$anim.style.height="",Reflect.set(c.$anim.style,"animation-name",c.$anim.getAttribute("anim").replace("-reverse","")),Tt.hasAnim(Reflect.get(c.$anim.style,"animation-name"))){function d(){St.off(c.$anim,St.getAnimationEndNameList(),d,{capture:!0}),s()}c.$anim.style.display="",c.$mask&&(c.$mask.style.display=""),St.on(c.$anim,St.getAnimationEndNameList(),d,{capture:!0})}else c.$anim.style.display="",c.$mask&&(c.$mask.style.display=""),s()}}}),async close(t,e,n,o,a){await new Promise(async i=>{const s=a.querySelector(".pops[type-value]"),l=t;"drawer"===e?bt.setTimeout(()=>{St.on(s,St.getTransitionEndNameList(),async function t(e){"transform"===e.propertyName&&(St.off(s,St.getTransitionEndNameList(),t),await Mt.removeInstance([n],o),i())}),"none"===getComputedStyle(s).transform?["top"].includes(l.direction)?s.style.setProperty("transform","translateY(-100%)"):["bottom"].includes(l.direction)?s.style.setProperty("transform","translateY(100%)"):["left"].includes(l.direction)?s.style.setProperty("transform","translateX(-100%)"):["right"].includes(l.direction)?s.style.setProperty("transform","translateX(100%)"):console.error("未知direction：",l.direction):St.emit(s,St.getTransitionEndNameList(),void 0,!0)},l.closeDelay):(await Mt.removeInstance([n],o),i())}),It.rightClickMenu.forEach(t=>{const e=t.config;if(e.$target instanceof HTMLElement){const n=e.$target.getRootNode();n instanceof HTMLElement&&null==n.parentElement&&t.destory()}}),It.tooltip.forEach(t=>{const e=t.config;if(e.$target instanceof HTMLElement){const n=e.$target.getRootNode();n instanceof HTMLElement&&null==n.parentElement&&t.destory()}})},drag(t,e){e=Object.assign({limit:!0,extraDistance:3,container:i.globalThis,emitClick:!0},e);let n=!1,o=0,a=0;const s=new(bt.AnyTouch())(e.dragElement,{preventDefault:t=>"function"!=typeof e.preventEvent||e.preventEvent(t)});function l(t){return t=t??globalThis,{width:St.width(t),height:St.height(t)}}St.css(e.dragElement,{cursor:"move"});let r=St.getTransform(t),p=null;s.on("pan",function(i){if(!n){n=!0;const s=e.dragElement.getBoundingClientRect();o=i.x-s.left,a=i.y-s.top,r=St.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 s=i.x-o+r.transformLeft,c=i.y-a+r.transformTop;if("move"===i.phase){if(e.limit){const n=l(e.container).width-St.width(t)+r.transformLeft,{left:o,top:a}=function(t){if(t=t??globalThis,bt.isWin(t))return{left:0,top:0};{const e=t.getBoundingClientRect();return{left:e.left,top:e.top}}}(e.container),i=l(e.container).height-St.height(t)+r.transformTop;s>n&&(s=n),c>i&&(c=i),s-2*e.extraDistance<o+r.transformLeft?(s=o+r.transformLeft,s+=e.extraDistance):s-=e.extraDistance,c-2*e.extraDistance<a+r.transformTop?(c=a+r.transformTop,c+=e.extraDistance):c-=e.extraDistance}"function"==typeof e.moveCallBack&&e.moveCallBack(t,s,c),St.css(t,{left:s+"px",top:c+"px"})}"end"===i.phase&&(n=!1,"function"==typeof p&&(p(),p=null),"function"==typeof e.endCallBack&&e.endCallBack(t,s,c))}),e.emitClick&&s.on(["tap"],function(t){t.changedPoints.forEach(t=>{St.emit(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(o,a){const i=t(a),s=e(o);return n?s>i?-1:s<i?1:0:s<i?-1:s>i?1:0}}},Bt={handlerShadow(t){const e=St.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(Tt.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=St.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:St.parseTextToDOM(t.maskHTML)};let n=!1;function o(n){St.preventEvent(n);const o=It[t.type];function a(){return t.config.mask.clickEvent.toClose?Mt.close(t.config,t.type,o,t.guid,t.animElement):t.config.mask.clickEvent.toHide?Mt.hide(t.config,t.type,o,t.guid,t.animElement,e.maskElement):void 0}return"function"==typeof t.config.mask.clickCallBack?t.config.mask.clickCallBack(a,t.config):a(),!1}if(t.config.mask.clickEvent.toClose||t.config.mask.clickEvent.toHide){function a(t){return Boolean("div"===t?.localName?.toLowerCase()&&t.className&&"pops-anim"===t.className&&t.hasAttribute("anim"))}St.on(t.animElement,["touchstart","mousedown"],t=>{const e=t.composedPath()[0];n=a(e)}),St.on(t.animElement,"click",t=>{if(a(t.composedPath()[0])&&n)return o(t)}),St.on(e.maskElement,"click",t=>{n=!0,o(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"]')}),handleEventConfig:(t,e,n,o,a,i,s,l)=>({$shadowContainer:n,$shadowRoot:o,$el:i,$anim:i,$pops:s,$mask:l,mode:a,guid:e,close:()=>Mt.close(t,a,It[a],e,i),hide:()=>Mt.hide(t,a,It[a],e,i,l),show:n=>(n&&n.appendChild(It[a][0].$shadowRoot),Mt.show(t,a,It[a],e,i,l))}),handleLoadingEventConfig:(t,e,n,o,a,i)=>({$el:o,$anim:o,$pops:a,$mask:i,mode:n,guid:e,close:()=>Mt.close(t,n,It[n],e,o),hide:()=>Mt.hide(t,n,It[n],e,o,i),show:()=>Mt.show(t,n,It[n],e,o,i)}),handleResultConfig(t){const e=Object.assign({},t);return bt.delete(e,"type"),bt.delete(e,"function"),e},handleClickEvent(t,e,n,o){"function"==typeof o&&St.on(e,"click",e=>{const a={type:t};o(Object.assign(n,a),e)},{capture:!0})},handleKeyboardEvent(t,e=[],n){const o=function(o){const a=o.code||o.key,i=o.charCode||o.keyCode||o.which;e.includes("ctrl")&&!o.ctrlKey||e.includes("alt")&&!o.altKey||e.includes("meta")&&!o.metaKey||e.includes("shift")&&!o.shiftKey||("string"==typeof t&&t===a?n&&n(o):"number"==typeof t&&t===i&&n&&n(o))};return St.on(i.globalThis,"keydown",o,{capture:!0}),{removeKeyboardEvent(){St.off(globalThis,"keydown",o,{capture:!0})}}},handlePromptClickEvent(t,e,n,o,a){St.on(n,"click",n=>{const i={type:t,text:e.value};a(Object.assign(o,i),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=It[t];e&&Mt.removeInstance([e],"",!0)}else Mt.removeInstance([It.alert,It.confirm,It.drawer,It.folder,It.iframe,It.panel,It.prompt],"",!0);else{const t=e.zIndex;e.zIndex=()=>{const{zIndex:e}=Mt.getPopsMaxZIndex(Bt.handleZIndex(t)+100);return e}}return e},handlePush(t,e){It[t].push(e)}},Lt={init(e){const n=bt.getRandomGUID(),o="alert";let a={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(){}};a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"alertCSS",css:Et.alertCSS}]);const l=Bt.handleZIndex(a.zIndex),r=kt.createMask(n,l),p=kt.createHeader(o,a),c=kt.createBottom(o,a),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,a),{contentStyle:f,contentPStyle:m}=kt.createContentStyle(o,a),h=kt.createAnim(n,o,a,`\n\t\t\t<div class="pops-title pops-${o}-title" style="text-align: ${a.title.position};${d}">${a.title.html?a.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${a.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${o}-content" style="${f}">${a.content.html?a.content.text:`<p pops class="pops-${o}-content-text" style="${m}">${a.content.text}</p>`}</div>${c}`,c,l),b=kt.parseElement(h),{$pops:g,$headerBtnClose:v,$btnOk:x,$title:y}=Bt.handleQueryElement(b,o);let w;const A=[b];if(a.mask.enable){w=Bt.handleMask({type:o,guid:n,config:a,animElement:b,maskHTML:r}).maskElement,A.push(w)}const C=Bt.handleEventConfig(a,n,i,s,o,b,g,w),$=Bt.handleResultConfig(C);return Bt.handleClickEvent("close",v,C,a.btn.close?.callback),Bt.handleClickEvent("ok",x,C,a.btn.ok?.callback),St.append(s,A),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(s,i),St.appendBody(i),null!=w&&b.after(w),Bt.handlePush(o,{guid:n,$anim:b,$pops:g,$mask:w,$shadowContainer:i,$shadowRoot:s,config:a,destory:$.close}),a.drag&&Mt.drag(g,{dragElement:y,limit:a.dragLimit,extraDistance:a.dragExtraDistance,moveCallBack:a.dragMoveCallBack,endCallBack:a.dragEndCallBack}),$}},zt={init(e){const n=bt.getRandomGUID(),o="confirm";let a={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(){}};a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"confirmCSS",css:Et.confirmCSS}]);const l=Bt.handleZIndex(a.zIndex),r=kt.createMask(n,l),p=kt.createHeader(o,a),c=kt.createBottom(o,a),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,a),{contentStyle:f,contentPStyle:m}=kt.createContentStyle(o,a),h=kt.createAnim(n,o,a,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${a.title.position};${d}">${a.title.html?a.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${a.title.text}</p>`}${p}</div>\n                        <div class="pops-content pops-${o}-content" style="${f}">${a.content.html?a.content.text:`<p pops class="pops-${o}-content-text" style="${m}">${a.content.text}</p>`}</div>${c}`,c,l),b=kt.parseElement(h),{$pops:g,$title:v,$headerBtnClose:x,$btnOk:y,$btnCancel:w,$btnOther:A}=Bt.handleQueryElement(b,o);let C;const $=[b];if(a.mask.enable){C=Bt.handleMask({type:o,guid:n,config:a,animElement:b,maskHTML:r}).maskElement,$.push(C)}const S=Bt.handleEventConfig(a,n,i,s,o,b,g,C),k=Bt.handleResultConfig(S);return Bt.handleClickEvent("close",x,S,a.btn.close.callback),Bt.handleClickEvent("ok",y,S,a.btn.ok.callback),Bt.handleClickEvent("cancel",w,S,a.btn.cancel.callback),Bt.handleClickEvent("other",A,S,a.btn.other.callback),St.append(s,$),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(s,i),St.appendBody(i),null!=C&&b.after(C),Bt.handlePush(o,{guid:n,$anim:b,$pops:g,$mask:C,$shadowContainer:i,$shadowRoot:s,config:a,destory:k.close}),a.drag&&Mt.drag(g,{dragElement:v,limit:a.dragLimit,extraDistance:a.dragExtraDistance,moveCallBack:a.dragMoveCallBack,endCallBack:a.dragEndCallBack}),k}},Pt={init(e){const n=bt.getRandomGUID(),o="drawer";let a={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};a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"drawerCSS",css:Et.drawerCSS}]);const l=Bt.handleZIndex(a.zIndex),r=kt.createMask(n,l),p=kt.createHeader(o,a),c=kt.createBottom(o,a),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,a),{contentStyle:f,contentPStyle:m}=kt.createContentStyle(o,a),h=kt.createAnim(n,o,a,`\n            ${a.title.enable?`<div class="pops-title pops-${o}-title" style="${d}">${a.title.html?a.title.text:`<p pops class="pops-${o}-title-text" style="width: 100%;text-align: ${a.title.position};${u}">${a.title.text}</p>`}${p}</div>`:""}\n            <div class="pops-content pops-${o}-content" style="${f}">${a.content.html?a.content.text:`<p pops class="pops-${o}-content-text" style="${m}">${a.content.text}</p>`}</div>${c}`,c,l),b=kt.parseElement(h),{$pops:g,$headerBtnClose:v,$btnCancel:x,$btnOk:y,$btnOther:w}=Bt.handleQueryElement(b,o),A=g,C=v,$=x,S=y,k=w;let E;const T=[b];if(a.mask.enable){E=Bt.handleMask({type:o,guid:n,config:a,animElement:b,maskHTML:r}).maskElement,T.push(E)}const I=Bt.handleEventConfig(a,n,i,s,o,b,A,E),M=Bt.handleResultConfig(I);A.setAttribute("direction",a.direction),"top"===a.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`0px 0px ${a.borderRadius}px ${a.borderRadius}px`)):"bottom"===a.direction?(A.style.setProperty("height","0"),A.style.setProperty("border-radius",`${a.borderRadius}px ${a.borderRadius}px 0px 0px`)):"left"===a.direction?(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`0px ${a.borderRadius}px 0px ${a.borderRadius}px`)):"right"===a.direction&&(A.style.setProperty("width","0"),A.style.setProperty("border-radius",`${a.borderRadius}px 0px ${a.borderRadius}px 0px`)),a.closeOnPressEscape&&Bt.handleKeyboardEvent("Escape",[],function(){I.close()});return[{type:"close",ele:C},{type:"cancel",ele:$},{type:"ok",ele:S},{type:"other",ele:k}].forEach(t=>{Bt.handleClickEvent(t.type,t.ele,I,(e,n)=>{const o=a.btn[t.type].callback;"function"==typeof o&&o(e,n)})}),T.forEach(t=>{t.style.setProperty("display","none"),["top"].includes(a.direction)?(A.style.setProperty("height",a.size.toString()),A.style.setProperty("transform","translateY(-100%)")):["bottom"].includes(a.direction)?(A.style.setProperty("height",a.size.toString()),A.style.setProperty("transform","translateY(100%)")):["left"].includes(a.direction)?(A.style.setProperty("width",a.size.toString()),A.style.setProperty("transform","translateX(-100%)")):["right"].includes(a.direction)&&(A.style.setProperty("width",a.size.toString()),A.style.setProperty("transform","translateX(100%)")),t.style.setProperty("display","")}),St.append(s,T),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(s,i),St.appendBody(i),bt.setTimeout(()=>{bt.setTimeout(()=>{A.style.setProperty("transform","")},a.openDelay)},50),null!=E&&b.after(E),Bt.handlePush(o,{guid:n,$anim:b,$pops:A,$mask:E,$shadowContainer:i,$shadowRoot:s,config:a,destory:M.close}),M}},Rt={init(e){const n=bt.getRandomGUID(),o="loading";let a={$parent:document.body||document.documentElement,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};a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const i=Bt.handleZIndex(a.zIndex),s=kt.createMask(n,i),{contentPStyle:l}=kt.createContentStyle("loading",a),r=kt.createAnim(n,o,a,`\n            <div class="pops-content pops-${o}-content">${a.addIndexCSS?`\n                <style data-model-name="index">${Et.index}</style>\n                <style data-model-name="anim">${Et.anim}</style>\n                <style data-model-name="common">${Et.common}</style>\n                `:""}\n                <style data-model-name="loadingCSS">\n                    ${Et.loadingCSS}\n                </style>\n            ${null!=a.style?`<style>${a.style}</style>`:""}\n            \t<p pops class="pops-${o}-content-text" style="${l}">${a.content.text}</p>\n            </div>`,"",i),p=kt.parseElement(r),{$pops:c}=Bt.handleQueryElement(p,o);let d;const u=[p];if(a.mask.enable){d=Bt.handleMask({type:o,guid:n,config:a,animElement:p,maskHTML:s}).maskElement,u.push(d)}const f=Bt.handleLoadingEventConfig(a,n,o,p,c,d);St.append(a.$parent,u),null!=d&&p.after(d),Bt.handlePush(o,{guid:n,$anim:p,$pops:c,$mask:d}),a.isAbsolute&&(St.css(p,"position","absolute !important"),d&&St.css(d,"position","absolute !important"));return Bt.handleResultConfig(f)}},Nt=()=>({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:(t,e)=>(console.log("下载文件：",e),{autoDownload:!0,url:"https://update.greasyfork.org/scripts/456485/pops.js",mode:"aBlank"})}]}]},{fileName:"测试文件.apk",fileSize:30125682,fileType:"apk",createTime:1702036410440,latestTime:1702039410440,isFolder:!1,index:1,clickEvent(){return console.log("下载文件：",this.fileName),{autoDownload:!0,url:"https://update.greasyfork.org/scripts/456485/pops.js",mode:"openBlank"}}}],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(){}}),Dt={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="},Ht={init(e){const n=bt.getRandomGUID(),o="folder";let a=Nt();a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"folderCSS",css:Et.folderCSS}]),Reflect.set(Dt,"docx",Dt.doc),Reflect.set(Dt,"rtf",Dt.doc),Reflect.set(Dt,"xlsx",Dt.xls),Reflect.set(Dt,"pptx",Dt.ppt),Reflect.set(Dt,"dmg",Dt.ipa),Reflect.set(Dt,"json",Dt.js);["rar","7z","arj","bz2","cab","iso","jar","lz","lzh","tar","uue","xz","z","zipx","zst","001"].forEach(t=>{Dt[t]=Dt.zip}),["jpg","jpeg","ico","webp"].forEach(t=>{Dt[t]=Dt.png}),["htm","py","vue","bat","sh","vbs","java","kt"].forEach(t=>{Dt[t]=Dt.html}),["apk","apkm","xapk"].forEach(t=>{Dt[t]=Dt.apk}),a?.folder&&Reflect.set(a,"folder",a.folder);const l=Bt.handleZIndex(a.zIndex),r=kt.createMask(n,l),p=kt.createHeader(o,a),c=kt.createBottom(o,a),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,a),f=kt.createAnim(n,o,a,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${a.title.position};${d}">${a.title.html?a.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${a.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${o}-content ${bt.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${bt.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,l),m=kt.parseElement(f),{$pops:h,$title:b,$content:g,$folderTbody:v,$folderHeaderBreadcrumbPrimary:x,$headerBtnClose:y,$btnOk:w,$btnCancel:A,$btnOther:C,$folderSortFileName:$,$folderSortLatestTime:S,$folderSortFileSize:k}=Bt.handleQueryElement(m,o);let E;const T=[m];if(a.mask.enable){E=Bt.handleMask({type:o,guid:n,config:a,animElement:m,maskHTML:r}).maskElement,T.push(E)}const I=Bt.handleEventConfig(a,n,i,s,o,m,h,E),M=Bt.handleResultConfig(I);Bt.handleClickEvent("close",y,I,a.btn.close.callback),Bt.handleClickEvent("ok",w,I,a.btn.ok.callback),Bt.handleClickEvent("cancel",A,I,a.btn.cancel.callback),Bt.handleClickEvent("other",C,I,a.btn.other.callback),St.append(s,T),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(s,i),St.appendBody(i),null!=E&&m.after(E);const B=new class{init(){a.folder.sort(),this.initFolderView(a.folder);const t=x.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");Reflect.set(t,"data-config",a.folder),St.on(t,"click",t=>{this.setBreadcrumbClickEvent(t,!0,a.folder)}),St.on($.closest("th"),"click",t=>{this.arrowToSortFolderInfoView($,t,"fileName")},{capture:!0}),St.on(S.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(S,t,"latestTime")},{capture:!0}),St.on(k.closest("th"),"click",t=>{this.arrowToSortFolderInfoView(k,t,"fileSize")},{capture:!0}),"fileName"===a.sort.name?St.emit($,"click",{notChangeSortRule:!0}):"latestTime"===a.sort.name?St.emit(S,"click",{notChangeSortRule:!0}):"fileSize"===a.sort.name&&St.emit(k,"click",{notChangeSortRule:!0})}handlerWithBeforeCreateFileOrFolderInfoNode(t){let{fileSize:e}=t;const{fileName:n,latestTime:o,isFolder:a=!1}=t;t.latestTime=t.latestTime??"-",t.fileSize=t.fileSize??"-";const i=St.createElement("tr"),s=St.createElement("td"),l=St.createElement("td"),r=St.createElement("td");let p="",c="",d="",u="";if(a)d="",u=Dt.folder,p="",e="",c="";else{if("function"==typeof o){p=o().showText}else"number"==typeof o?p=bt.formatTime(o):"string"==typeof o&&(p=o);"number"==typeof e?c=bt.formatByteToSize(e,!0):"string"==typeof e&&(c=e);const t=Object.keys(Dt).find(t=>{if(n.toLowerCase().endsWith("."+t))return d=t,u=Reflect.get(Dt,t),!0});t?(u=Reflect.get(Dt,t),d=t):(d="Null",u=Dt.Null)}return"string"==typeof t.fileIcon&&(u=t.fileIcon),i.className="pops-folder-list-table__body-row",s.className="pops-folder-list-table__body-td",l.className="pops-folder-list-table__body-td",r.className="pops-folder-list-table__body-td",{$folder:i,$fileName:s,$fileTime:l,$fileFormatSize:r,data:{fileType:d,fileIcon:u,show_latestTime:p,show_fileSize:c}}}createFolderRowElement(t){const{$folder:e,$fileName:n,$fileTime:o,$fileFormatSize:a,data:i}=this.handlerWithBeforeCreateFileOrFolderInfoNode(t),{fileName:s}=t;return gt.setSafeHTML(n,`\n          <div class="pops-folder-list-file-name cursor-p">\n            <div>\n              <img src="${i.fileIcon}" alt="${i.fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">\n              <a href="javascript:;" title="${s}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">${s}</a>\n            </div>\n          </div>`),gt.setSafeHTML(o,`\n          <div class="pops-folder-list__time">\n            <span>${i.show_latestTime}</span>\n          </div>`),gt.setSafeHTML(a,`\n          <div class="pops-folder-list-format-size">\n            <span>${i.show_fileSize}</span>\n          </div>`),Reflect.set(n,"__value__",t),Reflect.set(o,"__value__",t),Reflect.set(a,"__value__",t),Reflect.set(e,"__value__",t),e.appendChild(n),e.appendChild(o),e.appendChild(a),{folderElement:e,fileNameElement:n,fileTimeElement:o,fileFormatSize:a}}createFolderRowElementByMobile(t){const{$folder:e,$fileName:n,data:o}=this.handlerWithBeforeCreateFileOrFolderInfoNode(t),{fileName:a}=t;return gt.setSafeHTML(n,`\n          <div class="pops-folder-list-file-name pops-mobile-folder-list-file-name cursor-p">\n            <img src="${o.fileIcon}" alt="${o.fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">\n            <div>\n              <a title="${a}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">${a}</a>\n              <span>${o.show_latestTime} ${o.show_fileSize}</span>\n            </div>\n          </div>`),Reflect.set(n,"__value__",t),Reflect.set(e,"folderData",t),e.appendChild(n),{folderElement:e,fileNameElement:n}}clearFolderInfoView(){gt.setSafeHTML(v,"")}createHeaderArrowIcon(){return St.createElement("div",{className:"iconArrow"})}createBreadcrumb(t,e){return St.createElement("span",{className:"pops-folder-file-list-breadcrumb-allFiles cursor-p",innerHTML:`<a>${t}</a>`,"data-config":e},{title:t})}setBreadcrumbClickEvent(t,e,n){this.clearFolderInfoView();const o=t.target.closest("span.pops-folder-file-list-breadcrumb-allFiles");if(o)for(;o.nextElementSibling;)o.nextElementSibling.remove();else console.error("获取导航按钮失败");const a=Rt.init({$parent:g,content:{text:"获取文件列表中..."},mask:{enable:!0,clickEvent:{toClose:!1,toHide:!1}},addIndexCSS:!1});this.initFolderView(n),a.close()}async enterFolder(t,e){this.clearFolderInfoView();const n=Rt.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 o=this.createBreadcrumb(e.fileName,n);x.appendChild(o),St.on(o,"click",t=>{this.setBreadcrumbClickEvent(t,!1,n)}),this.initFolderView(n)}n.close()}async downloadFile(t,e,n){St.preventEvent(t);const o=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()&&(o.setAttribute("href",e.url),o.setAttribute("target","_blank"),e.autoDownload))if(null!=e.mode&&""!==String(e.mode)||(e.mode="aBlank"),"a"===e.mode||"aBlank"===e.mode){const t=St.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=St.createElement("iframe");t.src=e.url,t.onload=function(){bt.setTimeout(()=>{t.remove()},1e3)},s.appendChild(t),bt.setTimeout(()=>{t.remove()},18e4)}else console.error("未知的下载模式",e)}}sortFolderConfig(t,e="fileName",n=!1){const o=t.filter(t=>t.isFolder),a=t.filter(t=>!t.isFolder);return"fileName"===e?(o.sort((t,o)=>{const a=t[e].toString(),i=o[e].toString();let s=a.localeCompare(i);return n&&(s>0?s=-1:s<0&&(s=1)),s}),a.sort((t,o)=>{const a=t[e].toString(),i=o[e].toString();let s=a.localeCompare(i);return n&&(s>0?s=-1:s<0&&(s=1)),s})):(o.sort((t,o)=>{let a=t[e],i=o[e];return"function"==typeof a&&(a=a().timeStamp),"function"==typeof i&&(i=i().timeStamp),"fileSize"===e?(a=parseFloat(a.toString()),i=parseFloat(i.toString())):"latestTime"===e&&(a=new Date(a||"").getTime(),i=new Date(i||"").getTime()),a>i?n?-1:1:a<i?n?1:-1:0}),a.sort((t,o)=>{let a=t[e],i=o[e];return"function"==typeof a&&(a=a().timeStamp),"function"==typeof i&&(i=i().timeStamp),"fileSize"===e?(a=parseFloat(a.toString()),i=parseFloat(i.toString())):"latestTime"===e&&(a=new Date(a).getTime(),i=new Date(i).getTime()),a>i?n?-1:1:a<i?n?1:-1:0})),[...o,...a]}initFolderView(t){this.sortFolderConfig(t,a.sort.name,a.sort.isDesc).forEach(t=>{if(t.isFolder){const{folderElement:e,fileNameElement:n}=bt.isPhone()?this.createFolderRowElementByMobile(t):this.createFolderRowElement(t);St.on(n,"click",e=>{this.enterFolder(e,t)}),v.appendChild(e)}else{const{folderElement:e,fileNameElement:n}=bt.isPhone()?this.createFolderRowElementByMobile(t):this.createFolderRowElement(t);St.on(n,"click",e=>{this.downloadFile(e,n,t)}),v.appendChild(e)}})}removeArrowActiveStatus(){[...Array.from($.querySelectorAll(".pops-folder-icon-active")),...Array.from(S.querySelectorAll(".pops-folder-icon-active")),...Array.from(k.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")||(a.sort.name=n,a.sort.isDesc=!a.sort.isDesc);const o=t.querySelector(".pops-folder-icon-arrow-up"),i=t.querySelector(".pops-folder-icon-arrow-down");if(this.changeArrowActive(o,i,a.sort.isDesc),"function"==typeof a.sort.callback&&a.sort.callback(t,e,a.sort.name,a.sort.isDesc))return;const s=[];Array.from(v.children).forEach(t=>{const e=Reflect.get(t,"__value__");Reflect.set(e,"target",t),s.push(e)});this.sortFolderConfig(s,a.sort.name,a.sort.isDesc).forEach(t=>{v.appendChild(t.target)})}};return B.init(),Reflect.set(h,"data-pops-folder",B),a.drag&&Mt.drag(h,{dragElement:b,limit:a.dragLimit,extraDistance:a.dragExtraDistance,moveCallBack:a.dragMoveCallBack,endCallBack:a.dragEndCallBack}),Bt.handlePush(o,{guid:n,$anim:m,$pops:h,$mask:E,$shadowContainer:i,$shadowRoot:s,config:a,destory:M.close}),M}},_t={init(e){const n=bt.getRandomGUID(),o="iframe";let a={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(a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),null==a.url)throw new TypeError("config.url must not be null.");a=Bt.handleOnly(o,a);const{$shadowContainer:s,$shadowRoot:l}=Bt.handlerShadow(a);Bt.handleInit(l,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"iframeCSS",css:Et.iframeCSS}]);const r=null!=a.animation&&""!=a.animation?"position:absolute;":"",p=Bt.handleZIndex(a.zIndex),c=kt.createMask(n,p,r),d=kt.createHeader(o,a),u=""!==a.title.text.trim()?a.title.text:a.url,{headerStyle:f,headerPStyle:m}=kt.createHeaderStyle(o,a),h=kt.createAnim(n,o,a,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${a.title.position};${f}">${a.title.html?u:`<p pops class="pops-${o}-title-text" style="${m}">${u}</p>`}${d}</div>\n\t\t\t<div class="pops-content pops-${o}-content">\n                <div class="pops-${o}-content-global-loading"></div>\n                <iframe src="${a.url}" pops ${a.sandbox?"sandbox='allow-forms allow-same-origin allow-scripts'":""}>\n                </iframe>\n\t\t\t</div>${a.loading.enable?'<div class="pops-loading"></div>':""}`,"",p),b=kt.parseElement(h),{$pops:g,$headerBtnClose:v,$headerControls:x,$title:y,$iframe:w,$loading:A,$contentLoading:C,$headerBtnMin:$,$headerBtnMax:S,$headerBtnMise:k}=Bt.handleQueryElement(b,o);let E,T=i.document.querySelector(".pops-iframe-container");T||(T=St.createElement("div",{className:"pops-iframe-container"}),T.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;",St.appendBody(T));const I=[b];if(a.mask.enable){E=Bt.handleMask({type:o,guid:n,config:a,animElement:b,maskHTML:c}).maskElement,I.push(E)}const M=Bt.handleEventConfig(a,n,s,l,o,b,g,E);M.$iframe=w;const B=Bt.handleResultConfig(M);St.on(b,St.getAnimationEndNameList(),function(){b.style.width="0%",b.style.height="0%"}),St.on(w,"load",()=>{A?.remove(),C.style.animation="iframeLoadingChange_85 0.3s forwards",St.on(C,St.getAnimationEndNameList(),()=>{C.remove()}),""===a.title.text.trim()&&w.contentDocument&&(y.querySelector("p").innerText=w.contentDocument.title),a.loadEndCallBack(M)}),St.append(l,I),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(l,s),T.appendChild(s),null!=E&&b.after(E),a.drag&&Mt.drag(g,{dragElement:y,limit:a.dragLimit,extraDistance:a.dragExtraDistance,moveCallBack:a.dragMoveCallBack,endCallBack:a.dragEndCallBack});const L="type-module";let z="",P="",R=!1;return St.on($,"click",t=>{t.preventDefault(),t.stopPropagation(),z=g.style.left,P=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(L,"min"),x.setAttribute("type","min"),S.style.setProperty("display","none"),k.style.setProperty("display",""),"function"==typeof a?.btn?.min?.callback&&a.btn.min.callback(M,t)},{capture:!0}),St.on(S,"click",t=>{t.preventDefault(),t.stopPropagation(),"min"!==g.getAttribute(L)&&(z=g.style.left,P=g.style.top),R=!0,g.style.transitionDuration="",g.style.transform="",g.removeAttribute(L),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(L,"max"),x.setAttribute("type","max"),S.style.setProperty("display","none"),k.style.setProperty("display",""),"function"==typeof a?.btn?.max?.callback&&a.btn.max.callback(M,t)},{capture:!0}),k?.style?.setProperty("display","none"),St.on(k,"click",t=>{t.preventDefault(),t.stopPropagation(),R&&"min"===g.getAttribute(L)?(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(L,"max"),x.setAttribute("type","max")):(R=!1,g.style.left=z,g.style.top=P,g.style.transitionDuration="",g.style.transform="",x.removeAttribute("type"),g.removeAttribute(L),g.classList.remove("pops-iframe-unset-top"),g.classList.remove("pops-iframe-unset-left"),g.classList.remove("pops-iframe-unset-transform"),S.style.setProperty("display",""),k.style.setProperty("display","none")),"function"==typeof a?.btn?.mise?.callback&&a.btn.mise.callback(M,t)},{capture:!0}),St.on(v,"click",async t=>{t.preventDefault(),t.stopPropagation(),await Mt.removeInstance([It.iframe],n,!1),"function"==typeof a?.btn?.close?.callback&&a.btn.close.callback(M,t)},{capture:!0}),Bt.handlePush(o,{guid:n,$anim:b,$pops:g,$mask:E,$shadowContainer:s,$shadowRoot:l,config:a,destory:B.close}),B}},Ot={isFloat:t=>Number(t)===t&&t%1!=0,add(t,e){let n,o;try{n=t.toString().split(".")[1].length}catch{n=0}try{o=e.toString().split(".")[1].length}catch{o=0}const a=Math.pow(10,Math.max(n,o));return Math.round(t*a+e*a)/a},sub(t,e){let n,o;try{n=t.toString().split(".")[1].length}catch{n=0}try{o=e.toString().split(".")[1].length}catch{o=0}const a=Math.pow(10,Math.max(n,o)),i=n>=o?n:o;return(Math.round(t*a-e*a)/a).toFixed(i)},division(t,e){let n,o;try{n=t.toString().split(".")[1].length}catch{n=0}try{o=e.toString().split(".")[1].length}catch{o=0}return Number(t.toString().replace(".",""))/Number(e.toString().replace(".",""))*Math.pow(10,o-n)}};class Ut{$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=St.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(St.addClassName(t,this.$data.config.className),t.style.zIndex=Bt.handleZIndex(this.$data.config.zIndex).toString(),null!=this.$data.config.style){const e=St.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)}gt.setSafeHTML(this.$el.$content,t)}getZIndex(){return Bt.handleZIndex(this.$data.config.zIndex)}changeZIndex(){const t=this.getZIndex();this.$el.$toolTip.style.setProperty("z-index",t.toString())}calcToolTipPosition(t,e,n,o){const a=St.offset(t,!this.$data.config.isFixed),i=a.width,s=a.height,l=a.top,r=a.left,p=St.outerWidth(this.$el.$toolTip),c=St.outerHeight(this.$el.$toolTip),d=r+i/2-p/2,u=l+s/2-c/2;let f=0,m=0;if(null!=o)if(o instanceof MouseEvent||o instanceof PointerEvent)f=o.pageX,m=o.y;else if(o instanceof TouchEvent){const t=o.touches[0];f=t.pageX,m=t.pageY}else"number"==typeof o.clientX&&(f=o.clientX),"number"==typeof o.clientY&&(m=o.clientY);return{TOP:{left:d-n,top:l-c-e,arrow:"bottom",motion:"fadeInTop"},RIGHT:{left:r+i+e,top:u+n,arrow:"left",motion:"fadeInRight"},BOTTOM:{left:d-n,top:l+s+e,arrow:"top",motion:"fadeInBottom"},LEFT:{left:r-p-e,top:u+n,arrow:"right",motion:"fadeInLeft"},FOLLOW:{left:f+n,top:m+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 o=n[t];if("number"==typeof e){if(e==o){bt.clearTimeout(e),n.splice(t,1);break}}else bt.clearTimeout(o),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}bt.contains(this.$el.$shadowRoot,this.$el.$toolTip)||(this.init(),St.append(this.$el.$shadowRoot,this.$el.$toolTip)),bt.contains(this.$el.$shadowContainer)||("function"==typeof this.$data.config.beforeAppendToPageCallBack&&this.$data.config.beforeAppendToPageCallBack(this.$el.$shadowRoot,this.$el.$shadowContainer),St.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(){St.on(this.$data.config.$target,this.$data.config.onShowEventName,this.show,this.$data.config.eventOption)}offShowEvent(){St.off(this.$data.config.$target,this.$data.config.onShowEventName,this.show,this.$data.config.eventOption)}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 o=bt.setTimeout(()=>{if(this.clearCloseTimeoutId(n,o),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,o),"function"==typeof this.$data.config.closeAfterCallBack&&this.$data.config.closeAfterCallBack(this.$el.$toolTip)}onCloseEvent(){St.on(this.$data.config.$target,this.$data.config.onCloseEventName,this.close,this.$data.config.eventOption)}offCloseEvent(){St.off(this.$data.config.$target,this.$data.config.onCloseEventName,this.close,this.$data.config.eventOption)}destory(){this.$el.$toolTip&&this.$el.$toolTip.remove(),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(){St.on(this.$el.$toolTip,St.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}offToolTipAnimationFinishEvent(){St.off(this.$el.$toolTip,St.getAnimationEndNameList(),this.toolTipAnimationFinishEvent)}toolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent")}onToolTipMouseEnterEvent(){this.clearCloseTimeoutId("MouseEvent"),this.clearCloseTimeoutId("TouchEvent"),St.on(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}offToolTipMouseEnterEvent(){St.off(this.$el.$toolTip,"mouseenter touchstart",this.toolTipMouseEnterEvent,this.$data.config.eventOption)}toolTipMouseLeaveEvent(t){this.close(t)}onToolTipMouseLeaveEvent(){St.on(this.$el.$toolTip,"mouseleave touchend touchcancel",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}offToolTipMouseLeaveEvent(){St.off(this.$el.$toolTip,"mouseleave touchend touchcancel",this.toolTipMouseLeaveEvent,this.$data.config.eventOption)}}const Vt={init(e){const n=bt.getRandomGUID();let o={useShadowRoot:!0,$target:null,content:"默认文字",isDiffContent:!1,position:"top",className:"",isFixed:!1,alwaysShow:!1,onShowEventName:"mouseenter touchstart",onCloseEventName:"mouseleave touchend touchcancel",zIndex:1e4,only:!1,eventOption:{once:!1,passive:!1,capture:!0},showBeforeCallBack(){},showAfterCallBack(){},closeBeforeCallBack(){},closeAfterCallBack(){},delayCloseTime:100,showArrow:!0,arrowDistance:12.5,otherDistance:0,style:"",beforeAppendToPageCallBack(){}};if(o=bt.assign(o,t.getGlobalConfig()),o=bt.assign(o,e),!(o.$target instanceof HTMLElement))throw new TypeError("config.target 必须是HTMLElement类型");if(o=Bt.handleOnly("tooltip",o),"follow"===o.position){o.onShowEventName=o.onShowEventName.trim();const t=o.onShowEventName.split(" ");["mousemove","touchmove"].forEach(e=>{t.includes(e)||(o.onShowEventName+=` ${e}`)})}const{$shadowContainer:a,$shadowRoot:i}=Bt.handlerShadow(o);Bt.handleInit(i,[{name:"index",css:Et.index},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"tooltipCSS",css:Et.tooltipCSS}]);const s=new Ut(o,n,{$shadowContainer:a,$shadowRoot:i});return o.alwaysShow&&s.show(),{guid:n,config:o,$shadowContainer:a,$shadowRoot:i,toolTip:s}}},Ft=()=>({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},$data:{nodeStoreConfigKey:"data-view-config"},$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,o=!1;t.config.content.forEach(t=>{const e=this.createAsideItem(t);this.onAsideItemClick(e,t);if(("function"==typeof t.isBottom?t.isBottom():t.isBottom)?this.asideBottomULElement.appendChild(e):this.asideULElement.appendChild(e),null==n){let a=!1;a="function"==typeof t.isDefault?Boolean(t.isDefault()):Boolean(t.isDefault),a&&(n=e,o=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.onBottomItemClick(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(),o&&n?.scrollIntoView()):console.error("pops.panel：左侧容器没有项")},clearContainer(){Reflect.deleteProperty(this.$el.$panelContentSectionContainer,this.$data.nodeStoreConfigKey),gt.setSafeHTML(this.sectionContainerHeaderULElement,""),gt.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=>{St.removeClassName(t,"pops-is-visited")})},setAsideItemIsVisited(t){St.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 o=e[n];"innerHTML"!==n?Reflect.set(t,n,o):gt.setSafeHTML(t,o)})},setElementClassName(t,e){St.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||"",o=St.createElement("li",{className:["pops-panel-bottom-item","pops-user-select-none",n].join(" "),innerHTML:e});this.setElementAttributes(o,t.attributes),this.setElementProps(o,t.props);const a="pops-panel-disable-bottom-item-hover-css";return("function"==typeof t.disableHoverCSS?t.disableHoverCSS():t.disableHoverCSS)?o.classList.add(a):o.classList.remove(a),o},onBottomItemClick(t,e){St.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=St.createElement("li",{id:t.id,innerHTML:e});Reflect.set(n,"__forms__",t.views),this.setElementClassName(n,"pops-panel-aside-item"),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);const o="pops-panel-disabled-aside-hover-css";return("function"==typeof t.disableAsideItemHoverCSS?t.disableAsideItemHoverCSS():t.disableAsideItemHoverCSS)?n.classList.add(o):n.classList.remove(o),n},createSectionContainerItem_switch(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[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.onClick()},onClick(){const e=this;St.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?St.addClassName(this.$ele.switch,"pops-panel-switch-is-checked"):St.removeClassName(this.$ele.switch,"pops-panel-switch-is-checked")},getStatus(){let t=!1;return St.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"),St.addClassName(this.$ele.itemLeftTextContainer,Ct)},notDisable(){this.$ele.input.disabled=!1,this.$ele.switch.removeAttribute("data-disabled"),St.removeClassName(this.$ele.itemLeftTextContainer,Ct)}};return o.init(),Reflect.set(e,"data-switch",o),{$el:e,handler:o}},createSectionContainerItem_slider(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[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.onRunAwayClick(),this.intervalInit(),this.isDisabledDragWithConfig()&&this.disableDrag()},intervalInit(t=200,e=1e4){if(this.$interval.isCheck)return;this.$interval.isCheck=!0;let n=!1;const o=this.$data.totalWidth;let a;const i=setInterval(()=>{n?(this.$interval.isCheck=!1,clearTimeout(a),clearInterval(i)):(this.initTotalWidth(),0!==this.$data.totalWidth&&(n=!0,this.$data.totalWidth!==o&&(Ot.isFloat(this.step)?this.initFloatStepMap():this.initStepMap(),this.initSliderPosition())))},t);a=setTimeout(()=>{clearInterval(i)},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=St.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 o=this.formatValue(e);let a;a=o===this.min?{value:o,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:o,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,a),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 o=this.formatValue(e);let a;a=o===this.min?{value:o,px:0,pxLeft:0,pxRight:this.$data.stepPx/2,percent:0}:{value:o,px:n,pxLeft:n-this.$data.stepPx/2,pxRight:n+this.$data.stepPx/2,percent:n/this.$data.totalWidth},this.$data.stepBlockMap.set(t,a),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(){St.addClassName(this.$ele.runAway,"pops-slider-is-disabled"),St.addClassName(this.$ele.runAway,Ct)},allowDrag(){St.removeClassName(this.$ele.runAway,"pops-slider-is-disabled"),St.removeClassName(this.$ele.runAway,Ct)},isDisabledDrag(){return St.containsClassName(this.$ele.runAway,"pops-slider-is-disabled")},isDisabledDragWithConfig(){const e="function"==typeof t.disabled?t.disabled():t.disabled;return"boolean"==typeof e&&e},onRunAwayClick(){St.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.isDisabledDragWithConfig()?(this.disableDrag(),!1):(this.$data.isMove||(this.isDisabledDrag()&&this.allowDrag(),this.$data.isMove=!0),!0)},dragMoveCallBack(t,e,n){let o=0;if(e<=0)o=0,this.value=this.min;else if(e>=this.$data.totalWidth)o=1,this.value=this.max;else{const t=this.getDragInfo(e);o=t.percent,this.value=this.formatValue(t.value)}this.$data.dragPercent=o,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=bt.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,o=this.$ele.runAway.getBoundingClientRect();let a=t.x-(o.left+globalThis.screenX);a<=0?a=0:a>=o.width&&(a=o.width),e=a,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(o.value):o.value.toString()}const n=Vt.init({$target:this.$ele.button,content:e,zIndex:()=>Mt.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 o.init(),Reflect.set(e,"data-slider",o),{$el:e,handler:o}},createSectionContainerItem_input(t){const n=St.createElement("li");Reflect.set(n,this.$data.nodeStoreConfigKey,t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);const o="text",a=t.inputType||o;let i="";t.description&&(i=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),gt.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>${i}</div>\n\t\t\t\t<div class="pops-panel-input">\n          <div class="pops-panel-input_inner">\n\t\t\t\t\t  <input type="${a}" placeholder="${t.placeholder??""}">\n          </div>\n\t\t\t\t</div>\n\t\t\t\t`);const s={[Symbol.toStringTag]:"PopsPanelInput",$el:{itemLeftTextContainer:n.querySelector(".pops-panel-item-left-text"),panelInput:n.querySelector(".pops-panel-input"),panelInputInner:n.querySelector(".pops-panel-input_inner"),input:n.querySelector("input"),suffix:St.createElement("span"),suffixInner:null,icon:null},$data:{value:t.getValue(),isVisible:!1},init(){this.initEle(),this.setInputValue(this.$data.value),"password"===t.inputType?(this.setCircleIcon(e.getIcon("view")),this.onIconClick()):""!=this.$el.input.value&&this.isTextInputType()?(this.setCircleIcon(e.getIcon("circleClose")),this.onIconClick()):this.hideCircleIconWrapper(),this.onValueChange();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable(),"function"==typeof t.handlerCallBack&&t.handlerCallBack(n,this.$el.input)},initEle(){this.$el.input.parentElement.insertBefore(this.$el.suffix,this.$el.input.nextSibling),St.addClassName(this.$el.suffix,"pops-panel-input__suffix"),gt.setSafeHTML(this.$el.suffix,'\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.$el.suffixInner=this.$el.suffix.querySelector(".pops-panel-input__suffix-inner"),this.$el.icon=this.$el.suffix.querySelector(".pops-panel-icon"),St.addClassName(this.$el.panelInput,At)},isTextInputType:()=>["text","search","email","tel","url"].includes(t.inputType||o),isDateInputType:()=>["date","datetime-local","month","time","week"].includes(t.inputType||o),isNumberInputType:()=>["number"].includes(t.inputType||o),disable(){this.$el.input.disabled=!0,St.addClassName(this.$el.panelInput,"pops-input-disabled"),St.addClassName(this.$el.itemLeftTextContainer,Ct)},notDisable(){this.$el.input.disabled=!1,St.removeClassName(this.$el.panelInput,"pops-input-disabled"),St.removeClassName(this.$el.itemLeftTextContainer,Ct)},isDisabled(){return this.$el.input.disabled},setInputValue(t=""){"number"==typeof t&&this.isNumberInputType()?this.$el.input.valueAsNumber=t:"object"==typeof t&&t instanceof Date&&this.isDateInputType()?this.$el.input.valueAsDate=t:this.$el.input.value=t.toString()},setInputType(t="text"){this.$el.input.setAttribute("type",t)},removeCircleIcon(){gt.setSafeHTML(this.$el.icon,"")},setCircleIcon(t=e.getIcon("circleClose")){gt.setSafeHTML(this.$el.icon,t)},hideCircleIconWrapper(){St.cssHide(this.$el.suffix,!0)},showCircleIconWrapper(){St.cssShow(this.$el.suffix)},onIconClick(){St.on(this.$el.icon,"click",t=>{St.preventEvent(t),this.isDisabled()||(this.removeCircleIcon(),"password"===a?this.$data.isVisible?(this.$data.isVisible=!1,this.setInputType("text"),this.setCircleIcon(e.getIcon("hide"))):(this.$data.isVisible=!0,this.setInputType("password"),this.setCircleIcon(e.getIcon("view"))):(this.setInputValue(""),this.$el.input.focus(),this.$el.input.dispatchEvent(new Event("input"))))})},onValueChange(){St.on(this.$el.input,["input","propertychange"],n=>{if(this.$data.value=this.$el.input.value,"password"!==a&&(""!==this.$el.input.value&&""===this.$el.icon.innerHTML&&this.isTextInputType()?(this.setCircleIcon(e.getIcon("circleClose")),this.onIconClick(),this.showCircleIconWrapper()):""===this.$el.input.value&&this.removeCircleIcon()),"function"==typeof t.callback){let e;e="number"===t.inputType?t.callback(n,this.$el.input.value,this.$el.input.valueAsNumber):this.isDateInputType()?t.callback(n,this.$el.input.value,this.$el.input.valueAsNumber,this.$el.input.valueAsDate):t.callback(n,this.$el.input.value),e?e.valid?this.removeValidErrorMsg():this.addValidErrorMsg(e.message):this.removeValidErrorMsg()}})},emitValueChange(){this.$el.input.dispatchEvent(new Event("input"))},addValidErrorMsg(t){if(null==t)return;const e=this.$el.panelInput.querySelector(".pops-panel-input-valid-error")||St.createElement("div",{className:"pops-panel-input-valid-error",innerHTML:"<span></span>"}),n=e.querySelector("span");n.innerHTML!==t&&gt.setSafeHTML(n,t),e.parentElement||St.after(this.$el.panelInputInner,e)},removeValidErrorMsg(){const t=this.$el.panelInput.querySelector(".pops-panel-input-valid-error");t?.remove()}};return s.init(),Reflect.set(n,"data-input",s),{$el:n,handler:s}},createSectionContainerItem_textarea(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[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.onValueChange();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},disable(){this.$ele.textarea.setAttribute("disabled","true"),St.addClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),St.addClassName(this.$ele.itemLeftTextContainer,Ct)},notDisable(){this.$ele.textarea.removeAttribute("disabled"),St.removeClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable"),St.removeClassName(this.$ele.itemLeftTextContainer,Ct)},isDisabled(){return this.$ele.textarea.hasAttribute("disabled")||St.containsClassName(this.$ele.panelTextarea,"pops-panel-textarea-disable")},setValue(t){this.$ele.textarea.value=t},onValueChange(){St.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 o.init(),Reflect.set(e,"data-textarea",o),{$el:e,handler:o}},createSectionContainerItem_select(t){const e=this,n=St.createElement("li");Reflect.set(n,this.$data.nodeStoreConfigKey,t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),gt.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>${o}</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 a=n.querySelector(".pops-panel-item-left-text"),i=n.querySelector(".pops-panel-select"),s=n.querySelector(".pops-panel-select select"),l=("number"==typeof t.width?`${t.width}px`:t.width)??"200px";St.css(i,"width",l);const r=t.mode??"native";let p;if("native"===r){const o={[Symbol.toStringTag]:"PopsPanelSelectNative",$el:{itemLeftTextContainer:a,$container:i,$select:s},$eleKey:{disable:"__disable__",value:"__value__",viewConfig:"data-view-config"},$data:{data:[],defaultValue:t.getValue()},init(){this.$el.$container.setAttribute("data-mode",r),this.$data.data="function"==typeof t.data?t.data():t.data,St.addClassName(this.$el.$container,At),this.initOption(),this.onValueChange(),this.onClick();("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.$el.$select.setAttribute("disabled","true"),St.addClassName(this.$el.$container,"pops-panel-select-disable"),St.addClassName(this.$el.itemLeftTextContainer,Ct)},notDisable(){this.$el.$select.removeAttribute("disabled"),St.removeClassName(this.$el.$container,"pops-panel-select-disable"),St.removeClassName(this.$el.itemLeftTextContainer,Ct)},isDisabled(){return this.$el.$select.hasAttribute("disabled")||St.containsClassName(this.$el.$container,"pops-panel-select-disable")},initOption(){this.$data.data.forEach(t=>{const e=St.createElement("option");this.setNodeValue(e,this.$eleKey.value,t.value),this.setNodeValue(e,this.$eleKey.disable,t.disable),this.setNodeValue(e,this.$eleKey.viewConfig,t.views),t.value===this.$data.defaultValue&&this.setOptionSelected(e),"function"==typeof t.text?e.innerText=t.text(t.value,t):e.innerText=t.text,this.$el.$select.appendChild(e)})},setOptionSelected(t){t.setAttribute("selected","true")},setSelectOptionsDisableStatus(){this.$el.$select.options&&this.$el.$select.options.length&&Array.from(this.$el.$select.options).forEach(t=>{this.setOptionDisableStatus(t)})},setOptionDisableStatus(t){let e=!1;const n=this.getNodeValue(t,this.$eleKey.disable);if("function"===n){const o=this.getNodeValue(t,this.$eleKey.value);e=Boolean(n(o))}e?t.setAttribute("disabled","true"):t.removeAttribute("disabled")},getSelectOptionInfo(t){return{value:this.getNodeValue(t,this.$eleKey.value),text:t.innerText||t.textContent,views:this.getNodeValue(t,this.$eleKey.viewConfig),$option:t}},onValueChange(){St.on(this.$el.$select,"change",()=>{const o=this.$el.$select[this.$el.$select.selectedIndex],a=this.getSelectOptionInfo(o);this.setSelectOptionsDisableStatus(),"function"==typeof t.callback&&t.callback(a);const i="function"==typeof a.views?a.views():a.views;if(Array.isArray(i)){const o="pops-panel-select-child-forms";for(;n.nextElementSibling&&n.nextElementSibling.classList.contains(o);)n.nextElementSibling.remove();const a=St.createElement("ul");a.className=o,St.after(n,a),e.uListContainerAddItem(t,{ulElement:a})}})},onClick(){St.on(this.$el.$select,"click",e=>{if(this.setSelectOptionsDisableStatus(),"function"==typeof t.clickCallBack){const n=this.$el.$select[this.$el.$select.selectedIndex],o=this.getSelectOptionInfo(n);t.clickCallBack(e,o)}})}};o.init(),Reflect.set(n,"data-select",o),p=o}else if("dialog"===r){const o={[Symbol.toStringTag]:"PopsPanelSelect",$el:{$itemLeftContainer:a,$container:void 0,$wrapper:void 0,$section:void 0,$selectedInputWrapper:void 0,$selectedPlaceHolderWrapper:void 0,$suffix:void 0,$suffixIcon:void 0,$selectDialogContainer:void 0},$data:{data:[],defaultValue:t.getValue(),selectedData:void 0,isValidSuccess:!0,rotateKey:"data-show-option"},init(){this.initDefault(),this.initEl(),this.initPlaceHolder(),this.renderSelectText(),this.onShowSelectDialogClick();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){this.$data.data="function"==typeof t.data?t.data():t.data,this.$data.data.forEach(t=>{this.$data.defaultValue.includes(t.value)&&(this.resetCurrentSelectedInfo(),this.updateSelectedInfo(t))})},initEl(){this.$el.$container=i,this.$el.$container.setAttribute("data-mode",r),gt.setSafeHTML(this.$el.$container,'\n              <div class="el-select__wrapper">\n                <div class="el-select__selection">\n                  \x3c!-- 这个是用于手动输入的，这里暂不适配 --\x3e\n                  <div class="el-select__selected-item el-select__input-wrapper"></div>\n                  \x3c!-- 这个是placeholder --\x3e\n                  <div class="el-select__selected-item el-select__placeholder"></div>\n                </div>\n                \x3c!-- 下拉箭头 --\x3e\n                <div class="el-select__suffix">\n                  <i class="el-icon el-select__caret el-select__icon">\n                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\n                      <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                    </svg>\n                  </i>\n                </div>\n              </div>'),this.$el.$wrapper=n.querySelector(".el-select__wrapper"),this.$el.$section=n.querySelector(".el-select__selection"),this.$el.$selectedInputWrapper=n.querySelector(".el-select__selected-item.el-select__input-wrapper"),this.$el.$selectedPlaceHolderWrapper=n.querySelector(".el-select__selected-item.el-select__placeholder"),this.$el.$suffix=n.querySelector(".el-select__suffix"),this.$el.$suffixIcon=n.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)}this.$el.$section.setAttribute("data-selected-text-align",t.selectedTextAlign||"left");const n=St.createElement("span",{innerText:e});this.$el.$selectedPlaceHolderWrapper.appendChild(n)},renderSelectText(){let t=this.$data.data.find(t=>t.value===this.$data.selectedData?.value);if(null==t&&this.$data.selectedData&&this.$data.selectedData.addCustomInput&&(t=this.$data.selectedData),null!=t){const e="function"==typeof t.text?t.text(t.value,t):t.text;t.isHTML?gt.setSafeHTML(this.$el.$selectedInputWrapper,e):gt.setSafeHTML(this.$el.$selectedInputWrapper,`\n                  <span>${e}</span>\n                `),this.showInputWrapper(),this.hidePlaceHolderWrapper()}else this.hideInputWrapper(),this.showPlaceHolderWrapper()},disable(){St.addClassName(this.$el.$container,"pops-panel-select-disable"),St.addClassName(this.$el.$itemLeftContainer,Ct)},cancleDisable(){St.removeClassName(this.$el.$container,"pops-panel-select-disable"),St.removeClassName(this.$el.$itemLeftContainer,Ct)},isDisabled(){return St.containsClassName(this.$el.$container,"pops-panel-select-disable")||St.containsClassName(this.$el.$itemLeftContainer,Ct)},onShowSelectDialogClick(){const n=Et.panelComponents_Select;St.on(this.$el.$container,"click",()=>{if(this.isDisabled())return;const{style:o,...a}=t.selectConfirmDialogConfig||{},i=()=>{if(this.$data.selectedData?.addCustomInput&&!this.$data.isValidSuccess)return!1;this.getAllSelectItems(!1).forEach(t=>{t.data.addCustomInput&&(t.data.value="",t.data.text="",this.onValueChangeCallback(t.data))}),this.renderSelectText(),this.$el.$selectDialogContainer=null,this.$el.$container.removeAttribute(this.$data.rotateKey)};this.$el.$container.setAttribute(this.$data.rotateKey,String(!0));const s=bt.assign({title:{text:"请勾选需要选择的选项",position:"center"},content:{text:'<ul class="select-container"></ul>',html:!0},btn:{ok:{enable:!1},close:{enable:!0,callback(t){const e=i();("boolean"!=typeof e||e)&&t.close()}}},mask:{enable:!0,clickCallBack(t){const e=i();("boolean"!=typeof e||e)&&t()},clickEvent:{toClose:!0}},drag:!0,dragLimit:!0,width:"300px",height:"auto",style:`\n                  ${n}\n\n                  ${Et.panelCSS}\n\n\t\t\t\t\t\t\t\t  ${o||""}\n\t\t\t\t\t\t\t\t`},a),l=Lt.init(s).$shadowRoot.querySelector(".select-container");this.$data.data.forEach(t=>{if(t.addCustomInput){const n=t,o=this.createSelectItemElement(n),a=this,i=e.createSectionContainerItem_input({type:"input",text:"",getValue:()=>n.value,callback(t,e){if(n.text=e,n.value=e,"function"==typeof n.onValid){const t=n.onValid(n);if(a.$data.isValidSuccess=t.valid,!t.valid)return s.addValidErrorMsg(t.message),t;s.removeValidErrorMsg()}a.updateSelectedInfo(n),a.onValueChangeCallback(n)}}),s=i.handler,r=i.$el.querySelector(".pops-panel-input");gt.setSafeHTML(o,""),o.appendChild(r),l.appendChild(o),this.onSelectItemClick(n,o)}else{const e=this.createSelectItemElement(t);l.appendChild(e),this.onSelectItemClick(t,e)}}),this.$el.$selectDialogContainer=l,this.updateAllSelectItemStatus()})},onValueChangeCallback(e,n=!0){n&&this.updateAllSelectItemStatus(),"function"==typeof t.callback&&t.callback(e||this.$data.selectedData)},updateAllSelectItemStatus(){this.getAllSelectItems(!1).forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),"function"==typeof e.disable&&e.disable(e.value,this.$data.selectedData)?(this.removeItemSelected(n),this.setSelectItemDisabled(n)):this.removeSelectItemDisabled(n),null!=this.$data.selectedData&&this.$data.selectedData.value===e.value?this.setItemSelected(n):this.removeItemSelected(n)})},resetAllSelectedItemStatus(){const t=this.getAllSelectItems(!0);t.length&&this.resetCurrentSelectedInfo(),t.forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),this.removeItemSelected(n),this.removeSelectItemDisabled(n)})},setItemSelected(t){this.isItemSelected(t)||t.classList.add("select-item-is-selected")},removeItemSelected(t){t.classList.remove("select-item-is-selected")},isItemSelected:t=>t.classList.contains("select-item-is-selected"),getItemDataOption:t=>Reflect.get(t,"data-info"),addSelectedItemInfo(t){this.resetCurrentSelectedInfo(),this.updateSelectedInfo(t),this.onValueChangeCallback(t)},removeSelectedItemInfo(){this.updateSelectedInfo(),this.onValueChangeCallback()},updateSelectedInfo(t){if(this.$data.selectedData=void 0,t){if(t.addCustomInput&&""===t.value.toString())return;this.$data.selectedData=t}},resetCurrentSelectedInfo(){this.updateSelectedInfo()},getAllSelectItems(t=!0){return Array.from(this.$el.$selectDialogContainer?.querySelectorAll(".select-item")??[]).map(e=>{const n={data:this.getItemDataOption(e),$select:e};if(t){return this.isItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},createSelectItemElement(t){const e=St.createElement("li",{className:"select-item",innerHTML:'<span class="select-item-text"></span>'});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.selectedData):t.text,o=e.querySelector(".select-item-text");o&&(t.isHTML?gt.setSafeHTML(o,n):o.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,onSelectItemClick(e,n){const o=()=>{this.setItemSelected(n),this.addSelectedItemInfo(e)};St.on(n,"click",a=>{St.preventEvent(a);const i=a.target;if(e?.addCustomInput&&i instanceof HTMLInputElement)o();else if(!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=t.clickCallBack(a,this.$data.selectedData);if("boolean"==typeof e&&!e)return}e?.addCustomInput?o():this.isItemSelected(n)?(this.removeItemSelected(n),this.removeSelectedItemInfo()):(this.setItemSelected(n),this.addSelectedItemInfo(e))}})},showInputWrapper(){St.cssShow(this.$el.$selectedInputWrapper)},hideInputWrapper(){St.cssHide(this.$el.$selectedInputWrapper,!0)},showPlaceHolderWrapper(){St.cssShow(this.$el.$selectedPlaceHolderWrapper)},hidePlaceHolderWrapper(){St.cssHide(this.$el.$selectedPlaceHolderWrapper,!0)}};o.init(),Reflect.set(n,"data-select",o),p=o}else if("horizontal"===r){const e={[Symbol.toStringTag]:"PopsPanelSelectHorizontal",$el:{$itemLeftContainer:a,$container:i,$wrapper:void 0},$data:{data:[],defaultValue:t.getValue(),selectedData:void 0,rotateKey:"data-show-option"},init(){this.initDefault(),this.initEl();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){if(this.$data.data="function"==typeof t.data?t.data():t.data,!this.$data.data.length)throw new Error("PopsPanelSelect: data is empty")},initEl(){this.$el.$container.setAttribute("data-mode",r),gt.setSafeHTML(this.$el.$container,'\n              <div class="el-select__wrapper">\n              </div>'),this.$el.$wrapper=n.querySelector(".el-select__wrapper"),this.$data.data.forEach(t=>{const e=this.createSelectItemElement(t);this.onSelectItemClick(t,e),this.$data.defaultValue===t.value&&this.addSelectedItemInfo(t),this.$el.$wrapper.appendChild(e)}),this.updateAllSelectItemStatus()},disable(){St.addClassName(this.$el.$container,"pops-panel-select-disable"),St.addClassName(this.$el.$itemLeftContainer,Ct)},cancleDisable(){St.removeClassName(this.$el.$container,"pops-panel-select-disable"),St.removeClassName(this.$el.$itemLeftContainer,Ct)},isDisabled(){return St.containsClassName(this.$el.$container,"pops-panel-select-disable")||St.containsClassName(this.$el.$itemLeftContainer,Ct)},createSelectItemElement(t){const e=St.createElement("div",{className:"select-item",innerHTML:'\n                <span class="select-item-text"></span>\n              '});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.selectedData):t.text,o=e.querySelector(".select-item-text");o&&(t.isHTML?gt.setSafeHTML(o,n):o.innerText=n)},onSelectItemClick(e,n){St.on(n,"click",o=>{if(St.preventEvent(o),!this.isDisabled()&&!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=t.clickCallBack(o,this.$data.selectedData);if("boolean"==typeof e&&!e)return}this.isItemSelected(n)?(this.removeItemSelected(n),this.removeSelectedItemInfo()):(this.setItemSelected(n),this.addSelectedItemInfo(e))}})},onValueChangeCallback(e,n=!0){n&&this.updateAllSelectItemStatus(),"function"==typeof t.callback&&t.callback(e||this.$data.selectedData)},updateAllSelectItemStatus(){this.getAllSelectItems(!1).forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),"function"==typeof e.disable&&e.disable(e.value,this.$data.selectedData)?(this.removeItemSelected(n),this.setSelectItemDisabled(n)):this.removeSelectItemDisabled(n),null!=this.$data.selectedData&&this.$data.selectedData.value===e.value?this.setItemSelected(n):this.removeItemSelected(n)})},resetAllSelectedItemStatus(){const t=this.getAllSelectItems(!0);t.length&&this.resetCurrentSelectedInfo(),t.forEach(t=>{const{data:e,$select:n}=t;this.setSelectItemText(e,t.$select),this.removeItemSelected(n),this.removeSelectItemDisabled(n)})},addSelectedItemInfo(t){this.resetCurrentSelectedInfo(),this.updateSelectedInfo(t),this.onValueChangeCallback(t)},removeSelectedItemInfo(){this.updateSelectedInfo(),this.onValueChangeCallback()},updateSelectedInfo(t){if(this.$data.selectedData=void 0,t){if(t.addCustomInput&&""===t.value.toString())return;this.$data.selectedData=t}},resetCurrentSelectedInfo(){this.updateSelectedInfo()},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,setItemSelected(t){this.isItemSelected(t)||t.classList.add("select__selected-item")},removeItemSelected(t){t.classList.remove("select__selected-item")},isItemSelected:t=>t.classList.contains("select__selected-item"),getAllSelectItems(t=!0){return Array.from(this.$el.$wrapper?.querySelectorAll(".select-item")??[]).map(e=>{const n={data:this.getItemDataOption(e),$select:e};if(t){return this.isItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},getItemDataOption:t=>Reflect.get(t,"data-info")};e.init(),Reflect.set(n,"data-select",e),p=e}return{$el:n,handler:p}},createSectionContainerItem_select_multiple(t){const e=St.createElement("li");Reflect.set(e,this.$data.nodeStoreConfigKey,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>`),gt.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 o={[Symbol.toStringTag]:"PopsPanelSelectMultiple",$el:{$itemLeftContainer: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(),selectedDataList:[],rotateKey:"data-show-option"},init(){this.initDefault(),this.inintEl(),this.initPlaceHolder(),this.initTagElement(),this.onShowSelectDialogClick();("function"==typeof t.disabled?t.disabled():t.disabled)&&this.disable()},initDefault(){t.data.forEach(t=>{this.$data.defaultValue.includes(t.value)&&this.$data.selectedDataList.push(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=St.createElement("span",{innerText:e});this.$el.$selectedPlaceHolderWrapper.appendChild(n)},initTagElement(){t.data.forEach(t=>{if(this.$data.selectedDataList.find(e=>e.value===t.value)){const e=this.createTagItem(t);this.addTagItem(e.$tag),this.onSelectItemCloseIconClick({$tag:e.$tag,$closeIcon:e.$closeIcon,value:t.value,text:t.text})}}),this.checkTagEmpty()},createTagItem(t){const e=St.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"),o=e.querySelector(".el-icon.el-tag__close"),a="function"==typeof t.text?t.text(t,this.$data.selectedDataList):t.text;return t.isHTML?gt.setSafeHTML(n,a):n.innerText=a,{$tag:e,$tagText:n,$closeIcon:o}},addTagItem(t){if(this.setSectionIsNear(),this.$el.$section.contains(this.$el.$selectedInputWrapper)){const e=this.$el.$selectedInputWrapper.previousElementSibling;e?St.after(e,t):St.before(this.$el.$selectedInputWrapper,t)}else if(this.$el.$section.contains(this.$el.$selectedPlaceHolderWrapper)){const e=this.$el.$selectedPlaceHolderWrapper.previousElementSibling;e?St.after(e,t):St.before(this.$el.$selectedPlaceHolderWrapper,t)}else this.$el.$section.appendChild(t);this.hideInputWrapper(),this.hidePlaceHolderWrapper()},updateTagItem(){this.$el.$section.querySelectorAll(".el-select__choose_tag").forEach(t=>{t.remove()}),this.initTagElement()},onValueChange(e){this.updateAllSelectItems(),"function"==typeof t.callback&&t.callback(e||this.$data.selectedDataList)},updateAllSelectItems(){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.selectedDataList)?(this.disableSelectItem(n),this.removeSelectedInfo(e,!1),this.removeItemSelected(n)):this.cancleDisableSelectItem(n);this.$data.selectedDataList.find(t=>t.value===e.value)?this.setItemSelected(n):this.removeItemSelected(n)})},setItemSelected(t){this.isItemSelected(t)||t.classList.add("select-item-is-selected")},removeItemSelected(t){t.classList.remove("select-item-is-selected")},isItemSelected:t=>t.classList.contains("select-item-is-selected"),addItemSelected(t,e){const n=this.getSelectedItemInfo(e);t.find(t=>t.value===n.value)||t.push(n),this.onValueChange(t)},getSelectedItemInfo:t=>Reflect.get(t,"data-info"),removeSelectedItemInfo(t,e){const n=this.getSelectedItemInfo(e),o=t.findIndex(t=>t.value===n.value);-1!==o&&t.splice(o,1),this.onValueChange(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.isItemSelected(e)?n:void 0}return n}).filter(t=>null!=t)},createSelectItemElement(t){const e=St.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.selectedDataList):t.text,o=e.querySelector(".select-item-text");t.isHTML?gt.setSafeHTML(o,n):o.innerText=n},disableSelectItem(t){t.setAttribute("aria-disabled","true"),t.setAttribute("disabled","true")},cancleDisableSelectItem(t){t.removeAttribute("aria-disabled"),t.removeAttribute("disabled")},isSelectItemDisabled:t=>t.hasAttribute("disabled")||t.ariaDisabled,onSelectItemClick(e,n){St.on(n,"click",o=>{if(St.preventEvent(o),!this.isSelectItemDisabled(n)){if("function"==typeof t.clickCallBack){const e=this.getAllSelectItemInfo().map(t=>t.data),n=t.clickCallBack(o,e);if("boolean"==typeof n&&!n)return}this.isItemSelected(n)?(this.removeItemSelected(n),this.removeSelectedItemInfo(e,n)):(this.setItemSelected(n),this.addItemSelected(e,n))}})},onShowSelectDialogClick(){const e=Et.panelComponents_Select;St.on(this.$el.$container,"click",()=>{if(this.isDisabled())return;const n=this.$data.selectedDataList,{style:o,...a}=t.selectConfirmDialogConfig||{},i=()=>{this.$data.selectedDataList=[...n],this.updateTagItem(),this.$el.$selectContainer=null,this.$el.$container.removeAttribute(this.$data.rotateKey)};this.$el.$container.setAttribute(this.$data.rotateKey,String(!0));const s=bt.assign({title:{text:"请勾选需要选择的选项",position:"center"},content:{text:'<ul class="select-container"></ul>',html:!0},btn:{ok:{enable:!1},close:{enable:!0,callback(t){t.close(),i()}}},mask:{enable:!0,clickCallBack(t){t(),i()},clickEvent:{toClose:!0}},drag:!0,dragLimit:!0,width:"300px",height:"auto",style:`\n                  ${e}\n\n\t\t\t\t\t\t\t\t  ${o||""}\n\t\t\t\t\t\t\t\t`},a),l=Lt.init(s).$shadowRoot.querySelector(".select-container");t.data.forEach(t=>{const e=this.createSelectItemElement(t);l.appendChild(e),this.onSelectItemClick(n,e)}),this.$el.$selectContainer=l,this.updateAllSelectItems()})},onSelectItemCloseIconClick(e){St.on(e.$closeIcon,"click",n=>{if(St.preventEvent(n),!this.isDisabled()){if("function"==typeof t.closeIconClickCallBack){const o=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 o&&!o)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.selectedDataList.length;e++){if(this.$data.selectedDataList[e].value===t.value){this.$data.selectedDataList.splice(e,1);break}}e&&this.onValueChange()},showInputWrapper(){St.cssShow(this.$el.$selectedInputWrapper)},hideInputWrapper(){St.cssHide(this.$el.$selectedInputWrapper,!0)},showPlaceHolderWrapper(){St.cssShow(this.$el.$selectedPlaceHolderWrapper)},hidePlaceHolderWrapper(){St.cssHide(this.$el.$selectedPlaceHolderWrapper,!0)},setSectionIsNear(){this.$el.$section.classList.add("is-near")},removeSectionIsNear(){this.$el.$section.classList.remove("is-near")},disable(){St.addClassName(this.$el.$itemLeftContainer,Ct),St.addClassName(this.$el.$container,"pops-panel-select-disable")},isDisabled(){return St.containsClassName(this.$el.$container,"pops-panel-select-disable")},cancleDisable(){St.removeClassName(this.$el.$itemLeftContainer,Ct),St.removeClassName(this.$el.$container,"pops-panel-select-disable")}};return o.init(),Reflect.set(e,"data-select-multiple",o),{$el:e,handler:o}},createSectionContainerItem_button(t){const n=St.createElement("li");Reflect.set(n,this.$data.nodeStoreConfigKey,t),this.setElementClassName(n,t.className),this.setElementAttributes(n,t.attributes),this.setElementProps(n,t.props);let o="";t.description&&(o=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`),gt.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>${o}</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 a={[Symbol.toStringTag]:"PopsPanelButton",$ele:{panelButton:n.querySelector(".pops-panel-button"),button:n.querySelector(".pops-panel-button .pops-panel-button_inner"),icon:n.querySelector(".pops-panel-button .pops-bottom-icon"),spanText:n.querySelector(".pops-panel-button .pops-panel-button-text")},$data:{},init(){this.$ele.panelButton.appendChild(this.$ele.button),this.initButton(),this.onButtonClick()},initButton(){"string"==typeof t.buttonIcon&&""!==t.buttonIcon.trim()?(e.hasIcon(t.buttonIcon)?this.setIconSVG(e.getIcon(t.buttonIcon)):this.setIconSVG(t.buttonIcon),this.showIcon()):this.hideIcon();let n=t.buttonText;"function"==typeof t.buttonText&&(n=t.buttonText()),this.setButtonType(t.buttonType),t.buttonIsRightIcon?this.setIconRight():this.setIconLeft(),t.disable&&this.disable(),this.setButtonText(n),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){gt.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){gt.setSafeHTML(this.$ele.spanText,t)},onButtonClick(){St.on(this.$ele.button,"click",e=>{"function"==typeof t.callback&&t.callback(e)})}};return a.init(),Reflect.set(n,"data-button",a),{$el:n,handler:a}},createSectionContainerItem_deepMenu(t){const n=this,o=St.createElement("li");St.addClassName(o,"pops-panel-deepMenu-nav-item"),Reflect.set(o,this.$data.nodeStoreConfigKey,t),this.setElementClassName(o,t.className),this.setElementAttributes(o,t.attributes),this.setElementProps(o,t.props);let a="";t.description&&(a=`<p class="pops-panel-item-left-desc-text">${t.description}</p>`);let i="";("boolean"!=typeof t.arrowRightIcon||t.arrowRightIcon)&&(i=`<i class="pops-panel-deepMenu-arrowRight-icon">${e.getIcon("arrowRight")}</i>`);let s="";t.rightText&&(s=`<p class="pops-panel-item-right-text">${t.rightText}</p>`),gt.setSafeHTML(o,`\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>${a}</div>\n\t\t\t\t<div class="pops-panel-deepMenu">${s}${i}</div>\n\t\t\t\t`);const l={[Symbol.toStringTag]:"PopsPanelDeepMenu",$ele:{get parentSection(){return n.$el.$panelContentSectionContainer}},init(){this.onLiClick()},initContainerItem(e,o){const a=o;if("container"===a.type){const i=a.views,s=St.createElement("li"),l=St.createElement("ul");l.classList.add("pops-panel-forms-container-item-formlist"),s.classList.add("pops-panel-forms-container-item");const r=St.createElement("div",{className:"pops-panel-forms-container-item-header-text"});gt.setSafeHTML(r,a.text),a.isFold?(gt.setSafeHTML(r,`\n\t\t\t\t\t\t\t\t<p>${a.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`),St.on(r,"click",()=>{s.hasAttribute("data-fold-enable")?s.removeAttribute("data-fold-enable"):s.setAttribute("data-fold-enable","")}),St.addClassName(r,"pops-panel-forms-fold-container"),St.addClassName(r,At),s.setAttribute("data-fold-enable",""),St.addClassName(r,"pops-panel-forms-fold"),s.appendChild(r)):s.appendChild(r),n.setElementClassName(s,o.className),n.setElementAttributes(s,o.attributes),n.setElementProps(s,o.props),s.appendChild(l),e.appendChild(s),i.forEach(t=>{n.uListContainerAddItem(t,{ulElement:l,sectionContainerULElement:n.sectionContainerULElement,formContainerListElement:s,formHeaderDivElement:r})}),"function"==typeof a.afterAddToUListCallBack&&a.afterAddToUListCallBack(t,{target:s,ulElement:l,sectionContainerULElement:n.sectionContainerULElement,formContainerListElement:s,formHeaderDivElement:r})}else n.uListContainerAddItem(t,{ulElement:n.sectionContainerULElement})},async gotoDeepMenu(o,a){const i=a.closest("section.pops-panel-container"),s=St.createElement("section",{className:"pops-panel-container pops-panel-deepMenu-container"});Reflect.set(s,n.$data.nodeStoreConfigKey,t);const l=St.createElement("ul",{className:"pops-panel-container-header-ul pops-panel-deepMenu-container-header-ul"}),r=St.createElement("ul",{className:"pops-panel-container-main-ul"}),p=t.headerTitle??t.text,c=St.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=St.createElement("i",{className:"pops-panel-deepMenu-container-left-arrow-icon",innerHTML:e.getIcon("arrowLeft")}),u={duration:220,easing:"ease-in-out"},f=()=>{if(St.cssHide(i,!0),St.on(d,"click",async t=>{St.preventEvent(t);const e=()=>{const t=i;St.cssShow(t),s.remove()};if(n.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(e);await t.ready,await Promise.all([s.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],u).finished,i.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],u).finished]),await t.finished}else e();n.emitRenderRightContainer(i)},{once:!0}),St.before(c.firstElementChild,d),l.appendChild(c),s.appendChild(l),s.appendChild(r),t.views&&Array.isArray(t.views))for(let e=0;e<t.views.length;e++){const n=t.views[e];this.initContainerItem(r,n)}n.$el.$panelRightSectionWrapper.appendChild(s)};if(n.$config.useDeepMenuSwtichAnimation&&document.startViewTransition){const t=document.startViewTransition(f);await t.ready,await s.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],u).finished,await t.finished}else f();"function"==typeof t.afterEnterDeepMenuCallBack&&t.afterEnterDeepMenuCallBack(t,{$sectionContainer:s,$sectionContainerHeaderContainer:l,$sectionContainerHeader:c,$sectionBodyContainer:r}),n.emitRenderRightContainer(s)},onLiClick(){St.on(o,"click",async e=>{if("function"==typeof t.clickCallBack){if(await t.clickCallBack(e,t))return}await this.gotoDeepMenu(e,o)})}};return l.init(),Reflect.set(o,"data-deepMenu",l),{$el:o,handler:l}},createSectionContainerItem_own(t){let e=St.createElement("li");return Reflect.set(e,this.$data.nodeStoreConfigKey,t),this.setElementClassName(e,t.className),this.setElementAttributes(e,t.attributes),this.setElementProps(e,t.props),e=t.createLIElement(e),{$el:e}},createSectionContainerItem(t){const e=t.type;return"switch"===e?this.createSectionContainerItem_switch(t):"slider"===e?this.createSectionContainerItem_slider(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(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("container"===n.type){const o=t.views,a=St.createElement("li"),i=St.createElement("ul");a.classList.add("pops-panel-forms-container-item"),i.classList.add("pops-panel-forms-container-item-formlist");const s=St.createElement("div",{className:"pops-panel-forms-container-item-header-text"});gt.setSafeHTML(s,n.text),n.isFold?(gt.setSafeHTML(s,`\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`),St.on(s,"click",()=>{a.hasAttribute("data-fold-enable")?a.removeAttribute("data-fold-enable"):a.setAttribute("data-fold-enable","")}),St.addClassName(s,"pops-panel-forms-fold-container"),St.addClassName(s,At),a.setAttribute("data-fold-enable",""),St.addClassName(a,"pops-panel-forms-fold"),a.appendChild(s)):a.appendChild(s),e.setElementClassName(a,t.className),e.setElementAttributes(a,t.attributes),e.setElementProps(a,t.props),o.forEach(t=>{e.uListContainerAddItem(t,{ulElement:i,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:a,formHeaderDivElement:s})}),a.appendChild(i),e.sectionContainerULElement.appendChild(a),"function"==typeof n.afterAddToUListCallBack&&n.afterAddToUListCallBack(n,{target:a,ulElement:i,sectionContainerULElement:e.sectionContainerULElement,formContainerListElement:a,formHeaderDivElement:s})}else e.uListContainerAddItem(t,{ulElement:e.sectionContainerULElement})},emitRenderRightContainer(t){const e=Reflect.get(t,this.$data.nodeStoreConfigKey);this.$el.$pops.dispatchEvent(new CustomEvent("pops:renderRightContainer",{detail:{viewConfig:e}}))},uListContainerAddItem(t,e){const n=this.createSectionContainerItem(t);n&&e.ulElement.appendChild(n.$el),"function"==typeof t.afterAddToUListCallBack&&t.afterAddToUListCallBack(t,{...e,target:n?.$el})},onAsideItemClick(t,e){St.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 o=Reflect.get(t,"__forms__");Reflect.set(this.$el.$panelContentSectionContainer,this.$data.nodeStoreConfigKey,o),St.cssShow(this.$el.$panelContentSectionContainer),this.clearAsideItemIsVisited(),this.setAsideItemIsVisited(t);const a="function"==typeof e.title?e.title():e.title;let i="function"==typeof e.headerTitle?e.headerTitle():e.headerTitle;if(i=i??a,"string"==typeof i&&""!==i.trim()){const t=St.createElement("li");t.classList.add("pops-panel-container-header-title-text"),Reflect.set(t,"__asideConfig__",e),gt.setSafeHTML(t,i),this.sectionContainerHeaderULElement.appendChild(t)}if(o.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.emitRenderRightContainer(this.$el.$panelContentSectionContainer)})}}),Kt={init(e){const n=bt.getRandomGUID(),o="panel";let a={title:{text:"默认标题",position:"center",html:!1,style:""},content:[{id:"whitesev-panel-config-1",title:"菜单配置1",headerTitle:"菜单配置1",isDefault:!0,attributes:{"data-test":"test","data-test-2":"test2"},views:[{className:"forms-1",text:"区域设置",type:"container",views:[{className:"panel-switch",text:"switch",type:"switch",disabled:!1,description:"",getValue:()=>!0,callback(t,e){console.log("按钮开启状态：",e)}},{className:"panel-slider",text:"slider",type:"slider",description:"",disabled:!1,getToolTipContent:t=>String(t),isShowHoverTip:!0,step:1,getValue:()=>50,callback(t,e){console.log("滑块当前数值：",e)},min:1,max:100},{className:"panel-button",text:"button",type:"button",description:"",disable:!1,buttonIsRightIcon:!1,buttonIcon:"view",buttonIconIsLoading:!0,buttonType:"default",buttonText:"default按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{id:"whitesev-panel-config-2",title:"菜单配置2",headerTitle:"菜单配置2",isDefault:!1,attributes:{"data-value":"value","data-value-2":"value2"},views:[{className:"panel-input",text:"input",type:"input",getValue:()=>"50",callback(t,e){St.preventEvent(t),console.log("输入框内容改变：",e)},placeholder:"请输入内容"},{className:"panel-input-number",text:"input-number",type:"input",inputType:"number",getValue:()=>"50",callback(t,e,n){if(St.preventEvent(t),console.log("输入框内容改变：",n),n>60)return{valid:!1,message:"输入值不能大于60，当前："+e}},placeholder:"请输入内容"},{className:"panel-input-password",text:"input-password",type:"input",inputType:"password",placeholder:"请输入密码",getValue:()=>"123456",callback(t,e){St.preventEvent(t),console.log("密码输入框内容改变：",e)}},{className:"panel-input-file",text:"input-file",type:"input",inputType:"file",getValue:()=>"",callback(t,e){St.preventEvent(t),console.log("内容改变：",e)},placeholder:"请输入密码"},{className:"panel-input-date",text:"input-date",type:"input",inputType:"date",placeholder:"请输入内容",getValue(){const t=new Date;let e=t.getHours().toString(),n=t.getMinutes().toString();return 1===e.length&&(e=`0${e}`),1===n.length&&(n=`0${n}`),`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`},callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)}},{className:"panel-input-datetime-local",text:"input-datetime-local",type:"input",inputType:"datetime-local",getValue(){const t=new Date;let e=t.getHours().toString(),n=t.getMinutes().toString();return 1===e.length&&(e=`0${e}`),1===n.length&&(n=`0${n}`),`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}T${e}:${n}`},callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-time",text:"input-time",type:"input",inputType:"time",getValue:()=>"11:30",callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-month",text:"input-month",type:"input",inputType:"month",getValue(){const t=new Date;return`${t.getFullYear()}-${t.getMonth()+1}`},callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-week",text:"input-week",type:"input",inputType:"week",getValue:()=>`${(new Date).getFullYear()}-W01`,callback(t,e,n,o){St.preventEvent(t),console.log("输入框内容改变：",e,n,o)},placeholder:"请输入内容"},{className:"panel-input-search",text:"input-search",type:"input",inputType:"search",getValue:()=>"search test",callback(t,e){St.preventEvent(t),console.log("输入框内容改变：",e)},placeholder:"请输入内容"},{className:"panel-input-color",text:"input-color",type:"input",inputType:"color",getValue:()=>"#ff0000",callback(t,e){St.preventEvent(t),console.log("输入框内容改变：",e)},placeholder:"请输入内容"},{className:"panel-input-email",text:"input-email",type:"input",inputType:"email",getValue:()=>"test@gmail.com",callback(t,e){St.preventEvent(t);const n=t.target;console.log("输入框内容改变：",e,n.validity)},placeholder:"请输入内容"},{className:"panel-input-tel",text:"input-tel",type:"input",inputType:"tel",getValue:()=>"11111111111",callback(t,e){St.preventEvent(t);const n=t.target;console.log("输入框内容改变：",e,n.validity)},placeholder:"请输入内容"},{className:"panel-input-url",text:"input-url",type:"input",inputType:"url",getValue:()=>"https://github.com/",callback(t,e){St.preventEvent(t);const n=t.target;console.log("输入框内容改变：",e,n.validity)},placeholder:"请输入内容"},{className:"panel-textarea",text:"textarea",type:"textarea",getValue:()=>"50",callback(t,e){St.preventEvent(t),console.log("textarea输入框内容改变：",e)},placeholder:"请输入内容"},{type:"container",text:"",views:[{className:"panel-select-disabled",text:"select-disabled",type:"select",disabled:!0,getValue:()=>"text",callback(t){null!=t&&console.log(`select当前选项：${t.value}，当前选项文本：${t.text}`)},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:()=>!1},{value:"html",text:"超文本",disable:()=>!1}]},{className:"panel-select-multiple-disabled",type:"select-multiple",text:"select-multiple-disabled",disabled:!0,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},{value:"select-2",text:"单选2",isHTML:!1},{value:"select-3",text:"单选3",isHTML:!1},{value:"select-4",text:"单选4",isHTML:!1}]},{className:"panel-select-native",text:"select-native",type:"select",mode:"native",getValue:()=>"all",callback(t){null!=t&&console.log(`select当前选项：${t.value}，当前选项文本：${t.text}`)},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:()=>!1},{value:"html",text:"超文本",disable:()=>!1}]},{className:"panel-select-dialog",text:"select-dialog",type:"select",mode:"dialog",getValue:()=>window.localStorage.getItem("select-dialog-customInput")||"",callback(t){null!=t?t.addCustomInput?""===t.value?t.customInputStoreKey&&(console.log("select删除自定义输入的值"),window.localStorage.removeItem(t.customInputStoreKey)):(console.log(`select当前自定义输入框内容：${t.value}，当前选项显示文本：${t.text}`),t.customInputStoreKey&&window.localStorage.setItem(t.customInputStoreKey,t.value)):console.log(`select当前选项：${t.value}，当前选项显示文本：${t.text}`):console.warn("select当前选项为空")},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:(t,e)=>"all"===e?.value},{value:"html",text:"超文本",disable:(t,e)=>"all"===e?.value},{value:"own",text:"自定义",disable:(t,e)=>"all"===e?.value},{value:window.localStorage.getItem("select-dialog-customInput")||"",text:window.localStorage.getItem("select-dialog-customInput")||"",addCustomInput:!0,customInputStoreKey:"select-dialog-customInput",onValid:t=>"123"===t.value?(console.error("非规范值"),{valid:!1,message:"非规范值"}):{valid:!0}}]},{className:"panel-select-horizontal",text:"select-horizontal",type:"select",mode:"horizontal",getValue:()=>"text",callback(t){null!=t&&console.log(`select当前选项：${t.value}，当前选项文本：${t.text}`)},data:[{value:"all",text:"所有",disable:()=>!1},{value:"text",text:"文本",disable:()=>!1},{value:"html",text:"超文本",disable:()=>!1},{value:"own",text:"自定义",disable:()=>!0}]},{className:"panel-select-multiple",type:"select-multiple",text:"select-multiple",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:"container",text:"deep菜单",views:[{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)},views:[{className:"forms-1",text:"区域设置",type:"container",views:[{className:"panel-switch",text:"switch",type:"switch",getValue:()=>!0,callback(t,e){console.log("按钮开启状态：",e)}},{className:"panel-slider",text:"slider",type:"slider",getValue:()=>50,callback(t,e){console.log("滑块当前数值：",e)},min:1,max:100},{className:"panel-button",text:"button",type:"button",buttonIcon:"eleme",buttonIconIsLoading:!0,buttonType:"warning",buttonText:"warning按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"chromeFilled",buttonIconIsLoading:!0,buttonType:"danger",buttonText:"danger按钮",callback(t){console.log("点击按钮",t)}},{className:"panel-button",text:"button",type:"button",buttonIcon:"upload",buttonIconIsLoading:!1,buttonType:"info",buttonText:"info按钮",callback(t){console.log("点击按钮",t)}}]}]},{type:"deepMenu",className:"panel-deepMenu2",text:"deepMenu2",description:"二级菜单",rightText:"自定义配置",arrowRightIcon:!0,afterAddToUListCallBack(t,e){console.log(t,e)},clickCallBack(t,e){console.log("进入子配置",t,e)},views:[]}]},{type:"container",isFold:!0,text:"折叠菜单",afterAddToUListCallBack(t,e){console.log(t,e)},views:[{className:"panel-switch",text:"switch",type:"switch",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"},views:[],clickFirstCallback:function(){return!1}},{id:"whitesev-panel-bottom-config-2",title:"版本：xxx.xx.xx",isBottom:!0,attributes:{"data-value":"value","data-value-2":"value2"},views:[],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(){}};a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"panelCSS",css:Et.panelCSS}]);const l=Bt.handleZIndex(a.zIndex),r=kt.createMask(n,l),p=kt.createHeader(o,a),{headerStyle:c,headerPStyle:d}=kt.createHeaderStyle(o,a),u=kt.createAnim(n,o,a,`\n\t\t\t<div class="pops-title pops-${o}-title" style="text-align: ${a.title.position};${c}">${a.title.html?a.title.text:`<p pops class="pops-${o}-title-text" class="pops-${o}-title-text" style="${d}">${a.title.text}</p>`}${p}</div>\n\t\t\t<div class="pops-content pops-${o}-content">\n\t\t\t\t<aside class="pops-${o}-aside pops-user-select-none">\n\t\t\t\t\t<ul class="pops-${o}-aside-top-container"></ul>\n\t\t\t\t\t<ul class="pops-${o}-aside-bottom-container"></ul>\n\t\t\t\t</aside>\n\t\t\t\t<div class="pops-${o}-section-wrapper">\n\t\t\t\t\t<section class="pops-${o}-container">\n\t\t\t\t\t\t<ul class="pops-${o}-container-header-ul"></ul>\n\t\t\t\t\t\t<ul class="pops-${o}-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-${o}-bottom-wrapper">\n        <section class="pops-${o}-bottom-container">\n          <ul class="pops-${o}-bottom-left-container"></ul>\n          <ul class="pops-${o}-bottom-right-container"></ul>\n        </section>\n      </div>\n      `,"",l),f=kt.parseElement(u),{$pops:m,$headerBtnClose:h,$title:b,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:$}=Bt.handleQueryElement(f,o);let S;(a.isMobile||bt.isPhone())&&St.addClassName(m,a.mobileClassName);const k=[f];if(a.mask.enable){S=Bt.handleMask({type:o,guid:n,config:a,animElement:f,maskHTML:r}).maskElement,k.push(S)}const E=Bt.handleEventConfig(a,n,i,s,o,f,m,S),T=Bt.handleResultConfig(E);Bt.handleClickEvent("close",h,E,a.btn?.close?.callback),St.append(s,k),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(s,i),St.appendBody(i),null!=S&&f.after(S);return Ft().init({config:a,$el:{$pops:m,$content:g,$panelRightSectionWrapper:v,$panelLeftAside:x,$panelContentSectionContainer:y,$panelBottomWrapper:w,$panelBottomContainer:A,$panelBottomLeftContainer:C,$panelBottomRightContainer:$}}),Bt.handlePush(o,{guid:n,$anim:f,$pops:m,$mask:S,$shadowContainer:i,$shadowRoot:s,config:a,destory:T.close}),a.drag&&Mt.drag(m,{dragElement:b,limit:a.dragLimit,extraDistance:a.dragExtraDistance,moveCallBack:a.dragMoveCallBack,endCallBack:a.dragEndCallBack}),{...T,addEventListener:(t,e,n)=>{m.addEventListener(t,e,n)},removeEventListener:(t,e,n)=>{m.removeEventListener(t,e,n)}}}},Yt={init(e){const n=bt.getRandomGUID(),o="prompt";let a={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(){}};a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),a=Bt.handleOnly(o,a);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);Bt.handleInit(s,[{name:"index",css:Et.index},{name:"ninePalaceGridPosition",css:Et.ninePalaceGridPosition},{name:"scrollbar",css:Et.scrollbar},{name:"button",css:Et.button},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"promptCSS",css:Et.promptCSS}]);const l=Bt.handleZIndex(a.zIndex),r=kt.createMask(n,l),p=kt.createHeader(o,a),c=kt.createBottom(o,a),{headerStyle:d,headerPStyle:u}=kt.createHeaderStyle(o,a),{contentPStyle:f}=kt.createContentStyle(o,a),m=kt.createAnim(n,o,a,`\n            <div class="pops-title pops-${o}-title" style="text-align: ${a.title.position};${d}">${a.title.html?a.title.text:`<p pops class="pops-${o}-title-text" style="${u}">${a.title.text}</p>`}${p}</div>\n            <div class="pops-content pops-${o}-content" style="${f}">${a.content.row?'<textarea name="pops-input-text" pops="" placeholder="'+a.content.placeholder+'"></textarea>':'<input name="pops-input-text" pops="" placeholder="'+a.content.placeholder+'" type="'+(a.content.password?"password":"text")+'">'}</div>${c}`,c,l),h=kt.parseElement(m),{$pops:b,$input:g,$headerBtnClose:v,$btnOk:x,$btnCancel:y,$btnOther:w,$title:A}=Bt.handleQueryElement(h,o);let C;const $=[h];if(a.mask.enable){C=Bt.handleMask({type:o,guid:n,config:a,animElement:h,maskHTML:r}).maskElement,$.push(C)}const S=Bt.handleEventConfig(a,n,i,s,o,h,b,C),k=Bt.handleResultConfig(S);return g.value=a.content.text,Bt.handlePromptClickEvent("close",g,v,S,a.btn.close.callback),Bt.handlePromptClickEvent("ok",g,x,S,a.btn.ok.callback),Bt.handlePromptClickEvent("cancel",g,y,S,a.btn.cancel.callback),Bt.handlePromptClickEvent("other",g,w,S,a.btn.other.callback),St.append(s,$),"function"==typeof a.beforeAppendToPageCallBack&&a.beforeAppendToPageCallBack(s,i),St.appendBody(i),null!=C&&h.after(C),Bt.handlePush(o,{guid:n,$anim:h,$pops:b,$mask:C,$shadowContainer:i,$shadowRoot:s,config:a,destory:k.close}),a.drag&&Mt.drag(b,{dragElement:A,limit:a.dragLimit,extraDistance:a.dragExtraDistance,moveCallBack:a.dragMoveCallBack,endCallBack:a.dragEndCallBack}),a.content.focus&&g.focus(),a.content.select&&g.select(),k}},Gt=()=>({$target:document.documentElement,targetSelector:null,position:"fixed",data:[{icon:e.getIcon("search"),iconIsLoading:!1,text:"搜索",item:[],callback(t,e,n){console.log("点击："+this.text,[t,e,n])}},{icon:e.getIcon("documentCopy"),iconIsLoading:!1,text:"复制",item:[],callback(t,e,n){console.log("点击："+this.text,[t,e,n])}},{icon:e.getIcon("delete"),text:"删除",iconIsLoading:!1,item:[],callback(t,e,n){console.log("点击："+this.text,[t,e,n])}},{icon:e.getIcon("loading"),iconIsLoading:!0,text:"加载",item:[],callback(t,e,n){return console.log("点击："+this.text,[t,e,n]),!1}},{icon:e.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){return console.log("点击："+this.text,[t,e,n]),!1},item:[{icon:e.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(){},limitPositionXInView:!0,limitPositionYInView:!0,beforeShowCallBack(){}}),Qt={init(n){const o=bt.getRandomGUID(),a="rightClickMenu";let i=Gt();i=bt.assign(i,t.getGlobalConfig()),i=bt.assign(i,n),i=Bt.handleOnly(a,i);const{$shadowContainer:l,$shadowRoot:r}=Bt.handlerShadow(i);if(Bt.handleInit(r,[{name:"index",css:Et.index},{name:"anim",css:Et.anim},{name:"common",css:Et.common},{name:"rightClickMenu",css:Et.rightClickMenu}]),null!=i.style){const t=St.createElement("style",{innerHTML:i.style},{type:"text/css"});r.appendChild(t)}const p={$data:{menuDataKey:"data-menu"},$el:{$root:null},windowCheckClickEvent(t){if(!p.$el.$root)return;const e=t.target;e.closest(`.pops-${a}`)||(e.className&&"pops-shadow-container"===e.className&&null!=e.shadowRoot?p.shadowRootCheckClickEvent(t):p.closeAllMenu(p.$el.$root))},shadowRootCheckClickEvent(t){if(!p.$el.$root)return;t.composedPath()[0].closest(`.pops-${a}`)||p.closeAllMenu(p.$el.$root)},addWindowCheckClickListener(){if(St.on(globalThis,"click touchstart",p.windowCheckClickEvent,{capture:!0}),i.$target instanceof Node){const t=i.$target.getRootNode();t instanceof ShadowRoot&&St.on(t,"click touchstart",p.shadowRootCheckClickEvent,{capture:!0})}},removeWindowCheckClickListener(){if(St.off(globalThis,"click touchstart",p.windowCheckClickEvent,{capture:!0}),i.$target instanceof Node){const t=i.$target.getRootNode();t instanceof ShadowRoot&&St.off(t,"click touchstart",p.windowCheckClickEvent,{capture:!0})}},async contextMenuEvent(t,e){i.preventDefault&&St.preventEvent(t),Bt.handleOnly(a,i),p.$el.$root&&p.closeAllMenu(p.$el.$root),e=e??i.$target;const n=await(i?.beforeShowCallBack(t));if("boolean"==typeof n&&!n)return;const s=p.showMenu(t,i.data,e);p.$el.$root=s,i.only&&Bt.handlePush(a,{$shadowRoot:r,$shadowContainer:l,guid:o,$anim:s,$pops:s,beforeRemoveCallBack(t){p.closeAllMenu(t.$pops)},config:i,destory:()=>{p.closeAllMenu(s)}})},addContextMenuEvent(t,e){St.on(t,"contextmenu",e,p.contextMenuEvent)},removeContextMenuEvent(t,e){St.off(t,"contextmenu",e,p.contextMenuEvent)},animationCloseMenu(t){const e=n=>{St.off(t,St.getTransitionEndNameList(),e,{capture:!0}),t.remove()};St.containsClassName(t,`pops-${a}-anim-show`)?(St.on(t,St.getTransitionEndNameList(),e,{capture:!0}),St.removeClassName(t,`pops-${a}-anim-show`)):St.containsClassName(t,`pops-${a}-anim-scale`)&&St.containsClassName(t,`pops-${a}-anim-scale-open`)?(St.on(t,St.getTransitionEndNameList(),e,{capture:!0}),St.removeClassName(t,`pops-${a}-anim-scale-open`),St.addClassName(t,`pops-${a}-anim-scale-not-open`)):t.remove()},closeAllMenu(t){if(null==t)return;const e=Reflect.get(t,p.$data.menuDataKey);e?.root&&(t=e.root);e.child.forEach(t=>{this.animationCloseMenu(t)}),this.animationCloseMenu(t),p.$el.$root=null},createMenuContainerElement(t){const e=St.createElement("div",{className:`pops-${a}`,innerHTML:`<ul class="pops-${a}-wrapper"></ul>`},{"data-position":i.position}),n=this.getMenuZIndex();return n>1e4&&(e.style.zIndex=n.toString()),t&&e.setAttribute("is-children","true"),i.isAnimation&&St.addClassName(e,`pops-${a}-anim-grid`),i.useScaleAnimation&&(St.addClassName(e,`pops-${a}-anim-scale`),St.addClassName(e,`pops-${a}-anim-scale-not-open`)),e},getMenuZIndex:()=>Bt.handleZIndex(i.zIndex),getOffset(t,e,n){const o={top:0,right:0,bottom:0,left:0},a=St.width(t),s=St.height(t);let l=St.width(globalThis)-1,r=St.height(globalThis)-1;"absolute"===i.position&&(l+=globalThis.scrollX,r+=globalThis.scrollY);const p=l-a,c=r-s,d=i.chileMenuLeftOrRightDistance,u=i.childMenuTopOrBottomDistance;let f=e.x,m=e.y;if(f=f<0?0:f,m=m<0?0:m,i.limitPositionXInView&&f+d>=p){if(n){f=l-St.offset(n.$menu).left-d+1}else f=1+d;f<0?f=0:f>p&&(f=p),o.right=f,Reflect.deleteProperty(o,"left")}else f+=d,o.left=f,Reflect.deleteProperty(o,"right");if(i.limitPositionYInView&&m+u>=c){if(n){m=r-St.offset(n.$parentItem,!1).bottom-u+1}else m=1+u;m<0?m=1:m>c&&(m=c),o.bottom=m,Reflect.deleteProperty(o,"top")}else m+=u,o.top=m,Reflect.deleteProperty(o,"bottom");return o},showMenu(t,e,n){const o=this.createMenuContainerElement(!1);return Reflect.set(o,p.$data.menuDataKey,{child:[]}),p.addMenuLiELement(t,o,o,e,n),St.append(r,o),document.contains(l)||("function"==typeof i.beforeAppendToPageCallBack&&i.beforeAppendToPageCallBack(r,l),St.appendBody(l)),this.handlerShowMenuCSS(o,t),o},showClildMenu(t,e,n,o,a,i){const s=this.createMenuContainerElement(!0);Reflect.set(s,p.$data.menuDataKey,{parent:a,root:o});Reflect.get(o,p.$data.menuDataKey).child.push(s),p.addMenuLiELement(t,o,s,n,i),St.append(r,s);const l=a.closest(".pops-rightClickMenu");return this.handlerShowMenuCSS(s,e,{$menu:l,$parentItem:a}),s},handlerShowMenuCSS(t,e,n){const o=this.getOffset(t,{x:e.clientX,y:e.clientY},n);St.css(t,{...o}),i.isAnimation&&St.addClassName(t,`pops-${a}-anim-show`),i.useScaleAnimation&&(St.removeClassName(t,`pops-${a}-anim-scale-not-open`),St.addClassName(t,`pops-${a}-anim-scale-open`))},addMenuLiELement(t,n,o,i,l){const c=t.target,d=o.querySelector("ul");i.forEach(o=>{const i=St.parseTextToDOM("<li></li>");if("string"==typeof o.icon&&""!==o.icon.trim()){const t=e.getIcon(o.icon)??o.icon,n=St.parseTextToDOM(`<i class="pops-${a}-icon" is-loading="${o.iconIsLoading??!1}">${t}</i>`);i.appendChild(n)}const u="function"==typeof o.text?o.text():o.text;i.insertAdjacentHTML("beforeend",gt.getSafeHTML(`<span>${u}</span>`)),o.item&&Array.isArray(o.item)&&St.addClassName(i,`pops-${a}-item`);let f=!1;St.on(i,"mouseenter touchstart",function(e){if("touchstart"===e.type&&(f=!0),f&&"mouseenter"===e.type)return;Array.from(d.children).forEach(t=>{St.removeClassName(t,`pops-${a}-is-visited`);const e=Reflect.get(t,p.$data.menuDataKey);e&&function t(e){e&&(e.querySelectorAll("ul li").forEach(e=>{const n=Reflect.get(e,p.$data.menuDataKey);n?.child&&t(n.child)}),e.remove())}(e.child)});const s=Reflect.get(n,p.$data.menuDataKey);for(let t=0;t<s.child.length;t++){const e=s.child[t];r.contains(e)||(s.child.splice(t,1),t--)}if(St.addClassName(i,`pops-${a}-is-visited`),!o.item)return;const c=i.getBoundingClientRect(),u=p.showClildMenu(t,{clientX:c.left+St.outerWidth(i),clientY:c.top},o.item,n,i,l);Reflect.set(i,p.$data.menuDataKey,{child:u})}),St.on(i,"click",async function(e){if("function"==typeof o.callback){try{s.Object.defineProperty(t,"target",{get:()=>c})}catch{}const n=await o.callback(e,t,i,l);if("boolean"==typeof n&&0==n)return}Array.from(d.children).forEach(t=>{St.off(t,"mouseenter touchstart")}),p.closeAllMenu(n)}),d.appendChild(i)})}};return p.addContextMenuEvent(i.$target,i.targetSelector),p.addWindowCheckClickListener(),{guid:o,config:i,addWindowCheckClickListener:p.addWindowCheckClickListener,removeWindowCheckClickListener:p.removeWindowCheckClickListener,addContextMenuEvent:p.addContextMenuEvent,removeContextMenuEvent:p.removeContextMenuEvent,removeInitEventListener:{contextMenu(){p.removeContextMenuEvent(i.$target,i.targetSelector)},windowClick(){p.removeWindowCheckClickListener()}},PopsContextMenu:p}}},Xt={init(e){const n=bt.getRandomGUID(),o="searchSuggestion";let a=(()=>{const t=[];for(let e=0;e<10;e++)t.push({value:`测试${e}`,enableDeleteButton:!0,deleteButtonClickCallback(t,e,n,o){const a=n.value;return console.log("删除当前项："+a,[t,e,n,o]),!0},itemView:t=>`${t.value}-html`,clickCallback(t,n,o,a){const i=e%2==0,s=o.value;return i?console.log("item项的点击回调,更新input内的值："+s,[t,n,o,a,s]):console.log("item项的点击回调："+s,[t,n,o,a,s]),i},selectCallback(t,e,n,o){const a=n.value;console.log("item项的选中回调："+a,[t,e,n,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:""}})();a=bt.assign(a,t.getGlobalConfig()),a=bt.assign(a,e),null==a.$inputTarget&&(a.$inputTarget=a.$target);const{$shadowContainer:i,$shadowRoot:s}=Bt.handlerShadow(a);if(Bt.handleInit(s,[{name:"index",css:Et.index},{name:"anim",css:Et.anim},{name:"common",css:Et.common}]),null!=a.style){const t=St.createElement("style",{type:"text/css",innerHTML:a.style});s.appendChild(t)}const l={capture:!0,passive:!0},r={selfDocument:a.$selfDocument,$el:{root:null,$dropdownWrapper:null,$dropdownContainer:null,$arrow:null,$dynamicCSS:null},$evt:{offInputChangeEvtHandler:[]},$data:{isEmpty:!0,storeNodeHandlerKey:"data-SearchSuggestion"},init(t=document.body||document.documentElement){r.initEl(),r.update(r.getData()),r.updateStyleSheet(),r.hide(),s.appendChild(r.$el.root),t.appendChild(i)},initEl(){r.$el.root=r.createSearchSelectElement(),Reflect.set(r.$el.root,this.$data.storeNodeHandlerKey,r),r.$el.$dynamicCSS=r.$el.root.querySelector("style[data-dynamic]"),r.$el.$dropdownWrapper=r.$el.root.querySelector(`.pops-${o}-search-suggestion-dropdown-wrapper`),r.$el.$dropdownContainer=r.$el.root.querySelector(`ul.pops-${o}-search-suggestion-dropdown-container`),r.$el.$arrow=r.$el.root.querySelector(`.pops-${o}-search-suggestion-arrow`)},getData:()=>"function"==typeof a.data?a.data():a.data,setData(t){a.data=t},createSearchSelectElement(){const t=St.createElement("div",{className:`pops pops-${o}-search-suggestion`,innerHTML:`\n\t\t\t\t\t\t<style type="text/css">\n\t\t\t\t\t\t\t.pops-${o}-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-${o}-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-${o}-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-${o}-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-${o}-search-suggestion[data-popper-placement^="top"] .pops-${o}-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-${o}-search-suggestion[data-popper-placement^="top"] .pops-${o}-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-${o}-search-suggestion[data-popper-placement^="bottom"] .pops-${o}-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-${o}-search-suggestion[data-popper-placement^="bottom"] .pops-${o}-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${r.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${a.style||""}\n\t\t\t\t\t\t</style>\n            <div class="pops-${o}-search-suggestion-dropdown-wrapper">\n              <ul class="pops-${o}-search-suggestion-dropdown-container ${At}">${a.toSearhNotResultHTML}</ul>\n            </div>\n            \x3c!-- 箭头 --\x3e\n\t\t\t\t\t\t${a.useArrow?`<div class="pops-${o}-search-suggestion-arrow"></div>`:""}\n         \t\t\t\t `},{"data-guid":n,"type-value":o});return""!==a.className&&null!=a.className&&St.addClassName(t,a.className),a.isAnimation&&St.addClassName(t,`pops-${o}-animation`),a.useFoldAnimation&&St.addClassName(t,"el-zoom-in-top-animation"),t},getDynamicCSS:()=>`\n\t\t\t\t.pops-${o}-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-${o}-search-suggestion{\n\t\t\t\t\tborder: initial;\n\t\t\t\t\toverflow: initial;\n\t\t\t\t\tposition: ${a.isAbsolute?"absolute":"fixed"};\n\t\t\t\t\tz-index: ${Bt.handleZIndex(a.zIndex)};\n\t\t\t\t}\n        .pops-${o}-search-suggestion-dropdown-wrapper{\n\t\t\t\t\tmax-height: ${a.maxHeight};\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\tbackground-color: var(--search-suggestion-bg-color);\n\t\t\t\t\tpadding: 5px 0;\n\t\t\t\t\toverflow-x: hidden;\n\t\t\t\t\toverflow-y: auto;\n        }\n\t\t\t\t.pops-${o}-search-suggestion-dropdown-wrapper ul.pops-${o}-search-suggestion-dropdown-container{\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\t// 建议框在上面时\n\t\t\t\t.pops-${o}-search-suggestion[data-top-reverse] ul.pops-${o}-search-suggestion-dropdown-container{\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-${o}-search-suggestion[data-top-reverse] ul.pops-${o}-search-suggestion-dropdown-container li{\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\t\t\t\tul.pops-${o}-search-suggestion-dropdown-container 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-${o}-search-suggestion-dropdown-container 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-${o}-search-suggestion-dropdown-container 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-${o}-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=r.getItemDataValue(t),i=St.createElement("li",{className:`pops-${o}-search-suggestion-dropdown-item`,"data-index":e,"data-value":n});Reflect.set(i,"data-index",e),Reflect.set(i,"data-value",n);const s=t.itemView(t,i,a);"string"==typeof s?gt.setSafeHTML(i,s):St.append(i,s);const l=t.enableDeleteButton;if("boolean"==typeof l&&l){const t=r.createItemDeleteIcon();St.append(i,t)}return St.addClassName(i,vt),St.addClassName(i,xt),i},setSearchItemClickEvent(t){St.on(t,"click",async e=>{St.preventEvent(e);const n=e.target,i=r.getData(),s=Reflect.get(t,"data-value");if(Boolean(n.closest(`.pops-${o}-delete-icon`))){if("function"==typeof s.deleteButtonClickCallback){const n=await s.deleteButtonClickCallback(e,t,s,a);"boolean"==typeof n&&n&&(i.splice(i.indexOf(s),1),t.remove())}r.$el.$dropdownContainer.children.length||r.clear(),r.updateStyleSheet()}else if("function"==typeof s.clickCallback){const n=await s.clickCallback(e,t,s,a);"boolean"==typeof n&&n&&(a.$inputTarget instanceof HTMLInputElement||a.$inputTarget instanceof HTMLTextAreaElement)&&(a.$inputTarget.value=String(s.value))}},{capture:!0})},setSearchItemSelectEvent(t){},setInputChangeEvent(t=l){if(!(a.$inputTarget instanceof HTMLInputElement||a.$inputTarget instanceof HTMLTextAreaElement))return;a.$inputTarget.setAttribute("autocomplete","off");const e=St.onInput(a.$inputTarget,async()=>{const t=r.getData(),e=await a.inputTargetChangeRefreshShowDataCallback(a.$inputTarget.value,t,a);r.update(e),r.updateStyleSheet()},t);r.$evt.offInputChangeEvtHandler.push(e.off)},removeInputChangeEvent(){for(let t=0;t<r.$evt.offInputChangeEvtHandler.length;t++){(0,r.$evt.offInputChangeEvtHandler[t])(),r.$evt.offInputChangeEvtHandler.splice(t,1),t--}},showEvent(){r.updateStyleSheet(),a.toHideWithNotResult&&r.$data.isEmpty?r.hide(!0):r.show()},setShowEvent(t=l){if("target"===a.followPosition)St.on([a.$target],["focus","click"],r.showEvent,t);else if("input"===a.followPosition)St.on([a.$inputTarget],["focus","click"],r.showEvent,t);else{if("inputCursor"!==a.followPosition)throw new Error("未知followPosition："+a.followPosition);St.on([a.$inputTarget],["focus","click","input"],r.showEvent,t)}},removeShowEvent(t=l){St.off([a.$target,a.$inputTarget],["focus","click"],r.showEvent,t),St.off([a.$inputTarget],["input"],r.showEvent,t)},hideEvent(t){if(t.target instanceof Node){if(i.contains(t.target))return;if(a.$target.contains(t.target))return;if(a.$inputTarget.contains(t.target))return;r.hide(!0)}},setHideEvent(t=l){Array.isArray(r.selfDocument)?r.selfDocument.forEach(e=>{St.on(e,["click","touchstart"],r.hideEvent,t)}):St.on(r.selfDocument,["click","touchstart"],r.hideEvent,t)},removeHideEvent(t=l){Array.isArray(r.selfDocument)?r.selfDocument.forEach(e=>{St.off(e,["click","touchstart"],r.hideEvent,t)}):St.off(r.selfDocument,["click","touchstart"],r.hideEvent,t)},setAllEvent(t=l){r.setInputChangeEvent(t),r.setHideEvent(t),r.setShowEvent(t)},removeAllEvent(t=l){r.removeInputChangeEvent(),r.removeHideEvent(t),r.removeShowEvent(t)},createItemDeleteIcon:(t=16,e="#bababa")=>St.parseTextToDOM(`\n\t\t\t\t\t<svg class="pops-${o}-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=St.createElement("li",{className:`pops-${o}-search-suggestion-dropdown-searching-item`,innerHTML:a.searchingTip});r.addItem(t)},removePromptsInSearch(){r.$el.$dropdownContainer.querySelector(`li.pops-${o}-search-suggestion-dropdown-searching-item`)?.remove()},changeHintULElementPosition(t=a.$target??a.$inputTarget,e=!0){let n=null;if(n="inputCursor"===a.followPosition?St.getTextBoundingRect(a.$inputTarget,a.$inputTarget.selectionStart||0,a.$inputTarget.selectionEnd||0,!1):a.isAbsolute?St.offset(t):t.getBoundingClientRect(),null==n)return;let o=document.documentElement.clientHeight;a.isAbsolute&&(o=St.height(document));const i=St.width(document),s=a.useArrow?St.height(r.$el.$arrow):0;let l=a.position;if("auto"===a.position){l=n.bottom+(St.height(r.$el.$dropdownWrapper)+s)>o?"top":"bottom"}if("top"===l){a.positionTopToReverse&&r.$el.root.setAttribute("data-top-reverse","true"),a.useFoldAnimation&&r.$el.root.setAttribute("data-popper-placement","top");const t=o-n.top+a.topDistance+s;r.$el.root.style.top="",r.$el.root.style.bottom=t+"px"}else if("bottom"===l){a.useFoldAnimation&&r.$el.root.setAttribute("data-popper-placement","bottom-center");const t=n.height+n.top+a.topDistance+s;r.$el.root.removeAttribute("data-top-reverse"),r.$el.root.style.bottom="",r.$el.root.style.top=t+"px"}let p=n.left;const c=St.width(r.$el.$dropdownWrapper);c>i&&(p=p+i-c),r.$el.root.style.left=p+"px",e&&r.changeHintULElementPosition(t,!e)},changeHintULElementWidth(t=a.$target??a.$inputTarget){const e=t.getBoundingClientRect();a.followTargetWidth?r.$el.$dropdownWrapper.style.width=e.width+"px":r.$el.$dropdownWrapper.style.width=a.width},updateDynamicCSS(){const t=r.getDynamicCSS();gt.setSafeHTML(r.$el.$dynamicCSS,t)},updateStyleSheet(){r.updateDynamicCSS(),r.changeHintULElementWidth(),r.changeHintULElementPosition()},addItem(t){r.$el.$dropdownContainer.appendChild(t)},update(t=[]){if(!Array.isArray(t))throw new TypeError("传入的数据不是数组");const e=t;if(e.length){r.$data.isEmpty=!1,a.toHideWithNotResult&&r.show(),r.clear(!0);const t=document.createDocumentFragment();e.forEach((e,n)=>{const o=r.createSearchItemLiElement(e,n);r.setSearchItemClickEvent(o),r.setSearchItemSelectEvent(o),t.appendChild(o)}),r.addItem(t)}else r.clear()},clear(t=!1){if(gt.setSafeHTML(r.$el.$dropdownContainer,""),t)return;let e;r.$data.isEmpty=!0,e="string"==typeof a.toSearhNotResultHTML?St.parseTextToDOM(a.toSearhNotResultHTML):a.toSearhNotResultHTML(),r.addItem(e),a.toHideWithNotResult&&r.hide()},hide(t=!1){a.useFoldAnimation?(t||St.removeClassName(r.$el.root,"el-zoom-in-top-animation"),St.addClassName(r.$el.root,"el-zoom-in-top-animation"),St.addClassName(r.$el.root,"el-zoom-in-top-animation-hide"),St.removeClassName(r.$el.root,"el-zoom-in-top-animation-show")):r.$el.root.style.display="none"},show(){r.$el.root.style.display="",a.useFoldAnimation&&(St.addClassName(r.$el.root,"el-zoom-in-top-animation"),St.removeClassName(r.$el.root,"el-zoom-in-top-animation-hide"),St.addClassName(r.$el.root,"el-zoom-in-top-animation-show"))}};return r}};class jt{config={version:"3.2.2",cssText:Et,iconSVG:e.$data,animation:Tt.$data,instData:It,forbiddenScroll:{event:t=>St.preventEvent(t)},Utils:bt,DOMUtils:St,InstanceUtils:Mt,MathFloatUtils:Ot,PanelHandlerComponents:Ft};init(){}noConflict(){return"object"==typeof i.globalThis.pops&&bt.delete(i.globalThis,"pops"),"object"==typeof unsafeWindow&&null!=unsafeWindow&&"object"==typeof unsafeWindow.pops&&bt.delete(unsafeWindow,"pops"),new jt}isPhone(t){return bt.isPhone(t)}GlobalConfig=t;alert=t=>Lt.init(t);confirm=t=>zt.init(t);prompt=t=>Yt.init(t);loading=t=>Rt.init(t);iframe=t=>_t.init(t);tooltip=t=>Vt.init(t);drawer=t=>Pt.init(t);folder=t=>Ht.init(t);panel=t=>Kt.init(t);rightClickMenu=t=>Qt.init(t);searchSuggestion=t=>Xt.init(t)}return new jt}();
 //# sourceMappingURL=index.iife.min.js.map