layerpro 2.0.3 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/FUNDING.yml +12 -0
- package/README.md +5 -4
- package/index.cjs +29 -28
- package/index.css +1 -1
- package/index.js +28 -27
- package/package.json +5 -10
package/FUNDING.yml
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
# These are supported funding model platforms
|
|
2
|
+
|
|
3
|
+
github: passariello
|
|
4
|
+
patreon: passariello
|
|
5
|
+
ko_fi: passariello
|
|
6
|
+
liberapay: passariello
|
|
7
|
+
issuehunt: passariello
|
|
8
|
+
custom:
|
|
9
|
+
[
|
|
10
|
+
"https://dario.passariello.ca",
|
|
11
|
+
"https://www.indiegogo.com/individuals/28513718",
|
|
12
|
+
]
|
package/README.md
CHANGED
|
@@ -208,9 +208,10 @@ We take security seriously. Every release is audited:
|
|
|
208
208
|
|
|
209
209
|
---
|
|
210
210
|
|
|
211
|
-
Dario Passariello - <dariopassariello@gmail.com>
|
|
212
|
-
All rights reserved - Copyright (c) 2019 - 2026
|
|
213
|
-
|
|
214
211
|
## License
|
|
215
212
|
|
|
216
|
-
MIT
|
|
213
|
+
MIT License
|
|
214
|
+
|
|
215
|
+
## Credits
|
|
216
|
+
|
|
217
|
+
Copyrigth (c) [Dario Passariello](https://dario.passariello.ca/)
|
package/index.cjs
CHANGED
|
@@ -1,70 +1,71 @@
|
|
|
1
|
-
;(()=>{const s=document.createElement("style");s.textContent="@layer layerpro{:root{--input-background-color:#444;--input-color:white;--button-background-color:#444;--button-color:white;--inputButton-fontSize:.8em;--resize-background-color:rgba(30,150,255,.5);--resize-shadow:0 0 10px rgba(30,150,255,.5);--dock-background-color:black;--dock-height:35px;--dock-sideLeft:10px;--dock-sideCenter:auto;--dock-sideRight:10px;--dock-icon-width:140px;--transition-time:.5s;--border-radius:25px;--corner-size:14px;--corner-border-radius:50%;--hover-opacity:1;--hover-filter:blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all 0.3s ease;box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,rgba(34,78,145,0.5411764706) 100%)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px rgba(30,150,255,0.5),0 0 15px rgba(0,0,0,0.7)!important;border:1px solid rgba(0,0,0,0.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#AAA 100%);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:white;border-radius:5px;margin:4px;transition:all 0.3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:\"\";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity 0.3s ease-in-out}#popup [class^=popup_option_] button:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover::after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0 0;z-index:1;background:linear-gradient(0deg,rgb(60,60,60) 0%,#4a4a4f 100%)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,0.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:white;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:rgb(77,77,77)}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#F60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:white;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:0.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:\"\";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:0.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,0.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup{}#popup::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup{}#popup::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup{}#popup::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:rgb(30,150,255)!important}}";document.head.appendChild(s)})();;(()=>{const s=document.createElement("style");s.textContent="@layer layerpro{:root{--input-background-color:#444;--input-color:white;--button-background-color:#444;--button-color:white;--inputButton-fontSize:.8em;--resize-background-color:rgba(30,150,255,.5);--resize-shadow:0 0 10px rgba(30,150,255,.5);--dock-background-color:black;--dock-height:35px;--dock-sideLeft:10px;--dock-sideCenter:auto;--dock-sideRight:10px;--dock-icon-width:140px;--transition-time:.5s;--border-radius:25px;--corner-size:14px;--corner-border-radius:50%;--hover-opacity:1;--hover-filter:blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all 0.3s ease;box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,rgba(34,78,145,0.5411764706) 100%)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px rgba(30,150,255,0.5),0 0 15px rgba(0,0,0,0.7)!important;border:1px solid rgba(0,0,0,0.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#AAA 100%);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:white;border-radius:5px;margin:4px;transition:all 0.3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:\"\";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity 0.3s ease-in-out}#popup [class^=popup_option_] button:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover::after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0 0;z-index:1;background:linear-gradient(0deg,rgb(60,60,60) 0%,#4a4a4f 100%)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,0.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:white;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:rgb(77,77,77)}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#F60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:white;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:0.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:\"\";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:0.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,0.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup{}#popup::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup{}#popup::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup{}#popup::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:rgb(30,150,255)!important}}";document.head.appendChild(s)})();'use strict';
|
|
1
|
+
;(()=>{const s=document.createElement("style");s.textContent="@layer layerpro {:root{--input-background-color:#444;--input-color:white;--button-background-color:#444;--button-color:white;--inputButton-fontSize:.8em;--resize-background-color:rgba(30,150,255,.5);--resize-shadow:0 0 10px rgba(30,150,255,.5);--dock-background-color:black;--dock-height:35px;--dock-sideLeft:10px;--dock-sideCenter:auto;--dock-sideRight:10px;--dock-icon-width:140px;--transition-time:.5s;--border-radius:25px;--corner-size:14px;--corner-border-radius:50%;--hover-opacity:1;--hover-filter:blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;inset:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000,#3c3c3c);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all .3s ease;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,#224e918a)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px #1e96ff80,0 0 15px #000000b3!important;border:1px solid rgba(0,0,0,.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:#0000004d;z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px #0000004d;overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#aaa);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:#fff;border-radius:5px;margin:4px;transition:all .3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:\"\";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000,#3c3c3c);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity .3s ease-in-out}#popup [class^=popup_option_] button:hover{background:#ffffff1a;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover:after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover,#popup [class^=button_close_]:hover{background:red!important;box-shadow:inset 0 0 25px #fff,0 0 35px red!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0;z-index:1;background:linear-gradient(0deg,#3c3c3c,#4a4a4f)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:#fff;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:#4d4d4d}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#f60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:#fff;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:\"\";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#1e96ff!important}}";document.head.appendChild(s)})();'use strict';
|
|
2
2
|
|
|
3
3
|
var client = require('react-dom/client');
|
|
4
|
-
var
|
|
4
|
+
var he = require('jquery');
|
|
5
5
|
|
|
6
6
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var he__default = /*#__PURE__*/_interopDefault(he);
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var D=Object.defineProperty;var C=(e,t)=>()=>(e&&(t=e(e=0)),t);var X=(e,t)=>{for(var i in t)D(e,i,{get:t[i],enumerable:true});};var ve,J=C(()=>{ve=e=>{console.groupCollapsed(`%c${e.name} v${e.version}%c`,"color:orange",""),console.debug(`%c${e.name} v${e.version}%c by Dario Passariello started`,"color:orange",""),console.debug(`%cType ${e.name} in this console to see it`,"color:gray",""),console.debug("name: %c"+e.name,"color:orange",""),console.debug("version: %c"+e.version,"color:orange",""),console.debug("description: %c"+e.description,"color:orange",""),console.debug("license: %c"+e.license,"color:orange",""),console.debug("author: %c"+e.author.name,"color:orange",""),console.debug("email: %c"+e.author.email,"color:orange",""),console.groupEnd();};Object.defineProperty(layerpro,"credits",{value:ve,writable:false,configurable:false});});var Q={};X(Q,{getMouseDirection:()=>Me,mouseCoord:()=>Ae});var Ae,U,K,F,V,Me,q=C(()=>{Ae=e=>[e.clientX,e.clientY,e.screenX,e.screenY,e.pageX,e.pageY],U=0,K="",F=0,V=0,Me=e=>(U=F<e.pageX?1:0,K=V<e.pageY?"down":"up",F=e.pageX,V=e.pageY,[U,K]);});var N,xe,ze,ke,je,ee=C(()=>{N=e=>{let t=document.createElement("div");return t.textContent=e,t.innerHTML},xe=e=>{let t=N(String(e)),i=window.layerpro.popup.open({id:"__alert",name:"Warning",icon:"⚠",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),o=`
|
|
11
11
|
<div class='popup_prompt'>
|
|
12
12
|
<div class="popup_message_body">
|
|
13
|
-
<center>${
|
|
13
|
+
<center>${t}</center>
|
|
14
14
|
</div>
|
|
15
15
|
<div class="buttons">
|
|
16
|
-
<button id="${"a_"+
|
|
16
|
+
<button id="${"a_"+i.id}" type="button">CLOSE</button>
|
|
17
17
|
</div>
|
|
18
18
|
</div>
|
|
19
|
-
`;$(".popup_body_"+
|
|
19
|
+
`;$(".popup_body_"+i.id).html(o),$("#a_"+i.id).on("click",()=>{window.layerpro.popup.close(i);});},ze=(e,t)=>{let i=N(String(e)),o=window.layerpro.popup.open({id:"__message",name:"Message",icon:"⛭",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),n=`
|
|
20
20
|
<div class='popup_prompt'>
|
|
21
21
|
<div class="popup_message_body">
|
|
22
|
-
<center>${
|
|
22
|
+
<center>${i}</center>
|
|
23
23
|
</div>
|
|
24
24
|
<div class="buttons">
|
|
25
|
-
<button id="${"a_"+
|
|
25
|
+
<button id="${"a_"+o.id}" type="button">CLOSE</button>
|
|
26
26
|
</div>
|
|
27
27
|
</div>
|
|
28
|
-
`;$(".popup_body_"+
|
|
28
|
+
`;$(".popup_body_"+o.id).html(n),$("#a_"+o.id).on("click",()=>{t&&t(),window.layerpro.popup.close(o);});},ke=(e,t,i)=>{if($(".confirm").length===0){let o=N(String(e)),n=window.layerpro.popup.open({id:"__confirm",name:"Confirm",icon:"☑",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),l=`
|
|
29
29
|
<div class='popup_prompt'>
|
|
30
30
|
<div class="popup_message_body">
|
|
31
|
-
<center>${
|
|
31
|
+
<center>${o}</center>
|
|
32
32
|
</div>
|
|
33
33
|
<div class="buttons">
|
|
34
|
-
<button id="${"a_"+
|
|
35
|
-
<button id="${"b_"+
|
|
34
|
+
<button id="${"a_"+n.id}" type="button">CONFIRM</button>
|
|
35
|
+
<button id="${"b_"+n.id}" type="button">CANCEL</button>
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|
|
38
|
-
`;$(".popup_body_"+
|
|
38
|
+
`;$(".popup_body_"+n.id).html(l),$("#a_"+n.id).on("click",()=>{t&&t(),window.layerpro.popup.close(n);}),$("#b_"+n.id).on("click",()=>{i&&i(),window.layerpro.popup.close(n);});}},je=(e,t)=>{let i=t||"_prompt",o=N(String(e)),n=window.layerpro.popup.open({id:"__prompt",name:"Prompt",icon:"✎",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),l=`
|
|
39
39
|
<div class='popup_prompt'>
|
|
40
40
|
|
|
41
41
|
<div class="popup_message_body">
|
|
42
42
|
<center>
|
|
43
|
-
${
|
|
43
|
+
${o}
|
|
44
44
|
</center>
|
|
45
45
|
</div>
|
|
46
46
|
|
|
47
|
-
<input id="input_${
|
|
47
|
+
<input id="input_${n.id}" type="text" placeholder="write here" />
|
|
48
48
|
<br/>
|
|
49
49
|
|
|
50
50
|
<div class="buttons">
|
|
51
|
-
<button id="a_${
|
|
52
|
-
<button id="b_${
|
|
51
|
+
<button id="a_${n.id}" type="button">OK</button>
|
|
52
|
+
<button id="b_${n.id}" type="button">CANCEL</button>
|
|
53
53
|
</div>
|
|
54
54
|
|
|
55
55
|
</div>
|
|
56
|
-
`;$(".popup_body_"+
|
|
56
|
+
`;$(".popup_body_"+n.id).html(l),$("#input_"+n.id).on("focus",function(){$(this).attr("placeholder","");}).on("blur",function(){$(this).attr("placeholder","write here");}),$("#a_"+n.id).on("click",()=>{if($("#input_"+n.id).val()>""){if(typeof i=="function"&&i(),String(i)===i)return JSON.stringify($("#input_"+n.id).val());window.layerpro.popup.close(n);}else alert("input can't be empty!");}),$("#b_"+n.id).on("click",()=>{window.layerpro.popup.close(n);});};window.message=(e,t)=>window.layerpro.message(e,t);window.alert=e=>window.layerpro.alert(e);window.confirm=(e,t,i)=>window.layerpro.confirm(e,t,i);window.prompt=(e,t,i)=>window.layerpro.prompt(e,t,i);Object.defineProperty(window,"alert",{enumerable:false});Object.defineProperty(window,"prompt",{enumerable:false});Object.defineProperty(window,"message",{enumerable:false});Object.defineProperty(window,"confirm",{enumerable:false});Object.defineProperties(window.layerpro,{prompt:{value:je},alert:{value:xe},message:{value:ze},confirm:{value:ke}});});var L,f,Z,te,oe=C(()=>{ee();L=new Map,f=new Map,Z=e=>{let t=document.createElement("div");return t.textContent=e,t.innerHTML},te=e=>{if(typeof e.body=="function"){console.error(`LayerPro Error: Passing a function as body is not supported. Use a React element like <Component /> or plain text/HTML string instead.
|
|
57
|
+
Example: body: <MyComponent /> or body: "<p>Hello</p>"`);return}let t=e.raised===true?".popup_raised_"+e.id:"#popup";$('[class^="popup_window_"]',t).removeClass("zHigh"),$('[class^="popup_bar_"]',t).removeClass("popup_bar_selected"),$('[class^="icon_"]',t).removeClass("popup_bar_selected"),e.raised===true&&$('<div class="popup_raised_'+e.id+'">',t).appendTo("#popup").css({"pointer-events":"auto","z-index":Number(layerpro.popup.zIndex($('[class^="popup_overflow_"]',t)))+1e3}),$('<div class="popup_overflow_'+e.id+'">',t).appendTo(t).css({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,maxWidth:e.maxWidth,maxHeight:e.maxHeight,pointerEvents:"auto",zIndex:Number(layerpro.popup.zIndex($('[class^="popup_overflow_"]',t)))+1}).on("mousedown",r=>{layerpro.popup.index(e);}).hide().fadeIn(e.fadeIn);let i=$('<div class="popup_window_'+e.id+'">',t).appendTo(".popup_overflow_"+e.id).css({"pointer-events":"auto"}).addClass("zHigh").addClass(e.class);[e.top,e.left,e.bottom,e.right].reduce((r,a)=>typeof a=="number"&&isFinite(a)?Number(r)+a:r,0)===0&&layerpro.popup.center(e),layerpro.popup.unmount=r=>{let a=L.get(r);a&&(a.unmount(),L.delete(r));},layerpro.popup.cleanupEvents=r=>{let a=f.get(r);a&&(a.iconClick&&$(".icon_"+r,"#popup_dock").find("span").off("click"),a.iconClose&&$(".icon_close_"+r,"#popup_dock").off("click"),a.buttonIconize&&$(".button_iconize_"+r).off("click"),a.buttonMaximize&&$(".button_maximize_"+r).off("click"),a.buttonClose&&$(".button_close_"+r).off("click"),a.escKey&&$(document).off("keydown"),f.delete(r));},layerpro.popup.getReactRoot=r=>L.get(r),$('<div class="popup_bar_'+e.id+'">',t).appendTo(i).addClass("popup_bar_selected"),e.icon&&$('<div class="popup_icon_'+e.id+'">'+e.icon+"</div>",t).appendTo(".popup_bar_"+e.id);let l=Z(String(e.name));if($('<div class="popup_drag_'+e.id+'">'+l+"</div>",t).appendTo(".popup_bar_"+e.id),$('<div class="popup_option_'+e.id+'">',t).appendTo(".popup_bar_"+e.id),e.iconize===true&&$("#popup_dock").length===0&&($("#root").css("margin","0 0 var( --dock-height ) 0"),$(`
|
|
57
58
|
<div id="popup_dock">
|
|
58
59
|
<div id="popup_dock_icon"></div>
|
|
59
60
|
<div id="popup_dock_list"></div>
|
|
60
61
|
<div id="popup_dock_options"></div>
|
|
61
62
|
</div>
|
|
62
|
-
|
|
63
|
-
<div class="icon_${
|
|
64
|
-
<span>${
|
|
65
|
-
<span>${
|
|
66
|
-
|
|
67
|
-
${
|
|
68
|
-
</button>`).appendTo(".buttons");
|
|
69
|
-
${
|
|
70
|
-
</button>`).appendTo(".buttons");Cancel.click(()=>{props.buttons?.cancel?.cb?.();layerpro.popup.close(props);});}}};const _overflow=$('<div class="popup_overflow_'+props.id+'">',"#popup");$('<div class="popup_internal_'+props.id+'">',_overflow).appendTo(item);$('<div class="popup_body_'+props.id+'">',_overflow).appendTo(".popup_internal_"+props.id).hide().fadeIn(props.fadeIn,function(){showBody();showButtons();});return};}});var MOBILE_BREAKPOINT,isMobileMediaQuery,isMobileUserAgent,hasTouchSupport,getInteractionMode,currentMode,wasAboveBreakpoint,onModeChangeCallback,logMode,getPointerDown,getPointerMove,getPointerUp,getClientX,getClientY;var init_mobile=__esm({"core/mobile.ts"(){MOBILE_BREAKPOINT=1024;isMobileMediaQuery=()=>{if(typeof window==="undefined")return false;return window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`).matches};isMobileUserAgent=()=>{if(typeof navigator==="undefined")return false;const ua=navigator.userAgent;return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua)};hasTouchSupport=()=>{return "ontouchstart"in window||navigator.maxTouchPoints>0};getInteractionMode=()=>{if(window.__FORCE_TOUCH_MODE__===true)return "touch";const isMobileDevice=isMobileUserAgent()||isMobileMediaQuery();if(hasTouchSupport()&&isMobileDevice)return "touch";return "mouse"};currentMode=getInteractionMode();wasAboveBreakpoint=!isMobileMediaQuery();onModeChangeCallback=null;logMode=()=>{const isMobile=currentMode==="touch";console.debug(`[LayerPro] Mode: ${isMobile?"MOBILE (touch events)":"DESKTOP (mouse events)"} | UA: ${isMobileUserAgent()?"mobile":"desktop"} | Viewport: ${isMobileMediaQuery()?"mobile":"desktop"} | Touch: ${hasTouchSupport()}`);};if(typeof window!=="undefined"){logMode();}if(typeof window!=="undefined"){const mq=window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`);const handleResize=()=>{const newMode=getInteractionMode();const oldMode=currentMode;const isNowAboveBreakpoint=!isMobileMediaQuery();currentMode=newMode;logMode();if(wasAboveBreakpoint!==isNowAboveBreakpoint){wasAboveBreakpoint=isNowAboveBreakpoint;if(onModeChangeCallback){onModeChangeCallback(newMode,oldMode);}}};if(mq.addListener){mq.addListener(handleResize);}else {mq.addEventListener("change",handleResize);}let resizeTimer;window.addEventListener("resize",()=>{clearTimeout(resizeTimer);resizeTimer=setTimeout(handleResize,150);});}getPointerDown=()=>"pointerdown";getPointerMove=()=>"pointermove";getPointerUp=()=>"pointerup";getClientX=e=>{if(e.clientX!==void 0){return e.clientX}if(e.touches&&e.touches.length>0){return e.touches[0].clientX}return e.clientX};getClientY=e=>{if(e.clientY!==void 0){return e.clientY}if(e.touches&&e.touches.length>0){return e.touches[0].clientY}return e.clientY};}});var properties_exports={};__export(properties_exports,{popup:()=>popup});var larX,larY,isResizable,highIndex,startX,startY,startWidth,startHeight,startLeft,startTop,startBottom,startRight,movableHandlers,resizeHandlers,Win,Body,popup;var init_properties=__esm({"core/properties.ts"(){init_genLayer();init_mobile();larX=250;larY=150;highIndex=1;movableHandlers=new Map;resizeHandlers=new Map;Win=$(window);Body=$("body");popup={open:props=>{if(!props)return;props.id=props.id||Math.round(Math.random()*1e3);props.body=props.body||"";props.class=props.class||"";props.width=props.width||300;props.height=props.height||200;props.minWidth=props.minWidth||340;props.minHeight=props.minHeight||220;props.name=props.name||"popUp_"+props.id;props.source=props.source||null;props.icon=props.icon||null;props.iconize=props.iconize||null;props.maximize=props.maximize||null;props.isMaximize=props.isMaximize||null;props.dockable=props.dockable||null;props.close=props.close||null;props.raised=props.raised||null;props.movable=props.movable||null;props.resizable=props.resizable||null;props.store=props.store||false;props.top=props.top?props.top:"auto";props.left=props.left?props.left:"auto";props.right=props.right?props.right:"auto";props.bottom=props.bottom?props.bottom:"auto";props.fadeIn=props.fadeIn||100;props.fadeOut=props.fadeOut||100;larX=props.minWidth;larY=props.minHeight;if(props.width<props.minWidth)props.width=props.minWidth;if(props.height<props.minHeight)props.height=props.minHeight;if(props.width==="auto")props.width="100%";if(props.height==="auto")props.height="100%";if($("#popup").length===0){$('<div id="popup">',"#popup").appendTo("body").css({"pointer-events":"none","z-index":popup.zIndex($("*"))+1});}if($(".popup_window_"+props.id,"#popup").length===0){genLayer(props);}layerpro.purge(document);return props},dispatch:_e=>{layerpro.popup.store(_e);},store:_element=>{console.debug(_element);},show:item=>{item.toggle();return},vfx:(item,vis,all=false)=>{setTimeout(()=>{$('[class^="popup_overflow_"]',"#popup").css("opacity",vis==true?1:.5).find('[class^="popup_body_"]').css({"content-visibility":vis==true?"auto":"hidden"});item.css("opacity",1);if(!all)$('[class^="popup_body_"]',item).css("content-visibility","visible");return},1);dispatchEvent(new Event("layerProResize"));},center:props=>{const _overflow=$(".popup_overflow_"+props.id,"#popup");_overflow.css("top",Math.max(0,(Win.height()-_overflow.outerHeight())/2+Win.scrollTop()));_overflow.css("left",Math.max(0,(Win.width()-_overflow.outerWidth())/2+Win.scrollLeft()));return},checkArea:e=>{const clientX=getClientX(e);const clientY=getClientY(e);return [clientX,clientY,Win.scrollLeft(),Win.scrollTop(),Win.height(),Win.width()]},close:props=>{let ob;if(!props){$("#popup").fadeOut(()=>{$(void 0).remove();});}else {typeof props==="object"?ob=props.id:ob=props;if(layerpro.popup.unmount){layerpro.popup.unmount(String(ob));}if(layerpro.popup.cleanupEvents){layerpro.popup.cleanupEvents(String(ob));}const movableCleanup=movableHandlers.get(String(ob));if(movableCleanup){const moveOptions={passive:false};if(movableCleanup.move)document.removeEventListener(getPointerMove(),movableCleanup.move,moveOptions);if(movableCleanup.up)document.removeEventListener(getPointerUp(),movableCleanup.up,moveOptions);movableHandlers.delete(String(ob));}const resizeCleanup=resizeHandlers.get(String(ob));if(resizeCleanup){const moveOptions={passive:false};if(resizeCleanup.move)document.removeEventListener(getPointerMove(),resizeCleanup.move,moveOptions);if(resizeCleanup.up)document.removeEventListener(getPointerUp(),resizeCleanup.up,moveOptions);resizeHandlers.delete(String(ob));}if(props.raised===true){$(".popup_raised_"+ob).fadeOut(props.fadeOut||500,e=>{$(".popup_raised_"+ob).remove();});}else {$(".popup_overflow_"+ob).fadeOut(props.fadeOut||500,function(e){$(this).remove();$(".popup_raised_"+ob).fadeOut(props.fadeOut||500,function(e2){$(this).remove();});});}}layerpro.purge(document);setTimeout(()=>popup.removeDock(props),300);return},removeDock:props=>{$(".icon_"+props.id).remove();if($('[class^="popup_overflow_"]',"#popup").length<1){$("#root").css("margin","0");$("#popup_dock").remove();}return},iconize:props=>{const _overflow=$(".popup_overflow_"+props.id,"#popup");if(_overflow.find("[class^=popup_window_]").hasClass("zHigh")===false)return;popup.vfx(_overflow,false,true);if(!_overflow.data("iconize")){_overflow.animate({top:"100%",left:$(".icon_"+props.id,"#popup_dock").offset().left+15,width:0,height:0,opacity:0},200,()=>popup.vfx(_overflow,true));_overflow.data("iconize",{y:_overflow.offset().top,x:_overflow.offset().left,w:_overflow.width(),h:_overflow.height()},200);}else if(_overflow.data("iconize")){const s=_overflow.data("iconize");_overflow.animate({top:s.y,left:s.x,width:s.w,height:s.h,opacity:1},()=>popup.vfx(_overflow,true));_overflow.removeData("iconize");}return},maximize:props=>{const _overflow=$(".popup_overflow_"+props.id,"#popup"),_resize=$('[class^="resize_"]',_overflow),_dragger=$('[class^="popup_drag_"]',_overflow),gap=6;popup.vfx(_overflow,false,true);if(!_overflow.data("store")){_overflow.data("store",{y:_overflow.offset().top,x:_overflow.offset().left,w:_overflow.width(),h:_overflow.height()});_overflow.animate({position:"absolute",top:-gap,left:-gap,right:-gap,bottom:-gap,width:Win.width()+gap*2,height:Win.height()+gap*2-45},()=>{Win.on("layerProResize.eventItem",e=>{_overflow.css({width:Win.width()+gap*2,height:Win.height()+gap*2-40});});_dragger.css("pointer-events","none");_resize.off(getPointerDown());popup.vfx(_overflow,true,true);});}else if(_overflow.data("store")){const s=_overflow.data("store");_overflow.animate({top:s.y,left:s.x,width:s.w,height:s.h},()=>{_dragger.css("pointer-events","auto");_resize.on(getPointerDown(),function(e){popup.resizeModals(e,this,props);});Win.off("layerProResize.eventItem");popup.vfx(_overflow,true);});_overflow.removeData("store");}return},movable:props=>{if(props.movable===false)return;const idStr=String(props.id),_overflow=$(".popup_overflow_"+props.id,"#popup"),_dragger=$(".popup_drag_"+props.id,_overflow),_body=$(".popup_body_"+props.id,_overflow);_overflow.css("touch-action","none");let pos1=0,pos2=0,pos3=0,pos4=0;const elementDrag=e=>{e.preventDefault();const clientX=getClientX(e);const clientY=getClientY(e);pos1=pos3-clientX;pos2=pos4-clientY;pos3=clientX;pos4=clientY;if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&Math.sign(popup.checkArea(e)[1])===1)_overflow.css("top",_overflow.offset().top-pos2);if(popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1)_overflow.css("left",_overflow.offset().left-pos1);return},elementDragEnd=e=>{const moveOptions={passive:false};document.removeEventListener(getPointerMove(),elementDrag,moveOptions);document.removeEventListener(getPointerUp(),elementDragEnd,moveOptions);movableHandlers.delete(idStr);_body.css("pointer-events","auto");popup.vfx(_overflow,true);return};movableHandlers.set(idStr,{move:elementDrag,up:elementDragEnd});const downOptions={passive:false};_dragger[0].addEventListener(getPointerDown(),e=>{e.preventDefault();_body.css("pointer-events","none");dragMouseDown(e);popup.vfx(_overflow,false);},downOptions);if(props.maximize){_dragger.on("dblclick",e=>{layerpro.popup.maximize(props);});}const dragMouseDown=e=>{pos3=getClientX(e);pos4=getClientY(e);const moveOptions={passive:false};document.addEventListener(getPointerMove(),elementDrag,moveOptions);document.addEventListener(getPointerUp(),elementDragEnd,moveOptions);return};return},resizable:props=>{if(!props.resizable)return;const idStr=String(props.id),_overflow=$(".popup_overflow_"+props.id,"#popup");for(let i=4;i--;){$(`<div class='resize_${i}'>`,_overflow).appendTo(_overflow).css("touch-action","none");$(`<div class='resize_corner_${i}'>`,_overflow).appendTo(_overflow).css("touch-action","none");}const handleDown=function(e){popup.resizeModals(e,this,props);},existingHandlers=resizeHandlers.get(idStr)||{};existingHandlers.down=handleDown;resizeHandlers.set(idStr,existingHandlers);const downOptions={passive:false};$("[class^=resize_]").each((_i,el)=>{el.addEventListener(getPointerDown(),e=>{e.preventDefault();popup.resizeModals(e,el,props);},downOptions);});return},resizeModals:(e,id,props)=>{const _sizer=$(id),_parent=_sizer.parent(),idStr=String(props.id);const clientX=getClientX(e);const clientY=getClientY(e);const cords=[clientX-Win.scrollLeft(),clientY-Win.scrollTop()];if(props.minWidth);Body.css("pointer-events","none");_parent.css("pointer-events","none");popup.vfx(_parent,false);const doResHandler=e2=>{popup.doRes(e2,id);},stopResHandler=e2=>{popup.stopRes(id);},existingHandlers=resizeHandlers.get(idStr)||{};existingHandlers.move=doResHandler;existingHandlers.up=stopResHandler;resizeHandlers.set(idStr,existingHandlers);const moveOptions={passive:false};document.addEventListener(getPointerMove(),doResHandler,moveOptions);document.addEventListener(getPointerUp(),stopResHandler,moveOptions);startX=cords[0];startY=cords[1];startWidth=_parent.width();startHeight=_parent.height();startLeft=_parent.position().left;startTop=_parent.position().top;startBottom=startTop+startHeight+1;startRight=startLeft+startWidth+1;isResizable=id;return},doRes:(e,id)=>{dispatchEvent(new Event("layerProResize"));const _sizer=$(id),_parent=_sizer.parent();const clientX=getClientX(e);const clientY=getClientY(e);const cords=[clientX-Win.scrollLeft(),clientY-Win.scrollTop()];if(id===isResizable){let X=startWidth+cords[0]-startX,Y=startHeight+cords[1]-startY;const X1=startWidth-cords[0]+startX,Y1=startHeight-cords[1]+startY;if(X<=0){X=0;}if(Y<=0){Y=0;}if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&Math.sign(popup.checkArea(e)[1])===1){if(_sizer.hasClass("resize_0")){if(_parent.height()<=larY&&Y1>larY){_parent.css({"height":Number(larY+1)});}if(_parent.height()>larY&&larY<=Y1){_parent.css({"top":Number(startBottom-Y1),"height":parseInt(Y1)});}}}if(popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1){if(_sizer.hasClass("resize_1")){if(_parent.width()>=larX){_parent.css({"width":Number(X),"right":Number(startLeft-X)});}if(_parent.width()<=larX){_parent.css({"width":Number(larX+1)});}}}if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&Math.sign(popup.checkArea(e)[1])===1){if(_sizer.hasClass("resize_2")){if(_parent.height()>=larY){_parent.css({"height":Number(Y)});}if(_parent.height()<=larY&&Y>larY){_parent.css({"height":Number(larY+1)});}}}if(popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1){if(_sizer.hasClass("resize_3")){if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}if(_parent.width()>larX&&larX<=X1){_parent.css({"width":parseInt(X1),"left":Number(startRight-X1)});}}}if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1&&Math.sign(popup.checkArea(e)[1])===1){if(_sizer.hasClass("resize_corner_0")){if(_parent.height()>=larY&&Y1>larY){_parent.css({"top":Number(startBottom-Y1),"height":parseInt(Y1)});}if(_parent.height()<=larY&&Y1>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX&&X1>larX){_parent.css({"width":parseInt(X1),"left":Number(startRight-X1)});}if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}}if(_sizer.hasClass("resize_corner_1")){if(_parent.height()>=larY&&Y1>larY){_parent.css({"top":Number(startBottom-Y1),"height":Number(Y1)});}if(_parent.height()<=larY&&Y1>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX){_parent.css({"width":Number(X),"right":Number(startLeft-X)});}if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}}if(_sizer.hasClass("resize_corner_2")){if(_parent.height()>=larY){_parent.css({"height":Number(Y)});}if(_parent.height()<=larY&&Y>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX){_parent.css({"width":Number(X),"right":Number(startLeft-X)});}if(_parent.width()<=larX){_parent.css({"width":Number(larX+1)});}}if(_sizer.hasClass("resize_corner_3")){if(_parent.height()>=larY&&Y>larY){_parent.css({"height":Number(Y)});}if(_parent.height()<=larY&&Y>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX&&X1>larX){_parent.css({"width":Number(X1),"left":Number(startRight-X1)});}if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}}}}return},stopRes:id=>{const _sizer=$(id),_parent=_sizer.parent();Body.css("pointer-events","auto");_parent.css("pointer-events","auto");popup.vfx(_parent,true);isResizable=false;const resizeCleanup=resizeHandlers.get(String(id));if(resizeCleanup){const moveOptions={passive:false};if(resizeCleanup.move)document.removeEventListener(getPointerMove(),resizeCleanup.move,moveOptions);if(resizeCleanup.up)document.removeEventListener(getPointerUp(),resizeCleanup.up,moveOptions);resizeHandlers.delete(String(id));}return},index:props=>{const _overflow=$('[class^="popup_overflow_"]',"#popup");$('[class^="popup_window_"]',"#popup").removeClass("zHigh");$('[class^="popup_bar_"]',"#popup").removeClass("popup_bar_selected");$('[class^="icon_"]',"#popup").removeClass("popup_bar_selected");_overflow.each(function(){$(this,"#popup").css("zIndex",$(this,"#popup")[0].style.zIndex-1);});$(".icon_"+props.id,"#popup").addClass("popup_bar_selected");$(".popup_overflow_"+props.id,"#popup").css("zIndex",popup.zIndex(_overflow));$(".popup_bar_"+props.id,"#popup").addClass("popup_bar_selected");$(".popup_window_"+props.id,"#popup").addClass("zHigh");return},zIndex:els=>{els.each(function(){const currentIndex=parseInt($(this,"#popup").css("zIndex"),10);if(currentIndex>highIndex)highIndex=currentIndex;});return highIndex+1}};Object.defineProperty(layerpro,"popup",{value:popup,writable:false,configurable:false});}});var purge;var init_purge=__esm({"core/purge.ts"(){purge=d=>{let a=d.attributes,index,l,n;if(a){l=a.length;for(index=0;index<l;index+=1){n=a[index].name;if(typeof d[n]==="function");}}a=d.childNodes;if(a){l=a.length;for(index=0;index<l;index+=1){layerpro.purge(d.childNodes[index]);}}};Object.defineProperty(layerpro,"purge",{value:new Proxy(purge,{}),writable:false,configurable:false});}});var init_window=__esm({"core/window.ts"(){window.offScreenBuffering=true;addEventListener("wheel",e=>{},{capture:true,passive:true});}});globalThis.$=$2__default.default;globalThis.jQuery=$2__default.default;var run=()=>{if(window.layerpro)return;Object.defineProperty(window,"layerpro",{value:{},writable:false,configurable:false,enumerable:false});init_credits();init_mouseCoords();init_properties();init_purge();init_window();layerpro.setProps=(obj,options)=>{const allProps=Reflect.ownKeys(obj);allProps.forEach(prop=>{const descriptor=Object.getOwnPropertyDescriptor(obj,prop);if(descriptor){descriptor.enumerable=options?.enumerable||false;descriptor.configurable=options?.enumerable||false;descriptor.writable=options?.writable||false;Object.defineProperty(obj,prop,descriptor);}if(typeof obj[prop]==="object"&&obj[prop]!==null)layerpro.setProps(obj[prop],options);});return};layerpro.setProps(layerpro,{configurable:false,enumerable:false,writable:false});Object.freeze(layerpro);};run();
|
|
63
|
+
`).appendTo("#popup").css({pointerEvents:"auto",zIndex:Number(layerpro.popup.zIndex($("#popup")))+1e3})),$("#popup_dock").length>0&&e.dockable===true){let r=String(e.id),a=`
|
|
64
|
+
<div class="icon_${e.id}">
|
|
65
|
+
<span>${e.icon?e.icon:""}</span>
|
|
66
|
+
<span>${l}</span>
|
|
67
|
+
`,s=function(Ie){$(".popup_overflow_"+e.id+":hidden")?(layerpro.popup.iconize(e),layerpro.popup.index(e)):layerpro.popup.iconize(e),layerpro.popup.index(e);},w=function(Ie){e?.buttons?.cancel?.cb&&e?.buttons?.cancel?.cb(),layerpro.popup.close(e);};f.set(r,{iconClick:true,iconClose:true}),$(a,"#popup_dock").appendTo("#popup_dock_list").addClass("popup_bar_selected").find("span").on("click",s),$(`<button class="icon_close_${e.id}">X</button>`,"#popup_dock").appendTo(`.icon_${e.id}`).on("click",w);}if(e.iconize===true){let r=String(e.id),a=function(w){layerpro.popup.iconize(e);},s=f.get(r)||{};s.buttonIconize=true,f.set(r,s),$('<button class="button_iconize_'+e.id+' iconize">',"#popup").appendTo(".popup_option_"+e.id).on("click",a);}if(e.maximize===true){let r=String(e.id),a=function(w){layerpro.popup.maximize(e);},s=f.get(r)||{};s.buttonMaximize=true,f.set(r,s),$('<button class="button_maximize_'+e.id+' maximize">',"#popup").appendTo(".popup_option_"+e.id).on("click",a);}if(e.close===true){let r=String(e.id),a=function(w){e?.buttons?.cancel?.cb&&e?.buttons?.cancel?.cb(),layerpro.popup.close(e);},s=f.get(r)||{};s.buttonClose=true,f.set(r,s),$('<button class="button_close_'+e.id+' close">',"#popup").appendTo(".popup_option_"+e.id).on("click",a);}let b=function(r){(r.key==="Escape"||r.keyCode===27)&&(e?.buttons?.cancel?.cb&&e?.buttons?.cancel?.cb(),layerpro.popup.close(e));},h=String(e.id),u=f.get(h)||{};if(u.escKey=true,f.set(h,u),$(document).on("keydown",b),e.timer>0){let r={};r[`st_${e.id}`]=setTimeout(()=>{layerpro.popup.close(e),clearTimeout(r[`st_${e.id}`]);},e.timer);}if(e.source){let r=$(".popup_body_"+e.id),a=String(e.source);try{let s=new URL(a,window.location.origin);if(s.protocol!=="https:"&&s.protocol!=="http:"&&s.protocol!==""){console.error("Invalid URL protocol:",s.protocol);return}}catch{console.error("Invalid source URL:",e.source);return}fetch(a,{mode:"same-origin"}).then(s=>{let w=s.headers.get("content-type")||"";if(w.includes("text/html")||console.warn("Source returned non-HTML content:",w),!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.text()}).then(s=>{let w=Z(s);r.hide().html(w).fadeIn(e.fadeIn);}).catch(s=>{console.error("Error loading content:",s);});}e.movable&&layerpro.popup.movable(e),e.resizable&&layerpro.popup.resizable(e),e.isMaximize&&layerpro.popup.maximize(e);let g=()=>{if(e.body&&!e.source)if(typeof e.body=="object"&&e.body!==null&&e.body.props!==void 0){let a=document.querySelector(".popup_body_"+e.id);if(!a){console.debug("Container not found for React component");return}try{let s=client.createRoot(a);s.render(e.body),L.set(String(e.id),s);}catch(s){console.error("Error rendering React component:",s);}}else if(typeof e.body=="string"&&e.body.trim().startsWith("<")){let a=Z(e.body);$(".popup_body_"+e.id).html(a).fadeIn(e.fadeIn);}else {let a=Z(String(e.body));$(".popup_body_"+e.id).text(a).fadeIn(e.fadeIn);}},m=()=>{if(e.buttons){if($('<div class="buttons"></div>').appendTo(".popup_body_"+e.id),e.buttons.confirm){let r=$(`<button id="lp_confirm" type="button">
|
|
68
|
+
${e.buttons.confirm.text.toUpperCase()}
|
|
69
|
+
</button>`).appendTo(".buttons");e.buttons.confirm.cb&&r.click(()=>{e.buttons?.confirm?.cb?.(),layerpro.popup.close(e);});}e.buttons.cancel&&$(`<button id="lp_cancel" type="button">
|
|
70
|
+
${e.buttons.cancel.text.toUpperCase()}
|
|
71
|
+
</button>`).appendTo(".buttons").click(()=>{e.buttons?.cancel?.cb?.(),layerpro.popup.close(e);});}},_=$('<div class="popup_overflow_'+e.id+'">',"#popup");$('<div class="popup_internal_'+e.id+'">',_).appendTo(i),$('<div class="popup_body_'+e.id+'">',_).appendTo(".popup_internal_"+e.id).hide().fadeIn(e.fadeIn,function(){g(),m();});};});var T,ae,re,ce,W,ie,ne,se,k,y,A,M,x,pe=C(()=>{T=()=>typeof window>"u"?false:window.matchMedia("(max-width: 1024px)").matches,ae=()=>{if(typeof navigator>"u")return false;let e=navigator.userAgent;return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(e)},re=()=>"ontouchstart"in window||navigator.maxTouchPoints>0,ce=()=>{if(window.__FORCE_TOUCH_MODE__===true)return "touch";let e=ae()||T();return re()&&e?"touch":"mouse"},W=ce(),ie=!T(),ne=null,se=()=>{console.debug(`[LayerPro] Mode: ${W==="touch"?"MOBILE (touch events)":"DESKTOP (mouse events)"} | UA: ${ae()?"mobile":"desktop"} | Viewport: ${T()?"mobile":"desktop"} | Touch: ${re()}`);};typeof window<"u"&&se();if(typeof window<"u"){let e=window.matchMedia("(max-width: 1024px)"),t=()=>{let o=ce(),n=W,l=!T();W=o,se(),ie!==l&&(ie=l,ne&&ne(o,n));};e.addListener?e.addListener(t):e.addEventListener("change",t);let i;window.addEventListener("resize",()=>{clearTimeout(i),i=setTimeout(t,150);});}k=()=>"pointerdown",y=()=>"pointermove",A=()=>"pointerup",M=e=>e.clientX!==void 0?e.clientX:e.touches&&e.touches.length>0?e.touches[0].clientX:e.clientX,x=e=>e.clientY!==void 0?e.clientY:e.touches&&e.touches.length>0?e.touches[0].clientY:e.clientY;});var ue={};X(ue,{popup:()=>c});var d,p,P,H,E,B,Y,G,j,le,S,O,R,v,I,de,c,ge=C(()=>{oe();pe();d=250,p=150,H=1,R=new Map,v=new Map,I=$(window),de=$("body"),c={open:e=>{if(e)return e.id=e.id||Math.round(Math.random()*1e3),e.body=e.body||"",e.class=e.class||"",e.width=e.width||300,e.height=e.height||200,e.minWidth=e.minWidth||340,e.minHeight=e.minHeight||220,e.name=e.name||"popUp_"+e.id,e.source=e.source||null,e.icon=e.icon||null,e.iconize=e.iconize||null,e.maximize=e.maximize||null,e.isMaximize=e.isMaximize||null,e.dockable=e.dockable||null,e.close=e.close||null,e.raised=e.raised||null,e.movable=e.movable||null,e.resizable=e.resizable||null,e.store=e.store||false,e.top=e.top?e.top:"auto",e.left=e.left?e.left:"auto",e.right=e.right?e.right:"auto",e.bottom=e.bottom?e.bottom:"auto",e.fadeIn=e.fadeIn||100,e.fadeOut=e.fadeOut||100,d=e.minWidth,p=e.minHeight,e.width<e.minWidth&&(e.width=e.minWidth),e.height<e.minHeight&&(e.height=e.minHeight),e.width==="auto"&&(e.width="100%"),e.height==="auto"&&(e.height="100%"),$("#popup").length===0&&$('<div id="popup">',"#popup").appendTo("body").css({"pointer-events":"none","z-index":c.zIndex($("*"))+1}),$(".popup_window_"+e.id,"#popup").length===0&&te(e),layerpro.purge(document),e},dispatch:e=>{layerpro.popup.store(e);},store:e=>{console.debug(e);},show:e=>{e.toggle();},vfx:(e,t,i=false)=>{setTimeout(()=>{$('[class^="popup_overflow_"]',"#popup").css("opacity",t==true?1:.5).find('[class^="popup_body_"]').css({"content-visibility":t==true?"auto":"hidden"}),e.css("opacity",1),i||$('[class^="popup_body_"]',e).css("content-visibility","visible");},1),dispatchEvent(new Event("layerProResize"));},center:e=>{let t=$(".popup_overflow_"+e.id,"#popup");t.css("top",Math.max(0,(I.height()-t.outerHeight())/2+I.scrollTop())),t.css("left",Math.max(0,(I.width()-t.outerWidth())/2+I.scrollLeft()));},checkArea:e=>{let t=M(e),i=x(e);return [t,i,I.scrollLeft(),I.scrollTop(),I.height(),I.width()]},close:e=>{let t;if(!e)$("#popup").fadeOut(()=>{$(void 0).remove();});else {typeof e=="object"?t=e.id:t=e,layerpro.popup.unmount&&layerpro.popup.unmount(String(t)),layerpro.popup.cleanupEvents&&layerpro.popup.cleanupEvents(String(t));let i=R.get(String(t));if(i){let n={passive:false};i.move&&document.removeEventListener(y(),i.move,n),i.up&&document.removeEventListener(A(),i.up,n),R.delete(String(t));}let o=v.get(String(t));if(o){let n={passive:false};o.move&&document.removeEventListener(y(),o.move,n),o.up&&document.removeEventListener(A(),o.up,n),v.delete(String(t));}e.raised===true?$(".popup_raised_"+t).fadeOut(e.fadeOut||500,n=>{$(".popup_raised_"+t).remove();}):$(".popup_overflow_"+t).fadeOut(e.fadeOut||500,function(n){$(this).remove(),$(".popup_raised_"+t).fadeOut(e.fadeOut||500,function(l){$(this).remove();});});}layerpro.purge(document),setTimeout(()=>c.removeDock(e),300);},removeDock:e=>{$(".icon_"+e.id).remove(),$('[class^="popup_overflow_"]',"#popup").length<1&&($("#root").css("margin","0"),$("#popup_dock").remove());},iconize:e=>{let t=$(".popup_overflow_"+e.id,"#popup");if(t.find("[class^=popup_window_]").hasClass("zHigh")!==false){if(c.vfx(t,false,true),!t.data("iconize"))t.animate({top:"100%",left:$(".icon_"+e.id,"#popup_dock").offset().left+15,width:0,height:0,opacity:0},200,()=>c.vfx(t,true)),t.data("iconize",{y:t.offset().top,x:t.offset().left,w:t.width(),h:t.height()},200);else if(t.data("iconize")){let i=t.data("iconize");t.animate({top:i.y,left:i.x,width:i.w,height:i.h,opacity:1},()=>c.vfx(t,true)),t.removeData("iconize");}}},maximize:e=>{let t=$(".popup_overflow_"+e.id,"#popup"),i=$('[class^="resize_"]',t),o=$('[class^="popup_drag_"]',t),n=6;if(c.vfx(t,false,true),!t.data("store"))t.data("store",{y:t.offset().top,x:t.offset().left,w:t.width(),h:t.height()}),t.animate({position:"absolute",top:-n,left:-n,right:-n,bottom:-n,width:I.width()+n*2,height:I.height()+n*2-45},()=>{I.on("layerProResize.eventItem",l=>{t.css({width:I.width()+n*2,height:I.height()+n*2-40});}),o.css("pointer-events","none"),i.off(k()),c.vfx(t,true,true);});else if(t.data("store")){let l=t.data("store");t.animate({top:l.y,left:l.x,width:l.w,height:l.h},()=>{o.css("pointer-events","auto"),i.on(k(),function(b){c.resizeModals(b,this,e);}),I.off("layerProResize.eventItem"),c.vfx(t,true);}),t.removeData("store");}},movable:e=>{if(e.movable===false)return;let t=String(e.id),i=$(".popup_overflow_"+e.id,"#popup"),o=$(".popup_drag_"+e.id,i),n=$(".popup_body_"+e.id,i);i.css("touch-action","none");let l=0,b=0,h=0,u=0,g=a=>{a.preventDefault();let s=M(a),w=x(a);l=h-s,b=u-w,h=s,u=w,c.checkArea(a)[1]<c.checkArea(a)[4]&&Math.sign(c.checkArea(a)[1])===1&&i.css("top",i.offset().top-b),c.checkArea(a)[0]<c.checkArea(a)[5]&&Math.sign(c.checkArea(a)[0])===1&&i.css("left",i.offset().left-l);},m=a=>{let s={passive:false};document.removeEventListener(y(),g,s),document.removeEventListener(A(),m,s),R.delete(t),n.css("pointer-events","auto"),c.vfx(i,true);};R.set(t,{move:g,up:m});let _={passive:false};o[0].addEventListener(k(),a=>{a.preventDefault(),n.css("pointer-events","none"),r(a),c.vfx(i,false);},_),e.maximize&&o.on("dblclick",a=>{layerpro.popup.maximize(e);});let r=a=>{h=M(a),u=x(a);let s={passive:false};document.addEventListener(y(),g,s),document.addEventListener(A(),m,s);};},resizable:e=>{if(!e.resizable)return;let t=String(e.id),i=$(".popup_overflow_"+e.id,"#popup");for(let b=4;b--;)$(`<div class='resize_${b}'>`,i).appendTo(i).css("touch-action","none"),$(`<div class='resize_corner_${b}'>`,i).appendTo(i).css("touch-action","none");let o=function(b){c.resizeModals(b,this,e);},n=v.get(t)||{};n.down=o,v.set(t,n);let l={passive:false};$("[class^=resize_]").each((b,h)=>{h.addEventListener(k(),u=>{u.preventDefault(),c.resizeModals(u,h,e);},l);});},resizeModals:(e,t,i)=>{let o=$(t),n=o.parent(),l=String(i.id),b=M(e),h=x(e),u=[b-I.scrollLeft(),h-I.scrollTop()];i.minWidth,de.css("pointer-events","none"),n.css("pointer-events","none"),c.vfx(n,false);let g=a=>{c.doRes(a,t);},m=a=>{c.stopRes(t);},_=v.get(l)||{};_.move=g,_.up=m,v.set(l,_);let r={passive:false};document.addEventListener(y(),g,r),document.addEventListener(A(),m,r),E=u[0],B=u[1],Y=n.width(),G=n.height(),j=n.position().left,le=n.position().top,S=le+G+1,O=j+Y+1,P=t;},doRes:(e,t)=>{dispatchEvent(new Event("layerProResize"));let i=$(t),o=i.parent(),n=M(e),l=x(e),b=[n-I.scrollLeft(),l-I.scrollTop()];if(t===P){let h=Y+b[0]-E,u=G+b[1]-B,g=Y-b[0]+E,m=G-b[1]+B;h<=0&&(h=0),u<=0&&(u=0),c.checkArea(e)[1]<c.checkArea(e)[4]&&Math.sign(c.checkArea(e)[1])===1&&i.hasClass("resize_0")&&(o.height()<=p&&m>p&&o.css({height:Number(p+1)}),o.height()>p&&p<=m&&o.css({top:Number(S-m),height:parseInt(m)})),c.checkArea(e)[0]<c.checkArea(e)[5]&&Math.sign(c.checkArea(e)[0])===1&&i.hasClass("resize_1")&&(o.width()>=d&&o.css({width:Number(h),right:Number(j-h)}),o.width()<=d&&o.css({width:Number(d+1)})),c.checkArea(e)[1]<c.checkArea(e)[4]&&Math.sign(c.checkArea(e)[1])===1&&i.hasClass("resize_2")&&(o.height()>=p&&o.css({height:Number(u)}),o.height()<=p&&u>p&&o.css({height:Number(p+1)})),c.checkArea(e)[0]<c.checkArea(e)[5]&&Math.sign(c.checkArea(e)[0])===1&&i.hasClass("resize_3")&&(o.width()<=d&&g>d&&o.css({width:Number(d+1)}),o.width()>d&&d<=g&&o.css({width:parseInt(g),left:Number(O-g)})),c.checkArea(e)[1]<c.checkArea(e)[4]&&c.checkArea(e)[0]<c.checkArea(e)[5]&&Math.sign(c.checkArea(e)[0])===1&&Math.sign(c.checkArea(e)[1])===1&&(i.hasClass("resize_corner_0")&&(o.height()>=p&&m>p&&o.css({top:Number(S-m),height:parseInt(m)}),o.height()<=p&&m>p&&o.css({height:Number(p+1)}),o.width()>=d&&g>d&&o.css({width:parseInt(g),left:Number(O-g)}),o.width()<=d&&g>d&&o.css({width:Number(d+1)})),i.hasClass("resize_corner_1")&&(o.height()>=p&&m>p&&o.css({top:Number(S-m),height:Number(m)}),o.height()<=p&&m>p&&o.css({height:Number(p+1)}),o.width()>=d&&o.css({width:Number(h),right:Number(j-h)}),o.width()<=d&&g>d&&o.css({width:Number(d+1)})),i.hasClass("resize_corner_2")&&(o.height()>=p&&o.css({height:Number(u)}),o.height()<=p&&u>p&&o.css({height:Number(p+1)}),o.width()>=d&&o.css({width:Number(h),right:Number(j-h)}),o.width()<=d&&o.css({width:Number(d+1)})),i.hasClass("resize_corner_3")&&(o.height()>=p&&u>p&&o.css({height:Number(u)}),o.height()<=p&&u>p&&o.css({height:Number(p+1)}),o.width()>=d&&g>d&&o.css({width:Number(g),left:Number(O-g)}),o.width()<=d&&g>d&&o.css({width:Number(d+1)})));}},stopRes:e=>{let t=$(e),i=t.parent();de.css("pointer-events","auto"),i.css("pointer-events","auto"),c.vfx(i,true),P=false;let o=v.get(String(e));if(o){let n={passive:false};o.move&&document.removeEventListener(y(),o.move,n),o.up&&document.removeEventListener(A(),o.up,n),v.delete(String(e));}},index:e=>{let t=$('[class^="popup_overflow_"]',"#popup");$('[class^="popup_window_"]',"#popup").removeClass("zHigh"),$('[class^="popup_bar_"]',"#popup").removeClass("popup_bar_selected"),$('[class^="icon_"]',"#popup").removeClass("popup_bar_selected"),t.each(function(){$(this,"#popup").css("zIndex",$(this,"#popup")[0].style.zIndex-1);}),$(".icon_"+e.id,"#popup").addClass("popup_bar_selected"),$(".popup_overflow_"+e.id,"#popup").css("zIndex",c.zIndex(t)),$(".popup_bar_"+e.id,"#popup").addClass("popup_bar_selected"),$(".popup_window_"+e.id,"#popup").addClass("zHigh");},zIndex:e=>(e.each(function(){let t=parseInt($(this,"#popup").css("zIndex"),10);t>H&&(H=t);}),H+1)};Object.defineProperty(layerpro,"popup",{value:c,writable:false,configurable:false});});var Le,be=C(()=>{Le=e=>{let t=e.attributes,i,o,n;if(t)for(o=t.length,i=0;i<o;i+=1)n=t[i].name,e[n];if(t=e.childNodes,t)for(o=t.length,i=0;i<o;i+=1)layerpro.purge(e.childNodes[i]);};Object.defineProperty(layerpro,"purge",{value:new Proxy(Le,{}),writable:false,configurable:false});});var me=C(()=>{window.offScreenBuffering=true;addEventListener("wheel",e=>{},{capture:true,passive:true});});globalThis.$=he__default.default;globalThis.jQuery=he__default.default;var Ye=()=>{window.layerpro||(Object.defineProperty(window,"layerpro",{value:{},writable:false,configurable:false,enumerable:false}),J(),q(),ge(),be(),me(),layerpro.setProps=(e,t)=>{Reflect.ownKeys(e).forEach(o=>{let n=Object.getOwnPropertyDescriptor(e,o);n&&(n.enumerable=t?.enumerable||false,n.configurable=t?.enumerable||false,n.writable=t?.writable||false,Object.defineProperty(e,o,n)),typeof e[o]=="object"&&e[o]!==null&&layerpro.setProps(e[o],t);});},layerpro.setProps(layerpro,{configurable:false,enumerable:false,writable:false}),Object.freeze(layerpro));};Ye();
|
package/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--input-background-color: #444;--input-color: white;--button-background-color: #444;--button-color: white;--inputButton-fontSize: .8em;--resize-background-color: rgba(30, 150, 255, .5);--resize-shadow: 0 0 10px rgba(30, 150, 255, .5);--dock-background-color: black;--dock-height: 35px;--dock-sideLeft: 10px;--dock-sideCenter: auto;--dock-sideRight: 10px;--dock-icon-width: 140px;--transition-time: .5s;--border-radius: 25px;--corner-size: 14px;--corner-border-radius: 50%;--hover-opacity: 1;--hover-filter: blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all 0.3s ease;box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,rgba(34,78,145,0.5411764706) 100%)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px rgba(30,150,255,0.5),0 0 15px rgba(0,0,0,0.7)!important;border:1px solid rgba(0,0,0,0.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#AAA 100%);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:white;border-radius:5px;margin:4px;transition:all 0.3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:"";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity 0.3s ease-in-out}#popup [class^=popup_option_] button:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover::after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0 0;z-index:1;background:linear-gradient(0deg,rgb(60,60,60) 0%,#4a4a4f 100%)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,0.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:white;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:rgb(77,77,77)}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#F60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:white;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:0.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:"";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:0.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,0.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup{}#popup ::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup{}#popup ::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup{}#popup ::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:rgb(30,150,255)!important}
|
|
1
|
+
:root{--input-background-color: #444;--input-color: white;--button-background-color: #444;--button-color: white;--inputButton-fontSize: .8em;--resize-background-color: rgba(30, 150, 255, .5);--resize-shadow: 0 0 10px rgba(30, 150, 255, .5);--dock-background-color: black;--dock-height: 35px;--dock-sideLeft: 10px;--dock-sideCenter: auto;--dock-sideRight: 10px;--dock-icon-width: 140px;--transition-time: .5s;--border-radius: 25px;--corner-size: 14px;--corner-border-radius: 50%;--hover-opacity: 1;--hover-filter: blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;inset:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000,#3c3c3c);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all .3s ease;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,#224e918a)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px #1e96ff80,0 0 15px #000000b3!important;border:1px solid rgba(0,0,0,.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:#0000004d;z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px #0000004d;overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#aaa);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:#fff;border-radius:5px;margin:4px;transition:all .3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:"";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000,#3c3c3c);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity .3s ease-in-out}#popup [class^=popup_option_] button:hover{background:#ffffff1a;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover:after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover,#popup [class^=button_close_]:hover{background:red!important;box-shadow:inset 0 0 25px #fff,0 0 35px red!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0;z-index:1;background:linear-gradient(0deg,#3c3c3c,#4a4a4f)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:#fff;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:#4d4d4d}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#f60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:#fff;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:"";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup ::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup ::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup ::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#1e96ff!important}
|
package/index.js
CHANGED
|
@@ -1,64 +1,65 @@
|
|
|
1
|
-
;(()=>{const s=document.createElement("style");s.textContent="@layer layerpro{:root{--input-background-color:#444;--input-color:white;--button-background-color:#444;--button-color:white;--inputButton-fontSize:.8em;--resize-background-color:rgba(30,150,255,.5);--resize-shadow:0 0 10px rgba(30,150,255,.5);--dock-background-color:black;--dock-height:35px;--dock-sideLeft:10px;--dock-sideCenter:auto;--dock-sideRight:10px;--dock-icon-width:140px;--transition-time:.5s;--border-radius:25px;--corner-size:14px;--corner-border-radius:50%;--hover-opacity:1;--hover-filter:blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all 0.3s ease;box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,rgba(34,78,145,0.5411764706) 100%)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px rgba(30,150,255,0.5),0 0 15px rgba(0,0,0,0.7)!important;border:1px solid rgba(0,0,0,0.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#AAA 100%);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:white;border-radius:5px;margin:4px;transition:all 0.3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:\"\";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity 0.3s ease-in-out}#popup [class^=popup_option_] button:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover::after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0 0;z-index:1;background:linear-gradient(0deg,rgb(60,60,60) 0%,#4a4a4f 100%)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,0.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:white;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:rgb(77,77,77)}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#F60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:white;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:0.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:\"\";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:0.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,0.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup{}#popup::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup{}#popup::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup{}#popup::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:rgb(30,150,255)!important}}";document.head.appendChild(s)})();;(()=>{const s=document.createElement("style");s.textContent="@layer layerpro{:root{--input-background-color:#444;--input-color:white;--button-background-color:#444;--button-color:white;--inputButton-fontSize:.8em;--resize-background-color:rgba(30,150,255,.5);--resize-shadow:0 0 10px rgba(30,150,255,.5);--dock-background-color:black;--dock-height:35px;--dock-sideLeft:10px;--dock-sideCenter:auto;--dock-sideRight:10px;--dock-icon-width:140px;--transition-time:.5s;--border-radius:25px;--corner-size:14px;--corner-border-radius:50%;--hover-opacity:1;--hover-filter:blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all 0.3s ease;box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,rgba(34,78,145,0.5411764706) 100%)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px rgba(30,150,255,0.5),0 0 15px rgba(0,0,0,0.7)!important;border:1px solid rgba(0,0,0,0.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#AAA 100%);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:white;border-radius:5px;margin:4px;transition:all 0.3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:0.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:\"\";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000 0%,rgb(60,60,60) 100%);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity 0.3s ease-in-out}#popup [class^=popup_option_] button:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 5px rgb(0,0,0);text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover::after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=button_close_]:hover{background:rgb(255,0,0)!important;box-shadow:inset 0 0 25px rgb(255,255,255),0 0 35px rgb(255,0,0)!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0 0;z-index:1;background:linear-gradient(0deg,rgb(60,60,60) 0%,#4a4a4f 100%)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,0.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:white;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:rgb(77,77,77)}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#F60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:white;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:0.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:\"\";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:0.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,0.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup{}#popup::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup{}#popup::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup{}#popup::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:rgb(30,150,255)!important}}";document.head.appendChild(s)})();import { createRoot } from 'react-dom/client';
|
|
2
|
-
import
|
|
1
|
+
;(()=>{const s=document.createElement("style");s.textContent="@layer layerpro {:root{--input-background-color:#444;--input-color:white;--button-background-color:#444;--button-color:white;--inputButton-fontSize:.8em;--resize-background-color:rgba(30,150,255,.5);--resize-shadow:0 0 10px rgba(30,150,255,.5);--dock-background-color:black;--dock-height:35px;--dock-sideLeft:10px;--dock-sideCenter:auto;--dock-sideRight:10px;--dock-icon-width:140px;--transition-time:.5s;--border-radius:25px;--corner-size:14px;--corner-border-radius:50%;--hover-opacity:1;--hover-filter:blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;inset:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000,#3c3c3c);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all .3s ease;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,#224e918a)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px #1e96ff80,0 0 15px #000000b3!important;border:1px solid rgba(0,0,0,.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:#0000004d;z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px #0000004d;overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#aaa);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:#fff;border-radius:5px;margin:4px;transition:all .3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:\"\";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000,#3c3c3c);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity .3s ease-in-out}#popup [class^=popup_option_] button:hover{background:#ffffff1a;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover:after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover,#popup [class^=button_close_]:hover{background:red!important;box-shadow:inset 0 0 25px #fff,0 0 35px red!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0;z-index:1;background:linear-gradient(0deg,#3c3c3c,#4a4a4f)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:#fff;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:#4d4d4d}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#f60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:#fff;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:\"\";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#1e96ff!important}}";document.head.appendChild(s)})();import { createRoot } from 'react-dom/client';
|
|
2
|
+
import he from 'jquery';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var D=Object.defineProperty;var C=(e,t)=>()=>(e&&(t=e(e=0)),t);var X=(e,t)=>{for(var i in t)D(e,i,{get:t[i],enumerable:true});};var ve,J=C(()=>{ve=e=>{console.groupCollapsed(`%c${e.name} v${e.version}%c`,"color:orange",""),console.debug(`%c${e.name} v${e.version}%c by Dario Passariello started`,"color:orange",""),console.debug(`%cType ${e.name} in this console to see it`,"color:gray",""),console.debug("name: %c"+e.name,"color:orange",""),console.debug("version: %c"+e.version,"color:orange",""),console.debug("description: %c"+e.description,"color:orange",""),console.debug("license: %c"+e.license,"color:orange",""),console.debug("author: %c"+e.author.name,"color:orange",""),console.debug("email: %c"+e.author.email,"color:orange",""),console.groupEnd();};Object.defineProperty(layerpro,"credits",{value:ve,writable:false,configurable:false});});var Q={};X(Q,{getMouseDirection:()=>Me,mouseCoord:()=>Ae});var Ae,U,K,F,V,Me,q=C(()=>{Ae=e=>[e.clientX,e.clientY,e.screenX,e.screenY,e.pageX,e.pageY],U=0,K="",F=0,V=0,Me=e=>(U=F<e.pageX?1:0,K=V<e.pageY?"down":"up",F=e.pageX,V=e.pageY,[U,K]);});var N,xe,ze,ke,je,ee=C(()=>{N=e=>{let t=document.createElement("div");return t.textContent=e,t.innerHTML},xe=e=>{let t=N(String(e)),i=window.layerpro.popup.open({id:"__alert",name:"Warning",icon:"⚠",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),o=`
|
|
5
5
|
<div class='popup_prompt'>
|
|
6
6
|
<div class="popup_message_body">
|
|
7
|
-
<center>${
|
|
7
|
+
<center>${t}</center>
|
|
8
8
|
</div>
|
|
9
9
|
<div class="buttons">
|
|
10
|
-
<button id="${"a_"+
|
|
10
|
+
<button id="${"a_"+i.id}" type="button">CLOSE</button>
|
|
11
11
|
</div>
|
|
12
12
|
</div>
|
|
13
|
-
`;$(".popup_body_"+
|
|
13
|
+
`;$(".popup_body_"+i.id).html(o),$("#a_"+i.id).on("click",()=>{window.layerpro.popup.close(i);});},ze=(e,t)=>{let i=N(String(e)),o=window.layerpro.popup.open({id:"__message",name:"Message",icon:"⛭",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),n=`
|
|
14
14
|
<div class='popup_prompt'>
|
|
15
15
|
<div class="popup_message_body">
|
|
16
|
-
<center>${
|
|
16
|
+
<center>${i}</center>
|
|
17
17
|
</div>
|
|
18
18
|
<div class="buttons">
|
|
19
|
-
<button id="${"a_"+
|
|
19
|
+
<button id="${"a_"+o.id}" type="button">CLOSE</button>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
|
-
`;$(".popup_body_"+
|
|
22
|
+
`;$(".popup_body_"+o.id).html(n),$("#a_"+o.id).on("click",()=>{t&&t(),window.layerpro.popup.close(o);});},ke=(e,t,i)=>{if($(".confirm").length===0){let o=N(String(e)),n=window.layerpro.popup.open({id:"__confirm",name:"Confirm",icon:"☑",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),l=`
|
|
23
23
|
<div class='popup_prompt'>
|
|
24
24
|
<div class="popup_message_body">
|
|
25
|
-
<center>${
|
|
25
|
+
<center>${o}</center>
|
|
26
26
|
</div>
|
|
27
27
|
<div class="buttons">
|
|
28
|
-
<button id="${"a_"+
|
|
29
|
-
<button id="${"b_"+
|
|
28
|
+
<button id="${"a_"+n.id}" type="button">CONFIRM</button>
|
|
29
|
+
<button id="${"b_"+n.id}" type="button">CANCEL</button>
|
|
30
30
|
</div>
|
|
31
31
|
</div>
|
|
32
|
-
`;$(".popup_body_"+
|
|
32
|
+
`;$(".popup_body_"+n.id).html(l),$("#a_"+n.id).on("click",()=>{t&&t(),window.layerpro.popup.close(n);}),$("#b_"+n.id).on("click",()=>{i&&i(),window.layerpro.popup.close(n);});}},je=(e,t)=>{let i=t||"_prompt",o=N(String(e)),n=window.layerpro.popup.open({id:"__prompt",name:"Prompt",icon:"✎",width:380,height:220,iconize:false,maximize:false,close:true,isMaximize:false,dockable:false,raised:true,movable:true,resizable:false}),l=`
|
|
33
33
|
<div class='popup_prompt'>
|
|
34
34
|
|
|
35
35
|
<div class="popup_message_body">
|
|
36
36
|
<center>
|
|
37
|
-
${
|
|
37
|
+
${o}
|
|
38
38
|
</center>
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
|
-
<input id="input_${
|
|
41
|
+
<input id="input_${n.id}" type="text" placeholder="write here" />
|
|
42
42
|
<br/>
|
|
43
43
|
|
|
44
44
|
<div class="buttons">
|
|
45
|
-
<button id="a_${
|
|
46
|
-
<button id="b_${
|
|
45
|
+
<button id="a_${n.id}" type="button">OK</button>
|
|
46
|
+
<button id="b_${n.id}" type="button">CANCEL</button>
|
|
47
47
|
</div>
|
|
48
48
|
|
|
49
49
|
</div>
|
|
50
|
-
`;$(".popup_body_"+
|
|
50
|
+
`;$(".popup_body_"+n.id).html(l),$("#input_"+n.id).on("focus",function(){$(this).attr("placeholder","");}).on("blur",function(){$(this).attr("placeholder","write here");}),$("#a_"+n.id).on("click",()=>{if($("#input_"+n.id).val()>""){if(typeof i=="function"&&i(),String(i)===i)return JSON.stringify($("#input_"+n.id).val());window.layerpro.popup.close(n);}else alert("input can't be empty!");}),$("#b_"+n.id).on("click",()=>{window.layerpro.popup.close(n);});};window.message=(e,t)=>window.layerpro.message(e,t);window.alert=e=>window.layerpro.alert(e);window.confirm=(e,t,i)=>window.layerpro.confirm(e,t,i);window.prompt=(e,t,i)=>window.layerpro.prompt(e,t,i);Object.defineProperty(window,"alert",{enumerable:false});Object.defineProperty(window,"prompt",{enumerable:false});Object.defineProperty(window,"message",{enumerable:false});Object.defineProperty(window,"confirm",{enumerable:false});Object.defineProperties(window.layerpro,{prompt:{value:je},alert:{value:xe},message:{value:ze},confirm:{value:ke}});});var L,f,Z,te,oe=C(()=>{ee();L=new Map,f=new Map,Z=e=>{let t=document.createElement("div");return t.textContent=e,t.innerHTML},te=e=>{if(typeof e.body=="function"){console.error(`LayerPro Error: Passing a function as body is not supported. Use a React element like <Component /> or plain text/HTML string instead.
|
|
51
|
+
Example: body: <MyComponent /> or body: "<p>Hello</p>"`);return}let t=e.raised===true?".popup_raised_"+e.id:"#popup";$('[class^="popup_window_"]',t).removeClass("zHigh"),$('[class^="popup_bar_"]',t).removeClass("popup_bar_selected"),$('[class^="icon_"]',t).removeClass("popup_bar_selected"),e.raised===true&&$('<div class="popup_raised_'+e.id+'">',t).appendTo("#popup").css({"pointer-events":"auto","z-index":Number(layerpro.popup.zIndex($('[class^="popup_overflow_"]',t)))+1e3}),$('<div class="popup_overflow_'+e.id+'">',t).appendTo(t).css({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,maxWidth:e.maxWidth,maxHeight:e.maxHeight,pointerEvents:"auto",zIndex:Number(layerpro.popup.zIndex($('[class^="popup_overflow_"]',t)))+1}).on("mousedown",r=>{layerpro.popup.index(e);}).hide().fadeIn(e.fadeIn);let i=$('<div class="popup_window_'+e.id+'">',t).appendTo(".popup_overflow_"+e.id).css({"pointer-events":"auto"}).addClass("zHigh").addClass(e.class);[e.top,e.left,e.bottom,e.right].reduce((r,a)=>typeof a=="number"&&isFinite(a)?Number(r)+a:r,0)===0&&layerpro.popup.center(e),layerpro.popup.unmount=r=>{let a=L.get(r);a&&(a.unmount(),L.delete(r));},layerpro.popup.cleanupEvents=r=>{let a=f.get(r);a&&(a.iconClick&&$(".icon_"+r,"#popup_dock").find("span").off("click"),a.iconClose&&$(".icon_close_"+r,"#popup_dock").off("click"),a.buttonIconize&&$(".button_iconize_"+r).off("click"),a.buttonMaximize&&$(".button_maximize_"+r).off("click"),a.buttonClose&&$(".button_close_"+r).off("click"),a.escKey&&$(document).off("keydown"),f.delete(r));},layerpro.popup.getReactRoot=r=>L.get(r),$('<div class="popup_bar_'+e.id+'">',t).appendTo(i).addClass("popup_bar_selected"),e.icon&&$('<div class="popup_icon_'+e.id+'">'+e.icon+"</div>",t).appendTo(".popup_bar_"+e.id);let l=Z(String(e.name));if($('<div class="popup_drag_'+e.id+'">'+l+"</div>",t).appendTo(".popup_bar_"+e.id),$('<div class="popup_option_'+e.id+'">',t).appendTo(".popup_bar_"+e.id),e.iconize===true&&$("#popup_dock").length===0&&($("#root").css("margin","0 0 var( --dock-height ) 0"),$(`
|
|
51
52
|
<div id="popup_dock">
|
|
52
53
|
<div id="popup_dock_icon"></div>
|
|
53
54
|
<div id="popup_dock_list"></div>
|
|
54
55
|
<div id="popup_dock_options"></div>
|
|
55
56
|
</div>
|
|
56
|
-
|
|
57
|
-
<div class="icon_${
|
|
58
|
-
<span>${
|
|
59
|
-
<span>${
|
|
60
|
-
|
|
61
|
-
${
|
|
62
|
-
</button>`).appendTo(".buttons");
|
|
63
|
-
${
|
|
64
|
-
</button>`).appendTo(".buttons");Cancel.click(()=>{props.buttons?.cancel?.cb?.();layerpro.popup.close(props);});}}};const _overflow=$('<div class="popup_overflow_'+props.id+'">',"#popup");$('<div class="popup_internal_'+props.id+'">',_overflow).appendTo(item);$('<div class="popup_body_'+props.id+'">',_overflow).appendTo(".popup_internal_"+props.id).hide().fadeIn(props.fadeIn,function(){showBody();showButtons();});return};}});var MOBILE_BREAKPOINT,isMobileMediaQuery,isMobileUserAgent,hasTouchSupport,getInteractionMode,currentMode,wasAboveBreakpoint,onModeChangeCallback,logMode,getPointerDown,getPointerMove,getPointerUp,getClientX,getClientY;var init_mobile=__esm({"core/mobile.ts"(){MOBILE_BREAKPOINT=1024;isMobileMediaQuery=()=>{if(typeof window==="undefined")return false;return window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`).matches};isMobileUserAgent=()=>{if(typeof navigator==="undefined")return false;const ua=navigator.userAgent;return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua)};hasTouchSupport=()=>{return "ontouchstart"in window||navigator.maxTouchPoints>0};getInteractionMode=()=>{if(window.__FORCE_TOUCH_MODE__===true)return "touch";const isMobileDevice=isMobileUserAgent()||isMobileMediaQuery();if(hasTouchSupport()&&isMobileDevice)return "touch";return "mouse"};currentMode=getInteractionMode();wasAboveBreakpoint=!isMobileMediaQuery();onModeChangeCallback=null;logMode=()=>{const isMobile=currentMode==="touch";console.debug(`[LayerPro] Mode: ${isMobile?"MOBILE (touch events)":"DESKTOP (mouse events)"} | UA: ${isMobileUserAgent()?"mobile":"desktop"} | Viewport: ${isMobileMediaQuery()?"mobile":"desktop"} | Touch: ${hasTouchSupport()}`);};if(typeof window!=="undefined"){logMode();}if(typeof window!=="undefined"){const mq=window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`);const handleResize=()=>{const newMode=getInteractionMode();const oldMode=currentMode;const isNowAboveBreakpoint=!isMobileMediaQuery();currentMode=newMode;logMode();if(wasAboveBreakpoint!==isNowAboveBreakpoint){wasAboveBreakpoint=isNowAboveBreakpoint;if(onModeChangeCallback){onModeChangeCallback(newMode,oldMode);}}};if(mq.addListener){mq.addListener(handleResize);}else {mq.addEventListener("change",handleResize);}let resizeTimer;window.addEventListener("resize",()=>{clearTimeout(resizeTimer);resizeTimer=setTimeout(handleResize,150);});}getPointerDown=()=>"pointerdown";getPointerMove=()=>"pointermove";getPointerUp=()=>"pointerup";getClientX=e=>{if(e.clientX!==void 0){return e.clientX}if(e.touches&&e.touches.length>0){return e.touches[0].clientX}return e.clientX};getClientY=e=>{if(e.clientY!==void 0){return e.clientY}if(e.touches&&e.touches.length>0){return e.touches[0].clientY}return e.clientY};}});var properties_exports={};__export(properties_exports,{popup:()=>popup});var larX,larY,isResizable,highIndex,startX,startY,startWidth,startHeight,startLeft,startTop,startBottom,startRight,movableHandlers,resizeHandlers,Win,Body,popup;var init_properties=__esm({"core/properties.ts"(){init_genLayer();init_mobile();larX=250;larY=150;highIndex=1;movableHandlers=new Map;resizeHandlers=new Map;Win=$(window);Body=$("body");popup={open:props=>{if(!props)return;props.id=props.id||Math.round(Math.random()*1e3);props.body=props.body||"";props.class=props.class||"";props.width=props.width||300;props.height=props.height||200;props.minWidth=props.minWidth||340;props.minHeight=props.minHeight||220;props.name=props.name||"popUp_"+props.id;props.source=props.source||null;props.icon=props.icon||null;props.iconize=props.iconize||null;props.maximize=props.maximize||null;props.isMaximize=props.isMaximize||null;props.dockable=props.dockable||null;props.close=props.close||null;props.raised=props.raised||null;props.movable=props.movable||null;props.resizable=props.resizable||null;props.store=props.store||false;props.top=props.top?props.top:"auto";props.left=props.left?props.left:"auto";props.right=props.right?props.right:"auto";props.bottom=props.bottom?props.bottom:"auto";props.fadeIn=props.fadeIn||100;props.fadeOut=props.fadeOut||100;larX=props.minWidth;larY=props.minHeight;if(props.width<props.minWidth)props.width=props.minWidth;if(props.height<props.minHeight)props.height=props.minHeight;if(props.width==="auto")props.width="100%";if(props.height==="auto")props.height="100%";if($("#popup").length===0){$('<div id="popup">',"#popup").appendTo("body").css({"pointer-events":"none","z-index":popup.zIndex($("*"))+1});}if($(".popup_window_"+props.id,"#popup").length===0){genLayer(props);}layerpro.purge(document);return props},dispatch:_e=>{layerpro.popup.store(_e);},store:_element=>{console.debug(_element);},show:item=>{item.toggle();return},vfx:(item,vis,all=false)=>{setTimeout(()=>{$('[class^="popup_overflow_"]',"#popup").css("opacity",vis==true?1:.5).find('[class^="popup_body_"]').css({"content-visibility":vis==true?"auto":"hidden"});item.css("opacity",1);if(!all)$('[class^="popup_body_"]',item).css("content-visibility","visible");return},1);dispatchEvent(new Event("layerProResize"));},center:props=>{const _overflow=$(".popup_overflow_"+props.id,"#popup");_overflow.css("top",Math.max(0,(Win.height()-_overflow.outerHeight())/2+Win.scrollTop()));_overflow.css("left",Math.max(0,(Win.width()-_overflow.outerWidth())/2+Win.scrollLeft()));return},checkArea:e=>{const clientX=getClientX(e);const clientY=getClientY(e);return [clientX,clientY,Win.scrollLeft(),Win.scrollTop(),Win.height(),Win.width()]},close:props=>{let ob;if(!props){$("#popup").fadeOut(()=>{$(void 0).remove();});}else {typeof props==="object"?ob=props.id:ob=props;if(layerpro.popup.unmount){layerpro.popup.unmount(String(ob));}if(layerpro.popup.cleanupEvents){layerpro.popup.cleanupEvents(String(ob));}const movableCleanup=movableHandlers.get(String(ob));if(movableCleanup){const moveOptions={passive:false};if(movableCleanup.move)document.removeEventListener(getPointerMove(),movableCleanup.move,moveOptions);if(movableCleanup.up)document.removeEventListener(getPointerUp(),movableCleanup.up,moveOptions);movableHandlers.delete(String(ob));}const resizeCleanup=resizeHandlers.get(String(ob));if(resizeCleanup){const moveOptions={passive:false};if(resizeCleanup.move)document.removeEventListener(getPointerMove(),resizeCleanup.move,moveOptions);if(resizeCleanup.up)document.removeEventListener(getPointerUp(),resizeCleanup.up,moveOptions);resizeHandlers.delete(String(ob));}if(props.raised===true){$(".popup_raised_"+ob).fadeOut(props.fadeOut||500,e=>{$(".popup_raised_"+ob).remove();});}else {$(".popup_overflow_"+ob).fadeOut(props.fadeOut||500,function(e){$(this).remove();$(".popup_raised_"+ob).fadeOut(props.fadeOut||500,function(e2){$(this).remove();});});}}layerpro.purge(document);setTimeout(()=>popup.removeDock(props),300);return},removeDock:props=>{$(".icon_"+props.id).remove();if($('[class^="popup_overflow_"]',"#popup").length<1){$("#root").css("margin","0");$("#popup_dock").remove();}return},iconize:props=>{const _overflow=$(".popup_overflow_"+props.id,"#popup");if(_overflow.find("[class^=popup_window_]").hasClass("zHigh")===false)return;popup.vfx(_overflow,false,true);if(!_overflow.data("iconize")){_overflow.animate({top:"100%",left:$(".icon_"+props.id,"#popup_dock").offset().left+15,width:0,height:0,opacity:0},200,()=>popup.vfx(_overflow,true));_overflow.data("iconize",{y:_overflow.offset().top,x:_overflow.offset().left,w:_overflow.width(),h:_overflow.height()},200);}else if(_overflow.data("iconize")){const s=_overflow.data("iconize");_overflow.animate({top:s.y,left:s.x,width:s.w,height:s.h,opacity:1},()=>popup.vfx(_overflow,true));_overflow.removeData("iconize");}return},maximize:props=>{const _overflow=$(".popup_overflow_"+props.id,"#popup"),_resize=$('[class^="resize_"]',_overflow),_dragger=$('[class^="popup_drag_"]',_overflow),gap=6;popup.vfx(_overflow,false,true);if(!_overflow.data("store")){_overflow.data("store",{y:_overflow.offset().top,x:_overflow.offset().left,w:_overflow.width(),h:_overflow.height()});_overflow.animate({position:"absolute",top:-gap,left:-gap,right:-gap,bottom:-gap,width:Win.width()+gap*2,height:Win.height()+gap*2-45},()=>{Win.on("layerProResize.eventItem",e=>{_overflow.css({width:Win.width()+gap*2,height:Win.height()+gap*2-40});});_dragger.css("pointer-events","none");_resize.off(getPointerDown());popup.vfx(_overflow,true,true);});}else if(_overflow.data("store")){const s=_overflow.data("store");_overflow.animate({top:s.y,left:s.x,width:s.w,height:s.h},()=>{_dragger.css("pointer-events","auto");_resize.on(getPointerDown(),function(e){popup.resizeModals(e,this,props);});Win.off("layerProResize.eventItem");popup.vfx(_overflow,true);});_overflow.removeData("store");}return},movable:props=>{if(props.movable===false)return;const idStr=String(props.id),_overflow=$(".popup_overflow_"+props.id,"#popup"),_dragger=$(".popup_drag_"+props.id,_overflow),_body=$(".popup_body_"+props.id,_overflow);_overflow.css("touch-action","none");let pos1=0,pos2=0,pos3=0,pos4=0;const elementDrag=e=>{e.preventDefault();const clientX=getClientX(e);const clientY=getClientY(e);pos1=pos3-clientX;pos2=pos4-clientY;pos3=clientX;pos4=clientY;if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&Math.sign(popup.checkArea(e)[1])===1)_overflow.css("top",_overflow.offset().top-pos2);if(popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1)_overflow.css("left",_overflow.offset().left-pos1);return},elementDragEnd=e=>{const moveOptions={passive:false};document.removeEventListener(getPointerMove(),elementDrag,moveOptions);document.removeEventListener(getPointerUp(),elementDragEnd,moveOptions);movableHandlers.delete(idStr);_body.css("pointer-events","auto");popup.vfx(_overflow,true);return};movableHandlers.set(idStr,{move:elementDrag,up:elementDragEnd});const downOptions={passive:false};_dragger[0].addEventListener(getPointerDown(),e=>{e.preventDefault();_body.css("pointer-events","none");dragMouseDown(e);popup.vfx(_overflow,false);},downOptions);if(props.maximize){_dragger.on("dblclick",e=>{layerpro.popup.maximize(props);});}const dragMouseDown=e=>{pos3=getClientX(e);pos4=getClientY(e);const moveOptions={passive:false};document.addEventListener(getPointerMove(),elementDrag,moveOptions);document.addEventListener(getPointerUp(),elementDragEnd,moveOptions);return};return},resizable:props=>{if(!props.resizable)return;const idStr=String(props.id),_overflow=$(".popup_overflow_"+props.id,"#popup");for(let i=4;i--;){$(`<div class='resize_${i}'>`,_overflow).appendTo(_overflow).css("touch-action","none");$(`<div class='resize_corner_${i}'>`,_overflow).appendTo(_overflow).css("touch-action","none");}const handleDown=function(e){popup.resizeModals(e,this,props);},existingHandlers=resizeHandlers.get(idStr)||{};existingHandlers.down=handleDown;resizeHandlers.set(idStr,existingHandlers);const downOptions={passive:false};$("[class^=resize_]").each((_i,el)=>{el.addEventListener(getPointerDown(),e=>{e.preventDefault();popup.resizeModals(e,el,props);},downOptions);});return},resizeModals:(e,id,props)=>{const _sizer=$(id),_parent=_sizer.parent(),idStr=String(props.id);const clientX=getClientX(e);const clientY=getClientY(e);const cords=[clientX-Win.scrollLeft(),clientY-Win.scrollTop()];if(props.minWidth);Body.css("pointer-events","none");_parent.css("pointer-events","none");popup.vfx(_parent,false);const doResHandler=e2=>{popup.doRes(e2,id);},stopResHandler=e2=>{popup.stopRes(id);},existingHandlers=resizeHandlers.get(idStr)||{};existingHandlers.move=doResHandler;existingHandlers.up=stopResHandler;resizeHandlers.set(idStr,existingHandlers);const moveOptions={passive:false};document.addEventListener(getPointerMove(),doResHandler,moveOptions);document.addEventListener(getPointerUp(),stopResHandler,moveOptions);startX=cords[0];startY=cords[1];startWidth=_parent.width();startHeight=_parent.height();startLeft=_parent.position().left;startTop=_parent.position().top;startBottom=startTop+startHeight+1;startRight=startLeft+startWidth+1;isResizable=id;return},doRes:(e,id)=>{dispatchEvent(new Event("layerProResize"));const _sizer=$(id),_parent=_sizer.parent();const clientX=getClientX(e);const clientY=getClientY(e);const cords=[clientX-Win.scrollLeft(),clientY-Win.scrollTop()];if(id===isResizable){let X=startWidth+cords[0]-startX,Y=startHeight+cords[1]-startY;const X1=startWidth-cords[0]+startX,Y1=startHeight-cords[1]+startY;if(X<=0){X=0;}if(Y<=0){Y=0;}if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&Math.sign(popup.checkArea(e)[1])===1){if(_sizer.hasClass("resize_0")){if(_parent.height()<=larY&&Y1>larY){_parent.css({"height":Number(larY+1)});}if(_parent.height()>larY&&larY<=Y1){_parent.css({"top":Number(startBottom-Y1),"height":parseInt(Y1)});}}}if(popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1){if(_sizer.hasClass("resize_1")){if(_parent.width()>=larX){_parent.css({"width":Number(X),"right":Number(startLeft-X)});}if(_parent.width()<=larX){_parent.css({"width":Number(larX+1)});}}}if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&Math.sign(popup.checkArea(e)[1])===1){if(_sizer.hasClass("resize_2")){if(_parent.height()>=larY){_parent.css({"height":Number(Y)});}if(_parent.height()<=larY&&Y>larY){_parent.css({"height":Number(larY+1)});}}}if(popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1){if(_sizer.hasClass("resize_3")){if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}if(_parent.width()>larX&&larX<=X1){_parent.css({"width":parseInt(X1),"left":Number(startRight-X1)});}}}if(popup.checkArea(e)[1]<popup.checkArea(e)[4]&&popup.checkArea(e)[0]<popup.checkArea(e)[5]&&Math.sign(popup.checkArea(e)[0])===1&&Math.sign(popup.checkArea(e)[1])===1){if(_sizer.hasClass("resize_corner_0")){if(_parent.height()>=larY&&Y1>larY){_parent.css({"top":Number(startBottom-Y1),"height":parseInt(Y1)});}if(_parent.height()<=larY&&Y1>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX&&X1>larX){_parent.css({"width":parseInt(X1),"left":Number(startRight-X1)});}if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}}if(_sizer.hasClass("resize_corner_1")){if(_parent.height()>=larY&&Y1>larY){_parent.css({"top":Number(startBottom-Y1),"height":Number(Y1)});}if(_parent.height()<=larY&&Y1>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX){_parent.css({"width":Number(X),"right":Number(startLeft-X)});}if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}}if(_sizer.hasClass("resize_corner_2")){if(_parent.height()>=larY){_parent.css({"height":Number(Y)});}if(_parent.height()<=larY&&Y>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX){_parent.css({"width":Number(X),"right":Number(startLeft-X)});}if(_parent.width()<=larX){_parent.css({"width":Number(larX+1)});}}if(_sizer.hasClass("resize_corner_3")){if(_parent.height()>=larY&&Y>larY){_parent.css({"height":Number(Y)});}if(_parent.height()<=larY&&Y>larY){_parent.css({"height":Number(larY+1)});}if(_parent.width()>=larX&&X1>larX){_parent.css({"width":Number(X1),"left":Number(startRight-X1)});}if(_parent.width()<=larX&&X1>larX){_parent.css({"width":Number(larX+1)});}}}}return},stopRes:id=>{const _sizer=$(id),_parent=_sizer.parent();Body.css("pointer-events","auto");_parent.css("pointer-events","auto");popup.vfx(_parent,true);isResizable=false;const resizeCleanup=resizeHandlers.get(String(id));if(resizeCleanup){const moveOptions={passive:false};if(resizeCleanup.move)document.removeEventListener(getPointerMove(),resizeCleanup.move,moveOptions);if(resizeCleanup.up)document.removeEventListener(getPointerUp(),resizeCleanup.up,moveOptions);resizeHandlers.delete(String(id));}return},index:props=>{const _overflow=$('[class^="popup_overflow_"]',"#popup");$('[class^="popup_window_"]',"#popup").removeClass("zHigh");$('[class^="popup_bar_"]',"#popup").removeClass("popup_bar_selected");$('[class^="icon_"]',"#popup").removeClass("popup_bar_selected");_overflow.each(function(){$(this,"#popup").css("zIndex",$(this,"#popup")[0].style.zIndex-1);});$(".icon_"+props.id,"#popup").addClass("popup_bar_selected");$(".popup_overflow_"+props.id,"#popup").css("zIndex",popup.zIndex(_overflow));$(".popup_bar_"+props.id,"#popup").addClass("popup_bar_selected");$(".popup_window_"+props.id,"#popup").addClass("zHigh");return},zIndex:els=>{els.each(function(){const currentIndex=parseInt($(this,"#popup").css("zIndex"),10);if(currentIndex>highIndex)highIndex=currentIndex;});return highIndex+1}};Object.defineProperty(layerpro,"popup",{value:popup,writable:false,configurable:false});}});var purge;var init_purge=__esm({"core/purge.ts"(){purge=d=>{let a=d.attributes,index,l,n;if(a){l=a.length;for(index=0;index<l;index+=1){n=a[index].name;if(typeof d[n]==="function");}}a=d.childNodes;if(a){l=a.length;for(index=0;index<l;index+=1){layerpro.purge(d.childNodes[index]);}}};Object.defineProperty(layerpro,"purge",{value:new Proxy(purge,{}),writable:false,configurable:false});}});var init_window=__esm({"core/window.ts"(){window.offScreenBuffering=true;addEventListener("wheel",e=>{},{capture:true,passive:true});}});globalThis.$=$2;globalThis.jQuery=$2;var run=()=>{if(window.layerpro)return;Object.defineProperty(window,"layerpro",{value:{},writable:false,configurable:false,enumerable:false});init_credits();init_mouseCoords();init_properties();init_purge();init_window();layerpro.setProps=(obj,options)=>{const allProps=Reflect.ownKeys(obj);allProps.forEach(prop=>{const descriptor=Object.getOwnPropertyDescriptor(obj,prop);if(descriptor){descriptor.enumerable=options?.enumerable||false;descriptor.configurable=options?.enumerable||false;descriptor.writable=options?.writable||false;Object.defineProperty(obj,prop,descriptor);}if(typeof obj[prop]==="object"&&obj[prop]!==null)layerpro.setProps(obj[prop],options);});return};layerpro.setProps(layerpro,{configurable:false,enumerable:false,writable:false});Object.freeze(layerpro);};run();
|
|
57
|
+
`).appendTo("#popup").css({pointerEvents:"auto",zIndex:Number(layerpro.popup.zIndex($("#popup")))+1e3})),$("#popup_dock").length>0&&e.dockable===true){let r=String(e.id),a=`
|
|
58
|
+
<div class="icon_${e.id}">
|
|
59
|
+
<span>${e.icon?e.icon:""}</span>
|
|
60
|
+
<span>${l}</span>
|
|
61
|
+
`,s=function(Ie){$(".popup_overflow_"+e.id+":hidden")?(layerpro.popup.iconize(e),layerpro.popup.index(e)):layerpro.popup.iconize(e),layerpro.popup.index(e);},w=function(Ie){e?.buttons?.cancel?.cb&&e?.buttons?.cancel?.cb(),layerpro.popup.close(e);};f.set(r,{iconClick:true,iconClose:true}),$(a,"#popup_dock").appendTo("#popup_dock_list").addClass("popup_bar_selected").find("span").on("click",s),$(`<button class="icon_close_${e.id}">X</button>`,"#popup_dock").appendTo(`.icon_${e.id}`).on("click",w);}if(e.iconize===true){let r=String(e.id),a=function(w){layerpro.popup.iconize(e);},s=f.get(r)||{};s.buttonIconize=true,f.set(r,s),$('<button class="button_iconize_'+e.id+' iconize">',"#popup").appendTo(".popup_option_"+e.id).on("click",a);}if(e.maximize===true){let r=String(e.id),a=function(w){layerpro.popup.maximize(e);},s=f.get(r)||{};s.buttonMaximize=true,f.set(r,s),$('<button class="button_maximize_'+e.id+' maximize">',"#popup").appendTo(".popup_option_"+e.id).on("click",a);}if(e.close===true){let r=String(e.id),a=function(w){e?.buttons?.cancel?.cb&&e?.buttons?.cancel?.cb(),layerpro.popup.close(e);},s=f.get(r)||{};s.buttonClose=true,f.set(r,s),$('<button class="button_close_'+e.id+' close">',"#popup").appendTo(".popup_option_"+e.id).on("click",a);}let b=function(r){(r.key==="Escape"||r.keyCode===27)&&(e?.buttons?.cancel?.cb&&e?.buttons?.cancel?.cb(),layerpro.popup.close(e));},h=String(e.id),u=f.get(h)||{};if(u.escKey=true,f.set(h,u),$(document).on("keydown",b),e.timer>0){let r={};r[`st_${e.id}`]=setTimeout(()=>{layerpro.popup.close(e),clearTimeout(r[`st_${e.id}`]);},e.timer);}if(e.source){let r=$(".popup_body_"+e.id),a=String(e.source);try{let s=new URL(a,window.location.origin);if(s.protocol!=="https:"&&s.protocol!=="http:"&&s.protocol!==""){console.error("Invalid URL protocol:",s.protocol);return}}catch{console.error("Invalid source URL:",e.source);return}fetch(a,{mode:"same-origin"}).then(s=>{let w=s.headers.get("content-type")||"";if(w.includes("text/html")||console.warn("Source returned non-HTML content:",w),!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.text()}).then(s=>{let w=Z(s);r.hide().html(w).fadeIn(e.fadeIn);}).catch(s=>{console.error("Error loading content:",s);});}e.movable&&layerpro.popup.movable(e),e.resizable&&layerpro.popup.resizable(e),e.isMaximize&&layerpro.popup.maximize(e);let g=()=>{if(e.body&&!e.source)if(typeof e.body=="object"&&e.body!==null&&e.body.props!==void 0){let a=document.querySelector(".popup_body_"+e.id);if(!a){console.debug("Container not found for React component");return}try{let s=createRoot(a);s.render(e.body),L.set(String(e.id),s);}catch(s){console.error("Error rendering React component:",s);}}else if(typeof e.body=="string"&&e.body.trim().startsWith("<")){let a=Z(e.body);$(".popup_body_"+e.id).html(a).fadeIn(e.fadeIn);}else {let a=Z(String(e.body));$(".popup_body_"+e.id).text(a).fadeIn(e.fadeIn);}},m=()=>{if(e.buttons){if($('<div class="buttons"></div>').appendTo(".popup_body_"+e.id),e.buttons.confirm){let r=$(`<button id="lp_confirm" type="button">
|
|
62
|
+
${e.buttons.confirm.text.toUpperCase()}
|
|
63
|
+
</button>`).appendTo(".buttons");e.buttons.confirm.cb&&r.click(()=>{e.buttons?.confirm?.cb?.(),layerpro.popup.close(e);});}e.buttons.cancel&&$(`<button id="lp_cancel" type="button">
|
|
64
|
+
${e.buttons.cancel.text.toUpperCase()}
|
|
65
|
+
</button>`).appendTo(".buttons").click(()=>{e.buttons?.cancel?.cb?.(),layerpro.popup.close(e);});}},_=$('<div class="popup_overflow_'+e.id+'">',"#popup");$('<div class="popup_internal_'+e.id+'">',_).appendTo(i),$('<div class="popup_body_'+e.id+'">',_).appendTo(".popup_internal_"+e.id).hide().fadeIn(e.fadeIn,function(){g(),m();});};});var T,ae,re,ce,W,ie,ne,se,k,y,A,M,x,pe=C(()=>{T=()=>typeof window>"u"?false:window.matchMedia("(max-width: 1024px)").matches,ae=()=>{if(typeof navigator>"u")return false;let e=navigator.userAgent;return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(e)},re=()=>"ontouchstart"in window||navigator.maxTouchPoints>0,ce=()=>{if(window.__FORCE_TOUCH_MODE__===true)return "touch";let e=ae()||T();return re()&&e?"touch":"mouse"},W=ce(),ie=!T(),ne=null,se=()=>{console.debug(`[LayerPro] Mode: ${W==="touch"?"MOBILE (touch events)":"DESKTOP (mouse events)"} | UA: ${ae()?"mobile":"desktop"} | Viewport: ${T()?"mobile":"desktop"} | Touch: ${re()}`);};typeof window<"u"&&se();if(typeof window<"u"){let e=window.matchMedia("(max-width: 1024px)"),t=()=>{let o=ce(),n=W,l=!T();W=o,se(),ie!==l&&(ie=l,ne&&ne(o,n));};e.addListener?e.addListener(t):e.addEventListener("change",t);let i;window.addEventListener("resize",()=>{clearTimeout(i),i=setTimeout(t,150);});}k=()=>"pointerdown",y=()=>"pointermove",A=()=>"pointerup",M=e=>e.clientX!==void 0?e.clientX:e.touches&&e.touches.length>0?e.touches[0].clientX:e.clientX,x=e=>e.clientY!==void 0?e.clientY:e.touches&&e.touches.length>0?e.touches[0].clientY:e.clientY;});var ue={};X(ue,{popup:()=>c});var d,p,P,H,E,B,Y,G,j,le,S,O,R,v,I,de,c,ge=C(()=>{oe();pe();d=250,p=150,H=1,R=new Map,v=new Map,I=$(window),de=$("body"),c={open:e=>{if(e)return e.id=e.id||Math.round(Math.random()*1e3),e.body=e.body||"",e.class=e.class||"",e.width=e.width||300,e.height=e.height||200,e.minWidth=e.minWidth||340,e.minHeight=e.minHeight||220,e.name=e.name||"popUp_"+e.id,e.source=e.source||null,e.icon=e.icon||null,e.iconize=e.iconize||null,e.maximize=e.maximize||null,e.isMaximize=e.isMaximize||null,e.dockable=e.dockable||null,e.close=e.close||null,e.raised=e.raised||null,e.movable=e.movable||null,e.resizable=e.resizable||null,e.store=e.store||false,e.top=e.top?e.top:"auto",e.left=e.left?e.left:"auto",e.right=e.right?e.right:"auto",e.bottom=e.bottom?e.bottom:"auto",e.fadeIn=e.fadeIn||100,e.fadeOut=e.fadeOut||100,d=e.minWidth,p=e.minHeight,e.width<e.minWidth&&(e.width=e.minWidth),e.height<e.minHeight&&(e.height=e.minHeight),e.width==="auto"&&(e.width="100%"),e.height==="auto"&&(e.height="100%"),$("#popup").length===0&&$('<div id="popup">',"#popup").appendTo("body").css({"pointer-events":"none","z-index":c.zIndex($("*"))+1}),$(".popup_window_"+e.id,"#popup").length===0&&te(e),layerpro.purge(document),e},dispatch:e=>{layerpro.popup.store(e);},store:e=>{console.debug(e);},show:e=>{e.toggle();},vfx:(e,t,i=false)=>{setTimeout(()=>{$('[class^="popup_overflow_"]',"#popup").css("opacity",t==true?1:.5).find('[class^="popup_body_"]').css({"content-visibility":t==true?"auto":"hidden"}),e.css("opacity",1),i||$('[class^="popup_body_"]',e).css("content-visibility","visible");},1),dispatchEvent(new Event("layerProResize"));},center:e=>{let t=$(".popup_overflow_"+e.id,"#popup");t.css("top",Math.max(0,(I.height()-t.outerHeight())/2+I.scrollTop())),t.css("left",Math.max(0,(I.width()-t.outerWidth())/2+I.scrollLeft()));},checkArea:e=>{let t=M(e),i=x(e);return [t,i,I.scrollLeft(),I.scrollTop(),I.height(),I.width()]},close:e=>{let t;if(!e)$("#popup").fadeOut(()=>{$(void 0).remove();});else {typeof e=="object"?t=e.id:t=e,layerpro.popup.unmount&&layerpro.popup.unmount(String(t)),layerpro.popup.cleanupEvents&&layerpro.popup.cleanupEvents(String(t));let i=R.get(String(t));if(i){let n={passive:false};i.move&&document.removeEventListener(y(),i.move,n),i.up&&document.removeEventListener(A(),i.up,n),R.delete(String(t));}let o=v.get(String(t));if(o){let n={passive:false};o.move&&document.removeEventListener(y(),o.move,n),o.up&&document.removeEventListener(A(),o.up,n),v.delete(String(t));}e.raised===true?$(".popup_raised_"+t).fadeOut(e.fadeOut||500,n=>{$(".popup_raised_"+t).remove();}):$(".popup_overflow_"+t).fadeOut(e.fadeOut||500,function(n){$(this).remove(),$(".popup_raised_"+t).fadeOut(e.fadeOut||500,function(l){$(this).remove();});});}layerpro.purge(document),setTimeout(()=>c.removeDock(e),300);},removeDock:e=>{$(".icon_"+e.id).remove(),$('[class^="popup_overflow_"]',"#popup").length<1&&($("#root").css("margin","0"),$("#popup_dock").remove());},iconize:e=>{let t=$(".popup_overflow_"+e.id,"#popup");if(t.find("[class^=popup_window_]").hasClass("zHigh")!==false){if(c.vfx(t,false,true),!t.data("iconize"))t.animate({top:"100%",left:$(".icon_"+e.id,"#popup_dock").offset().left+15,width:0,height:0,opacity:0},200,()=>c.vfx(t,true)),t.data("iconize",{y:t.offset().top,x:t.offset().left,w:t.width(),h:t.height()},200);else if(t.data("iconize")){let i=t.data("iconize");t.animate({top:i.y,left:i.x,width:i.w,height:i.h,opacity:1},()=>c.vfx(t,true)),t.removeData("iconize");}}},maximize:e=>{let t=$(".popup_overflow_"+e.id,"#popup"),i=$('[class^="resize_"]',t),o=$('[class^="popup_drag_"]',t),n=6;if(c.vfx(t,false,true),!t.data("store"))t.data("store",{y:t.offset().top,x:t.offset().left,w:t.width(),h:t.height()}),t.animate({position:"absolute",top:-n,left:-n,right:-n,bottom:-n,width:I.width()+n*2,height:I.height()+n*2-45},()=>{I.on("layerProResize.eventItem",l=>{t.css({width:I.width()+n*2,height:I.height()+n*2-40});}),o.css("pointer-events","none"),i.off(k()),c.vfx(t,true,true);});else if(t.data("store")){let l=t.data("store");t.animate({top:l.y,left:l.x,width:l.w,height:l.h},()=>{o.css("pointer-events","auto"),i.on(k(),function(b){c.resizeModals(b,this,e);}),I.off("layerProResize.eventItem"),c.vfx(t,true);}),t.removeData("store");}},movable:e=>{if(e.movable===false)return;let t=String(e.id),i=$(".popup_overflow_"+e.id,"#popup"),o=$(".popup_drag_"+e.id,i),n=$(".popup_body_"+e.id,i);i.css("touch-action","none");let l=0,b=0,h=0,u=0,g=a=>{a.preventDefault();let s=M(a),w=x(a);l=h-s,b=u-w,h=s,u=w,c.checkArea(a)[1]<c.checkArea(a)[4]&&Math.sign(c.checkArea(a)[1])===1&&i.css("top",i.offset().top-b),c.checkArea(a)[0]<c.checkArea(a)[5]&&Math.sign(c.checkArea(a)[0])===1&&i.css("left",i.offset().left-l);},m=a=>{let s={passive:false};document.removeEventListener(y(),g,s),document.removeEventListener(A(),m,s),R.delete(t),n.css("pointer-events","auto"),c.vfx(i,true);};R.set(t,{move:g,up:m});let _={passive:false};o[0].addEventListener(k(),a=>{a.preventDefault(),n.css("pointer-events","none"),r(a),c.vfx(i,false);},_),e.maximize&&o.on("dblclick",a=>{layerpro.popup.maximize(e);});let r=a=>{h=M(a),u=x(a);let s={passive:false};document.addEventListener(y(),g,s),document.addEventListener(A(),m,s);};},resizable:e=>{if(!e.resizable)return;let t=String(e.id),i=$(".popup_overflow_"+e.id,"#popup");for(let b=4;b--;)$(`<div class='resize_${b}'>`,i).appendTo(i).css("touch-action","none"),$(`<div class='resize_corner_${b}'>`,i).appendTo(i).css("touch-action","none");let o=function(b){c.resizeModals(b,this,e);},n=v.get(t)||{};n.down=o,v.set(t,n);let l={passive:false};$("[class^=resize_]").each((b,h)=>{h.addEventListener(k(),u=>{u.preventDefault(),c.resizeModals(u,h,e);},l);});},resizeModals:(e,t,i)=>{let o=$(t),n=o.parent(),l=String(i.id),b=M(e),h=x(e),u=[b-I.scrollLeft(),h-I.scrollTop()];i.minWidth,de.css("pointer-events","none"),n.css("pointer-events","none"),c.vfx(n,false);let g=a=>{c.doRes(a,t);},m=a=>{c.stopRes(t);},_=v.get(l)||{};_.move=g,_.up=m,v.set(l,_);let r={passive:false};document.addEventListener(y(),g,r),document.addEventListener(A(),m,r),E=u[0],B=u[1],Y=n.width(),G=n.height(),j=n.position().left,le=n.position().top,S=le+G+1,O=j+Y+1,P=t;},doRes:(e,t)=>{dispatchEvent(new Event("layerProResize"));let i=$(t),o=i.parent(),n=M(e),l=x(e),b=[n-I.scrollLeft(),l-I.scrollTop()];if(t===P){let h=Y+b[0]-E,u=G+b[1]-B,g=Y-b[0]+E,m=G-b[1]+B;h<=0&&(h=0),u<=0&&(u=0),c.checkArea(e)[1]<c.checkArea(e)[4]&&Math.sign(c.checkArea(e)[1])===1&&i.hasClass("resize_0")&&(o.height()<=p&&m>p&&o.css({height:Number(p+1)}),o.height()>p&&p<=m&&o.css({top:Number(S-m),height:parseInt(m)})),c.checkArea(e)[0]<c.checkArea(e)[5]&&Math.sign(c.checkArea(e)[0])===1&&i.hasClass("resize_1")&&(o.width()>=d&&o.css({width:Number(h),right:Number(j-h)}),o.width()<=d&&o.css({width:Number(d+1)})),c.checkArea(e)[1]<c.checkArea(e)[4]&&Math.sign(c.checkArea(e)[1])===1&&i.hasClass("resize_2")&&(o.height()>=p&&o.css({height:Number(u)}),o.height()<=p&&u>p&&o.css({height:Number(p+1)})),c.checkArea(e)[0]<c.checkArea(e)[5]&&Math.sign(c.checkArea(e)[0])===1&&i.hasClass("resize_3")&&(o.width()<=d&&g>d&&o.css({width:Number(d+1)}),o.width()>d&&d<=g&&o.css({width:parseInt(g),left:Number(O-g)})),c.checkArea(e)[1]<c.checkArea(e)[4]&&c.checkArea(e)[0]<c.checkArea(e)[5]&&Math.sign(c.checkArea(e)[0])===1&&Math.sign(c.checkArea(e)[1])===1&&(i.hasClass("resize_corner_0")&&(o.height()>=p&&m>p&&o.css({top:Number(S-m),height:parseInt(m)}),o.height()<=p&&m>p&&o.css({height:Number(p+1)}),o.width()>=d&&g>d&&o.css({width:parseInt(g),left:Number(O-g)}),o.width()<=d&&g>d&&o.css({width:Number(d+1)})),i.hasClass("resize_corner_1")&&(o.height()>=p&&m>p&&o.css({top:Number(S-m),height:Number(m)}),o.height()<=p&&m>p&&o.css({height:Number(p+1)}),o.width()>=d&&o.css({width:Number(h),right:Number(j-h)}),o.width()<=d&&g>d&&o.css({width:Number(d+1)})),i.hasClass("resize_corner_2")&&(o.height()>=p&&o.css({height:Number(u)}),o.height()<=p&&u>p&&o.css({height:Number(p+1)}),o.width()>=d&&o.css({width:Number(h),right:Number(j-h)}),o.width()<=d&&o.css({width:Number(d+1)})),i.hasClass("resize_corner_3")&&(o.height()>=p&&u>p&&o.css({height:Number(u)}),o.height()<=p&&u>p&&o.css({height:Number(p+1)}),o.width()>=d&&g>d&&o.css({width:Number(g),left:Number(O-g)}),o.width()<=d&&g>d&&o.css({width:Number(d+1)})));}},stopRes:e=>{let t=$(e),i=t.parent();de.css("pointer-events","auto"),i.css("pointer-events","auto"),c.vfx(i,true),P=false;let o=v.get(String(e));if(o){let n={passive:false};o.move&&document.removeEventListener(y(),o.move,n),o.up&&document.removeEventListener(A(),o.up,n),v.delete(String(e));}},index:e=>{let t=$('[class^="popup_overflow_"]',"#popup");$('[class^="popup_window_"]',"#popup").removeClass("zHigh"),$('[class^="popup_bar_"]',"#popup").removeClass("popup_bar_selected"),$('[class^="icon_"]',"#popup").removeClass("popup_bar_selected"),t.each(function(){$(this,"#popup").css("zIndex",$(this,"#popup")[0].style.zIndex-1);}),$(".icon_"+e.id,"#popup").addClass("popup_bar_selected"),$(".popup_overflow_"+e.id,"#popup").css("zIndex",c.zIndex(t)),$(".popup_bar_"+e.id,"#popup").addClass("popup_bar_selected"),$(".popup_window_"+e.id,"#popup").addClass("zHigh");},zIndex:e=>(e.each(function(){let t=parseInt($(this,"#popup").css("zIndex"),10);t>H&&(H=t);}),H+1)};Object.defineProperty(layerpro,"popup",{value:c,writable:false,configurable:false});});var Le,be=C(()=>{Le=e=>{let t=e.attributes,i,o,n;if(t)for(o=t.length,i=0;i<o;i+=1)n=t[i].name,e[n];if(t=e.childNodes,t)for(o=t.length,i=0;i<o;i+=1)layerpro.purge(e.childNodes[i]);};Object.defineProperty(layerpro,"purge",{value:new Proxy(Le,{}),writable:false,configurable:false});});var me=C(()=>{window.offScreenBuffering=true;addEventListener("wheel",e=>{},{capture:true,passive:true});});globalThis.$=he;globalThis.jQuery=he;var Ye=()=>{window.layerpro||(Object.defineProperty(window,"layerpro",{value:{},writable:false,configurable:false,enumerable:false}),J(),q(),ge(),be(),me(),layerpro.setProps=(e,t)=>{Reflect.ownKeys(e).forEach(o=>{let n=Object.getOwnPropertyDescriptor(e,o);n&&(n.enumerable=t?.enumerable||false,n.configurable=t?.enumerable||false,n.writable=t?.writable||false,Object.defineProperty(e,o,n)),typeof e[o]=="object"&&e[o]!==null&&layerpro.setProps(e[o],t);});},layerpro.setProps(layerpro,{configurable:false,enumerable:false,writable:false}),Object.freeze(layerpro));};Ye();
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "layerpro",
|
|
3
|
-
"
|
|
3
|
+
"code": "layerpro",
|
|
4
|
+
"version": "2.1.0",
|
|
4
5
|
"description": "The real custom modals, alert, confirm, prompt... for your browser",
|
|
5
6
|
"main": "./index.cjs",
|
|
6
7
|
"browser": "./index.cjs",
|
|
7
8
|
"types": "./index.d.ts",
|
|
8
9
|
"typing": "./types/*",
|
|
9
|
-
"homepage": "https://a51.gitbook.io/
|
|
10
|
+
"homepage": "https://a51.gitbook.io/layerpro",
|
|
10
11
|
"license": "MIT",
|
|
11
12
|
"copyright": "Dario Passariello",
|
|
12
13
|
"author": "Dario Passariello",
|
|
@@ -45,28 +46,22 @@
|
|
|
45
46
|
],
|
|
46
47
|
"repository": {
|
|
47
48
|
"type": "git",
|
|
48
|
-
"url": "git+https://github.com/a51-dev/a51.
|
|
49
|
+
"url": "git+https://github.com/a51-dev/a51.layerpro.git"
|
|
49
50
|
},
|
|
50
51
|
"bugs": {
|
|
51
|
-
"url": "https://github.com/a51-dev/a51.
|
|
52
|
+
"url": "https://github.com/a51-dev/a51.layerpro/issues"
|
|
52
53
|
},
|
|
53
54
|
"support": {
|
|
54
55
|
"name": "Dario Passariello",
|
|
55
56
|
"url": "https://dario.passariello.ca/",
|
|
56
57
|
"email": "dariopassariello@gmail.com"
|
|
57
58
|
},
|
|
58
|
-
"dependencies": {
|
|
59
|
-
"jquery": "4.0.0"
|
|
60
|
-
},
|
|
61
59
|
"peerDependenciesMeta": {
|
|
62
60
|
"react": {
|
|
63
61
|
"optional": false
|
|
64
62
|
},
|
|
65
63
|
"react-dom": {
|
|
66
64
|
"optional": false
|
|
67
|
-
},
|
|
68
|
-
"jquery": {
|
|
69
|
-
"optional": false
|
|
70
65
|
}
|
|
71
66
|
},
|
|
72
67
|
"module": "./index.js",
|