nwl-components 1.1.0 → 1.1.2

package/dist/nwl-components.es.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import require$$0, { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs, h, normalizeStyle, computed, setBlockTracking, withModifiers } from "vue";
+import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs, h, normalizeStyle, computed, setBlockTracking, withModifiers } from "vue";
 let nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
   byte &= 63;
   if (byte < 36) {
@@ -962,9 +962,6 @@ function renderDomElement(el, hashOrValue, config, rendererFactory) {
   }
 }
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
 var md5$1 = { exports: {} };
 var crypt = { exports: {} };
 (function() {
@@ -10177,307 +10174,8 @@ var ButtonsGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "da
 var _imports_0$2 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3OTIiCiAgIGhlaWdodD0iMTc5MiIKICAgdmlld0JveD0iMCAwIDE3OTIgMTc5MiIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImJhcnMuc3ZnIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzY3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjkxMiIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4yNjU1NDczIgogICAgIGlua3NjYXBlOmN4PSIyMDMuNDY5OTEiCiAgICAgaW5rc2NhcGU6Y3k9Ijg5NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjMiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDI1Ny44MjY2Myw1MTQuNDU0NDggcSAwLC0xMS40OTA3OSAyNy4wNjUzOCwtMTkuODg3OSAyNy4wNjUzOCwtOC4zOTcxMSA2NC4xMDIyMywtOC4zOTcxMSBsIDEwOTQuMDExNTYsMCBxIDM3LjAzNjgsMCA2NC4xMDIyLDguMzk3MSAyNy4wNjU0LDguMzk3MTEgMjcuMDY1NCwxOS44ODc5IGwgMCw1Ni41NzAwMSBxIDAsMTEuNDkwNzkgLTI3LjA2NTQsMTkuODg3OSAtMjcuMDY1NCw4LjM5NzExIC02NC4xMDIyLDguMzk3MTEgbCAtMTA5NC4wMTE1NiwwIHEgLTM3LjAzNjg1LDAgLTY0LjEwMjIzLC04LjM5NzExIC0yNy4wNjUzOCwtOC4zOTcxMSAtMjcuMDY1MzgsLTE5Ljg4NzkgbCAwLC01Ni41NzAwMSB6IgogICAgIGlkPSJwYXRoNC01IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgIGQ9Im0gMjU3LjgyNjYzLDEyMjguNTA3NCBxIDAsLTExLjQ5MDggMjcuMDY1MzgsLTE5Ljg4NzkgMjcuMDY1MzgsLTguMzk3MSA2NC4xMDIyMywtOC4zOTcxIGwgMTA5NC4wMTE1NiwwIHEgMzcuMDM2OCwwIDY0LjEwMjIsOC4zOTcxIDI3LjA2NTQsOC4zOTcxIDI3LjA2NTQsMTkuODg3OSBsIDAsNTYuNTcgcSAwLDExLjQ5MDggLTI3LjA2NTQsMTkuODg3OSAtMjcuMDY1NCw4LjM5NzEgLTY0LjEwMjIsOC4zOTcxIGwgLTEwOTQuMDExNTUsMCBxIC0zNy4wMzY4NCwwIC02NC4xMDIyMywtOC4zOTcxIC0yNy4wNjUzOCwtOC4zOTcxIC0yNy4wNjUzOCwtMTkuODg3OSBsIDAsLTU2LjU3IHoiCiAgICAgaWQ9InBhdGg0LTUtOCIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDI1Ny44MjY2Niw4NzEuNDgwOTkgcSAwLC0xMS40OTA3OSAyNy4wNjUzOCwtMTkuODg3ODkgMjcuMDY1NCwtOC4zOTcxMiA2NC4xMDIyMywtOC4zOTcxMiBsIDEwOTQuMDExNDMsMCBxIDM3LjAzNjcsMCA2NC4xMDIyLDguMzk3MTEgMjcuMDY1NCw4LjM5NzExIDI3LjA2NTQsMTkuODg3ODkgbCAwLDU2LjU3MDAyIHEgMCwxMS40OTA4IC0yNy4wNjU0LDE5Ljg4NzkgLTI3LjA2NTUsOC4zOTcxIC02NC4xMDIyLDguMzk3MSBsIC0xMDk0LjAxMTQyLDAgcSAtMzcuMDM2ODQsMCAtNjQuMTAyMjQsLTguMzk3MSAtMjcuMDY1MzgsLTguMzk3MSAtMjcuMDY1MzgsLTE5Ljg4NzkgbCAwLC01Ni41NzAwMiB6IgogICAgIGlkPSJwYXRoNC01LTciCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==";
 var _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InRpbWVzLWNpcmNsZS5zdmciCiAgIHdpZHRoPSIxNTM2IgogICBoZWlnaHQ9IjE1MzYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0MjEiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTI3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjI0OTgzNTc4IgogICAgIGlua3NjYXBlOmN4PSI2MDMuNjk5NjYiCiAgICAgaW5rc2NhcGU6Y3k9IjcxNy41NzkzMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iOTQiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxjaXJjbGUKICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NDkuMjI0MDcxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eTowIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzcxLjM2ODc3IgogICAgIGN5PSI3NjkuNTgwMDgiCiAgICAgcj0iNzQxLjQ0Mjk5IiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDQ3Ni41NDc5Miw0MjUuOTcxNzEgcSAxMC4wNjYyMywtMTAuMDMxMTUgMzAuODMzODcsLTMuOTAzMTQgMjAuNzY3NjUsNi4xMjggMzkuMTIwMzEsMjQuNTQ0ODQgbCA1NDIuMTA5NCw1NDQuMDA0OTkgcSAxOC4zNTI2LDE4LjQxNjggMjQuNDA4MSwzOS4yMDU3IDYuMDU1NSwyMC43ODg5IC00LjAxMDcsMzAuODIwMSBsIC00OS41NTY4LDQ5LjM4NDEgcSAtMTAuMDY2MiwxMC4wMzExIC0zMC44MzM5LDMuOTAzMSAtMjAuNzY3NiwtNi4xMjggLTM5LjEyMDMsLTI0LjU0NDggTCA0NDcuMzg4NTQsNTQ1LjM4MTYgcSAtMTguMzUyNjYsLTE4LjQxNjg0IC0yNC40MDgxNCwtMzkuMjA1NzQgLTYuMDU1NDgsLTIwLjc4ODkxIDQuMDEwNzUsLTMwLjgyMDA2IGwgNDkuNTU2NzgsLTQ5LjM4NDEgeiIKICAgICBpZD0icGF0aDQiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgZD0ibSAxMTEwLjAyODMsNDc2LjU0NzkxIHEgMTAuMDMxMSwxMC4wNjYyMiAzLjkwMzEsMzAuODMzODcgLTYuMTI4LDIwLjc2NzY1IC0yNC41NDQ4LDM5LjEyMDMxIEwgNTQ1LjM4MTU5LDEwODguNjExNSBxIC0xOC40MTY4MywxOC4zNTI2IC0zOS4yMDU3NCwyNC40MDgxIC0yMC43ODg5LDYuMDU1NSAtMzAuODIwMDUsLTQuMDEwNyBsIC00OS4zODQwOSwtNDkuNTU2OCBxIC0xMC4wMzExNSwtMTAuMDY2MiAtMy45MDMxNiwtMzAuODMzOSA2LjEyODAyLC0yMC43Njc2IDI0LjU0NDg1LC0zOS4xMjAzIEwgOTkwLjYxODQxLDQ0Ny4zODg1MyBxIDE4LjQxNjc5LC0xOC4zNTI2NiAzOS4yMDU2OSwtMjQuNDA4MTUgMjAuNzg5LC02LjA1NTQ3IDMwLjgyMDEsNC4wMTA3NiBsIDQ5LjM4NDEsNDkuNTU2NzggeiIKICAgICBpZD0icGF0aDQtNiIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgo8L3N2Zz4K";
 var _imports_2$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3OTIiCiAgIGhlaWdodD0iMTc5MiIKICAgdmlld0JveD0iMCAwIDE3OTIgMTc5MiIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNhcmV0LXNxdWFyZS1vLWxlZnQuc3ZnIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNzg1IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwODIiCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuMzc4MTEyNzkiCiAgICAgaW5rc2NhcGU6Y3g9IjEyMTEuMDgzNSIKICAgICBpbmtzY2FwZTpjeT0iOTIyLjE5MzY0IgogICAgIGlua3NjYXBlOndpbmRvdy14PSI0IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI0NiIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPGcKICAgICBpZD0iZzQyMTAiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC45MzgwMTQ1MywwLDAsMC44NzI1ODU0Miw1NS41Mzg5ODEsMTE0LjE2MzQ2KSI+CiAgICA8cGF0aAogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3NzcyIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaWQ9InBhdGg0IgogICAgICAgZD0ibSAxNTIxLjQ5OTQsMTUxNi40MTI5IC0zLjgzNDIsLTEyNDUuNzk0MjkgYyAtMC4wMjcsLTguNjY2NjMgLTMuMTY2NywtMTYuMTY2NjcgLTkuNSwtMjIuNSAtNi4zMzMzLC02LjMzMzMzIC0xMy44MzM0LC05LjQ3NjE4IC0yMi41LC05LjUgbCAtODAyLjkyMTQyLC0yLjIwNzA4IGMgLTguNjY2NjMsLTAuMDIzOCAtMTguMDU5NTcsMS43Mjc1MyAtMjQuMzkyOSw4LjA2MDg2IC02LjMzMzMzLDYuMzMzMzMgLTcuNTgwNzYsNC4yMDAxMyAtNy42MDcxLDIzLjkzOTE0IGwgLTEuNjY2LDEyNDguNzc1ODcgYyAtMC4wMTE2LDguNjY2OCAzLjE2NjY3LDE2LjE2NjcgOS41LDIyLjUgNi4zMzMzMyw2LjMzMzMgMTMuODMzMzIsOS41MDgzIDIyLjUsOS41IGwgODA4LjQyMTYyLC0wLjc3NDUgYyA4LjY2NjYsLTAuMDEgMTYuMTY2NywtMy4xNjY3IDIyLjUsLTkuNSA2LjMzMzMsLTYuMzMzMyA5LjUyNjcsLTEzLjgzMzQgOS41LC0yMi41IHogTSAxNjY0LDQxNiBsIDAsOTYwIGMgMCw3OS4zMzMzIC0yOC4xNjY3LDE0Ny4xNjY3IC04NC41LDIwMy41IC01Ni4zMzMzLDU2LjMzMzMgLTEyNC4xNjY3LDg0LjUgLTIwMy41LDg0LjUgbCAtOTYwLDAgYyAtNzkuMzMzMzMsMCAtMTQ3LjE2NjY3LC0yOC4xNjY3IC0yMDMuNSwtODQuNSBDIDE1Ni4xNjY2NywxNTIzLjE2NjcgMTI4LDE0NTUuMzMzMyAxMjgsMTM3NiBsIDAsLTk2MCBDIDEyOCwzMzYuNjY2NjcgMTU2LjE2NjY3LDI2OC44MzMzMyAyMTIuNSwyMTIuNSAyNjguODMzMzMsMTU2LjE2NjY3IDMzNi42NjY2NywxMjggNDE2LDEyOCBsIDk2MCwwIGMgNzkuMzMzMywwIDE0Ny4xNjY3LDI4LjE2NjY3IDIwMy41LDg0LjUgNTYuMzMzMyw1Ni4zMzMzMyA4NC41LDEyNC4xNjY2NyA4NC41LDIwMy41IHoiIC8+CiAgPC9nPgo8L3N2Zz4K";
-var vueResizable_umd_min = { exports: {} };
-(function(module, exports) {
-  (function(t, e) {
-    module.exports = e(require$$0);
-  })(typeof self !== "undefined" ? self : commonjsGlobal, function(t) {
-    return function() {
-      var e = { 294: function(t2, e2, i2) {
-        i2.r(e2);
-        var s2 = i2(81), n2 = i2.n(s2), r = i2(645), h2 = i2.n(r), a = h2()(n2());
-        a.push([t2.id, ".resizable-component[data-v-8fc0f3c6]{position:relative}.resizable-component>.resizable-r[data-v-8fc0f3c6]{z-index:90;cursor:e-resize;top:0;height:100%}.resizable-component>.resizable-r[data-v-8fc0f3c6],.resizable-component>.resizable-rb[data-v-8fc0f3c6]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:12px;right:-6px}.resizable-component>.resizable-rb[data-v-8fc0f3c6]{cursor:se-resize;height:12px;bottom:-6px;z-index:91}.resizable-component>.resizable-b[data-v-8fc0f3c6]{z-index:90;cursor:s-resize;width:100%;left:0}.resizable-component>.resizable-b[data-v-8fc0f3c6],.resizable-component>.resizable-lb[data-v-8fc0f3c6]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;height:12px;bottom:-6px}.resizable-component>.resizable-lb[data-v-8fc0f3c6]{cursor:sw-resize;width:12px;left:-6px;z-index:91}.resizable-component>.resizable-l[data-v-8fc0f3c6]{z-index:90;cursor:w-resize;height:100%;top:0}.resizable-component>.resizable-l[data-v-8fc0f3c6],.resizable-component>.resizable-lt[data-v-8fc0f3c6]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:12px;left:-6px}.resizable-component>.resizable-lt[data-v-8fc0f3c6]{cursor:nw-resize;height:12px;top:-6px;z-index:91}.resizable-component>.resizable-t[data-v-8fc0f3c6]{z-index:90;cursor:n-resize;width:100%;left:0}.resizable-component>.resizable-rt[data-v-8fc0f3c6],.resizable-component>.resizable-t[data-v-8fc0f3c6]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;height:12px;top:-6px}.resizable-component>.resizable-rt[data-v-8fc0f3c6]{cursor:ne-resize;width:12px;right:-6px;z-index:91}", ""]), e2["default"] = a;
-      }, 645: function(t2) {
-        t2.exports = function(t3) {
-          var e2 = [];
-          return e2.toString = function() {
-            return this.map(function(e3) {
-              var i2 = "", s2 = typeof e3[5] !== "undefined";
-              return e3[4] && (i2 += "@supports (".concat(e3[4], ") {")), e3[2] && (i2 += "@media ".concat(e3[2], " {")), s2 && (i2 += "@layer".concat(e3[5].length > 0 ? " ".concat(e3[5]) : "", " {")), i2 += t3(e3), s2 && (i2 += "}"), e3[2] && (i2 += "}"), e3[4] && (i2 += "}"), i2;
-            }).join("");
-          }, e2.i = function(t4, i2, s2, n2, r) {
-            typeof t4 === "string" && (t4 = [[null, t4, void 0]]);
-            var h2 = {};
-            if (s2)
-              for (var a = 0; a < this.length; a++) {
-                var o = this[a][0];
-                o != null && (h2[o] = true);
-              }
-            for (var l = 0; l < t4.length; l++) {
-              var c = [].concat(t4[l]);
-              s2 && h2[c[0]] || (typeof r !== "undefined" && (typeof c[5] === "undefined" || (c[1] = "@layer".concat(c[5].length > 0 ? " ".concat(c[5]) : "", " {").concat(c[1], "}")), c[5] = r), i2 && (c[2] ? (c[1] = "@media ".concat(c[2], " {").concat(c[1], "}"), c[2] = i2) : c[2] = i2), n2 && (c[4] ? (c[1] = "@supports (".concat(c[4], ") {").concat(c[1], "}"), c[4] = n2) : c[4] = "".concat(n2)), e2.push(c));
-            }
-          }, e2;
-        };
-      }, 81: function(t2) {
-        t2.exports = function(t3) {
-          return t3[1];
-        };
-      }, 82: function(t2, e2) {
-        e2.Z = (t3, e3) => {
-          const i2 = t3.__vccOpts || t3;
-          for (const [s2, n2] of e3)
-            i2[s2] = n2;
-          return i2;
-        };
-      }, 280: function(t2, e2, i2) {
-        var s2 = i2(294);
-        s2.__esModule && (s2 = s2.default), typeof s2 === "string" && (s2 = [[t2.id, s2, ""]]), s2.locals && (t2.exports = s2.locals);
-        var n2 = i2(650).Z;
-        n2("84b5f9d4", s2, true, { sourceMap: false, shadowMode: false });
-      }, 650: function(t2, e2, i2) {
-        function s2(t3, e3) {
-          for (var i3 = [], s3 = {}, n3 = 0; n3 < e3.length; n3++) {
-            var r2 = e3[n3], h3 = r2[0], a2 = r2[1], o2 = r2[2], l2 = r2[3], c2 = { id: t3 + ":" + n3, css: a2, media: o2, sourceMap: l2 };
-            s3[h3] ? s3[h3].parts.push(c2) : i3.push(s3[h3] = { id: h3, parts: [c2] });
-          }
-          return i3;
-        }
-        i2.d(e2, { Z: function() {
-          return m;
-        } });
-        var n2 = typeof document !== "undefined";
-        if (typeof DEBUG !== "undefined" && DEBUG && !n2)
-          throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");
-        var r = {}, h2 = n2 && (document.head || document.getElementsByTagName("head")[0]), a = null, o = 0, l = false, c = function() {
-        }, d = null, u = "data-vue-ssr-id", f = typeof navigator !== "undefined" && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase());
-        function m(t3, e3, i3, n3) {
-          l = i3, d = n3 || {};
-          var h3 = s2(t3, e3);
-          return p(h3), function(e4) {
-            for (var i4 = [], n4 = 0; n4 < h3.length; n4++) {
-              var a2 = h3[n4], o2 = r[a2.id];
-              o2.refs--, i4.push(o2);
-            }
-            e4 ? (h3 = s2(t3, e4), p(h3)) : h3 = [];
-            for (n4 = 0; n4 < i4.length; n4++) {
-              o2 = i4[n4];
-              if (o2.refs === 0) {
-                for (var l2 = 0; l2 < o2.parts.length; l2++)
-                  o2.parts[l2]();
-                delete r[o2.id];
-              }
-            }
-          };
-        }
-        function p(t3) {
-          for (var e3 = 0; e3 < t3.length; e3++) {
-            var i3 = t3[e3], s3 = r[i3.id];
-            if (s3) {
-              s3.refs++;
-              for (var n3 = 0; n3 < s3.parts.length; n3++)
-                s3.parts[n3](i3.parts[n3]);
-              for (; n3 < i3.parts.length; n3++)
-                s3.parts.push(v(i3.parts[n3]));
-              s3.parts.length > i3.parts.length && (s3.parts.length = i3.parts.length);
-            } else {
-              var h3 = [];
-              for (n3 = 0; n3 < i3.parts.length; n3++)
-                h3.push(v(i3.parts[n3]));
-              r[i3.id] = { id: i3.id, refs: 1, parts: h3 };
-            }
-          }
-        }
-        function b() {
-          var t3 = document.createElement("style");
-          return t3.type = "text/css", h2.appendChild(t3), t3;
-        }
-        function v(t3) {
-          var e3, i3, s3 = document.querySelector("style[" + u + '~="' + t3.id + '"]');
-          if (s3) {
-            if (l)
-              return c;
-            s3.parentNode.removeChild(s3);
-          }
-          if (f) {
-            var n3 = o++;
-            s3 = a || (a = b()), e3 = z.bind(null, s3, n3, false), i3 = z.bind(null, s3, n3, true);
-          } else
-            s3 = b(), e3 = w.bind(null, s3), i3 = function() {
-              s3.parentNode.removeChild(s3);
-            };
-          return e3(t3), function(s4) {
-            if (s4) {
-              if (s4.css === t3.css && s4.media === t3.media && s4.sourceMap === t3.sourceMap)
-                return;
-              e3(t3 = s4);
-            } else
-              i3();
-          };
-        }
-        var g = function() {
-          var t3 = [];
-          return function(e3, i3) {
-            return t3[e3] = i3, t3.filter(Boolean).join("\n");
-          };
-        }();
-        function z(t3, e3, i3, s3) {
-          var n3 = i3 ? "" : s3.css;
-          if (t3.styleSheet)
-            t3.styleSheet.cssText = g(e3, n3);
-          else {
-            var r2 = document.createTextNode(n3), h3 = t3.childNodes;
-            h3[e3] && t3.removeChild(h3[e3]), h3.length ? t3.insertBefore(r2, h3[e3]) : t3.appendChild(r2);
-          }
-        }
-        function w(t3, e3) {
-          var i3 = e3.css, s3 = e3.media, n3 = e3.sourceMap;
-          if (s3 && t3.setAttribute("media", s3), d.ssrId && t3.setAttribute(u, e3.id), n3 && (i3 += "\n/*# sourceURL=" + n3.sources[0] + " */", i3 += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(n3)))) + " */"), t3.styleSheet)
-            t3.styleSheet.cssText = i3;
-          else {
-            while (t3.firstChild)
-              t3.removeChild(t3.firstChild);
-            t3.appendChild(document.createTextNode(i3));
-          }
-        }
-      }, 203: function(e2) {
-        e2.exports = t;
-      } }, i = {};
-      function s(t2) {
-        var n2 = i[t2];
-        if (n2 !== void 0)
-          return n2.exports;
-        var r = i[t2] = { id: t2, exports: {} };
-        return e[t2](r, r.exports, s), r.exports;
-      }
-      !function() {
-        s.n = function(t2) {
-          var e2 = t2 && t2.__esModule ? function() {
-            return t2["default"];
-          } : function() {
-            return t2;
-          };
-          return s.d(e2, { a: e2 }), e2;
-        };
-      }(), function() {
-        s.d = function(t2, e2) {
-          for (var i2 in e2)
-            s.o(e2, i2) && !s.o(t2, i2) && Object.defineProperty(t2, i2, { enumerable: true, get: e2[i2] });
-        };
-      }(), function() {
-        s.o = function(t2, e2) {
-          return Object.prototype.hasOwnProperty.call(t2, e2);
-        };
-      }(), function() {
-        s.r = function(t2) {
-          typeof Symbol !== "undefined" && Symbol.toStringTag && Object.defineProperty(t2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t2, "__esModule", { value: true });
-        };
-      }(), function() {
-        s.p = "";
-      }();
-      var n = {};
-      return function() {
-        if (s.r(n), s.d(n, { default: function() {
-          return f;
-        } }), typeof window !== "undefined") {
-          var t2 = window.document.currentScript, e2 = t2 && t2.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);
-          e2 && (s.p = e2[1]);
-        }
-        var i2 = s(203);
-        function r(t3, e3, s2, n2, r2, h3) {
-          return (0, i2.openBlock)(), (0, i2.createElementBlock)("div", { ref: "parent", class: "resizable-component", style: (0, i2.normalizeStyle)(h3.style) }, [(0, i2.renderSlot)(t3.$slots, "default", {}, void 0, true), ((0, i2.openBlock)(true), (0, i2.createElementBlock)(i2.Fragment, null, (0, i2.renderList)(s2.active, (t4) => (0, i2.withDirectives)(((0, i2.openBlock)(), (0, i2.createElementBlock)("div", { key: t4, class: (0, i2.normalizeClass)("resizable-" + t4) }, null, 2)), [[i2.vShow, !s2.maximize]])), 128))], 4);
-        }
-        const h2 = { "resizable-r": { bit: 1, cursor: "e-resize" }, "resizable-rb": { bit: 3, cursor: "se-resize" }, "resizable-b": { bit: 2, cursor: "s-resize" }, "resizable-lb": { bit: 6, cursor: "sw-resize" }, "resizable-l": { bit: 4, cursor: "w-resize" }, "resizable-lt": { bit: 12, cursor: "nw-resize" }, "resizable-t": { bit: 8, cursor: "n-resize" }, "resizable-rt": { bit: 9, cursor: "ne-resize" }, "drag-el": { bit: 15, cursor: "pointer" } }, a = { l: 1, t: 2, w: 4, h: 8 };
-        var o = { name: "VResizable", props: { width: { default: void 0, type: [Number, String] }, minWidth: { default: 0, type: Number }, maxWidth: { default: void 0, type: Number }, height: { default: void 0, type: [Number, String] }, minHeight: { default: 0, type: Number }, maxHeight: { default: void 0, type: Number }, left: { default: 0, type: [Number, String] }, top: { default: 0, type: [Number, String] }, active: { default: () => ["r", "rb", "b", "lb", "l", "lt", "t", "rt"], validator: (t3) => ["r", "rb", "b", "lb", "l", "lt", "t", "rt"].filter((e3) => t3.indexOf(e3) !== -1).length === t3.length, type: Array }, fitParent: { default: false, type: Boolean }, dragSelector: { default: void 0, type: String }, maximize: { default: false, type: Boolean }, disableAttributes: { default: () => [], validator: (t3) => ["l", "t", "w", "h"].filter((e3) => t3.indexOf(e3) !== -1).length === t3.length, type: Array } }, emits: ["mount", "destroy", "resize:start", "resize:move", "resize:end", "drag:start", "drag:move", "drag:end", "maximize"], data() {
-          return { w: this.width, h: this.height, minW: this.minWidth, minH: this.minHeight, maxW: this.maxWidth, maxH: this.maxHeight, l: this.left, t: this.top, mouseX: 0, mouseY: 0, offsetX: 0, offsetY: 0, parent: { width: 0, height: 0 }, resizeState: 0, dragElements: [], dragState: false, calcMap: 15 };
-        }, computed: { style() {
-          return { ...this.calcMap & a.w && { width: typeof this.w === "number" ? this.w + "px" : this.w }, ...this.calcMap & a.h && { height: typeof this.h === "number" ? this.h + "px" : this.h }, ...this.calcMap & a.l && { left: typeof this.l === "number" ? this.l + "px" : this.l }, ...this.calcMap & a.t && { top: typeof this.t === "number" ? this.t + "px" : this.t } };
-        } }, watch: { maxWidth(t3) {
-          this.maxW = t3;
-        }, maxHeight(t3) {
-          this.maxH = t3;
-        }, minWidth(t3) {
-          this.minW = t3;
-        }, minHeight(t3) {
-          this.minH = t3;
-        }, width(t3) {
-          typeof t3 === "number" && (this.w = t3);
-        }, height(t3) {
-          typeof t3 === "number" && (this.h = t3);
-        }, left(t3) {
-          typeof t3 === "number" && (this.l = t3);
-        }, top(t3) {
-          typeof t3 === "number" && (this.t = t3);
-        }, dragSelector(t3) {
-          this.setupDragElements(t3);
-        }, maximize(t3) {
-          this.setMaximize(t3), this.emitEvent("maximize", { state: t3 });
-        } }, mounted() {
-          this.width ? this.width !== "auto" && typeof this.width !== "number" && (this.w = this.$el.clientWidth) : this.w = this.$el.parentElement.clientWidth, this.height ? this.height !== "auto" && typeof this.height !== "number" && (this.h = this.$el.clientHeight) : this.h = this.$el.parentElement.clientHeight, typeof this.left !== "number" && (this.l = this.$el.offsetLeft - this.$el.parentElement.offsetLeft), typeof this.top !== "number" && (this.t = this.$el.offsetTop - this.$el.parentElement.offsetTop), this.minW && this.w < this.minW && (this.w = this.minW), this.minH && this.h < this.minH && (this.h = this.minH), this.maxW && this.w > this.maxW && (this.w = this.maxW), this.maxH && this.h > this.maxH && (this.h = this.maxH), this.setMaximize(this.maximize), this.setupDragElements(this.dragSelector), this.disableAttributes.forEach((t3) => {
-            switch (t3) {
-              case "l":
-                this.calcMap &= ~a.l;
-                break;
-              case "t":
-                this.calcMap &= ~a.t;
-                break;
-              case "w":
-                this.calcMap &= ~a.w;
-                break;
-              case "h":
-                this.calcMap &= ~a.h;
-            }
-          }), document.documentElement.addEventListener("mousemove", this.handleMove, true), document.documentElement.addEventListener("mousedown", this.handleDown, true), document.documentElement.addEventListener("mouseup", this.handleUp, true), document.documentElement.addEventListener("touchmove", this.handleMove, true), document.documentElement.addEventListener("touchstart", this.handleDown, true), document.documentElement.addEventListener("touchend", this.handleUp, true), this.emitEvent("mount");
-        }, beforeUnmount() {
-          document.documentElement.removeEventListener("mousemove", this.handleMove, true), document.documentElement.removeEventListener("mousedown", this.handleDown, true), document.documentElement.removeEventListener("mouseup", this.handleUp, true), document.documentElement.removeEventListener("touchmove", this.handleMove, true), document.documentElement.removeEventListener("touchstart", this.handleDown, true), document.documentElement.removeEventListener("touchend", this.handleUp, true), this.emitEvent("destroy");
-        }, methods: { setMaximize(t3) {
-          const e3 = this.$el.parentElement;
-          t3 ? (this.prevState = { w: this.w, h: this.h, l: this.l, t: this.t }, this.t = this.l = 0, this.w = e3.clientWidth, this.h = e3.clientHeight) : this.restoreSize();
-        }, restoreSize() {
-          this.prevState && (this.l = this.prevState.l, this.t = this.prevState.t, this.h = this.prevState.h, this.w = this.prevState.w);
-        }, setupDragElements(t3) {
-          const e3 = this.$el.querySelectorAll(".drag-el");
-          e3.forEach((t4) => {
-            t4.classList.remove("drag-el");
-          });
-          const i3 = this.$el.querySelectorAll(t3);
-          i3.forEach((t4) => {
-            t4.classList.add("drag-el");
-          }), this.dragElements = Array.prototype.slice.call(i3);
-        }, emitEvent(t3, e3) {
-          this.$emit(t3, { eventName: t3, left: this.l, top: this.t, width: this.w, height: this.h, ...e3 });
-        }, handleMove(t3) {
-          if (this.resizeState !== 0) {
-            let e3, i3;
-            if (this.dragState || (isNaN(this.w) && (this.w = this.$el.clientWidth), isNaN(this.h) && (this.h = this.$el.clientHeight)), t3.touches && t3.touches.length >= 0 ? (e3 = t3.touches[0].clientY, i3 = t3.touches[0].clientX) : (e3 = t3.clientY, i3 = t3.clientX), this.maximize && this.prevState) {
-              const t4 = this.parent.width, s3 = this.parent.height;
-              this.restoreSize(), this.prevState = void 0, this.t = e3 > s3 / 2 ? s3 - this.h : 0, this.l = i3 > t4 / 2 ? t4 - this.w : 0, this.emitEvent("maximize", { state: false });
-            }
-            let s2 = i3 - this.mouseX + this.offsetX, n2 = e3 - this.mouseY + this.offsetY;
-            if (this.$el.getBoundingClientRect) {
-              const t4 = this.$el.getBoundingClientRect(), e4 = t4.width / this.$el.offsetWidth || 1, i4 = t4.height / this.$el.offsetHeight || 1;
-              s2 /= e4, n2 /= i4;
-            }
-            this.offsetX = this.offsetY = 0, this.resizeState & h2["resizable-r"].bit && (!this.dragState && this.w + s2 < this.minW ? this.offsetX = s2 - (s2 = this.minW - this.w) : !this.dragState && this.maxW && this.w + s2 > this.maxW && (!this.fitParent || this.w + this.l < this.parent.width) ? this.offsetX = s2 - (s2 = this.maxW - this.w) : this.fitParent && this.l + this.w + s2 > this.parent.width && (this.offsetX = s2 - (s2 = this.parent.width - this.l - this.w)), this.calcMap & a.w && (this.w += this.dragState ? 0 : s2)), this.resizeState & h2["resizable-b"].bit && (!this.dragState && this.h + n2 < this.minH ? this.offsetY = n2 - (n2 = this.minH - this.h) : !this.dragState && this.maxH && this.h + n2 > this.maxH && (!this.fitParent || this.h + this.t < this.parent.height) ? this.offsetY = n2 - (n2 = this.maxH - this.h) : this.fitParent && this.t + this.h + n2 > this.parent.height && (this.offsetY = n2 - (n2 = this.parent.height - this.t - this.h)), this.calcMap & a.h && (this.h += this.dragState ? 0 : n2)), this.resizeState & h2["resizable-l"].bit && (!this.dragState && this.w - s2 < this.minW ? this.offsetX = s2 - (s2 = this.w - this.minW) : !this.dragState && this.maxW && this.w - s2 > this.maxW && this.l >= 0 ? this.offsetX = s2 - (s2 = this.w - this.maxW) : this.fitParent && this.l + s2 < 0 && (this.offsetX = s2 - (s2 = -this.l)), this.calcMap & a.l && (this.l += s2), this.calcMap & a.w && (this.w -= this.dragState ? 0 : s2)), this.resizeState & h2["resizable-t"].bit && (!this.dragState && this.h - n2 < this.minH ? this.offsetY = n2 - (n2 = this.h - this.minH) : !this.dragState && this.maxH && this.h - n2 > this.maxH && this.t >= 0 ? this.offsetY = n2 - (n2 = this.h - this.maxH) : this.fitParent && this.t + n2 < 0 && (this.offsetY = n2 - (n2 = -this.t)), this.calcMap & a.t && (this.t += n2), this.calcMap & a.h && (this.h -= this.dragState ? 0 : n2)), this.mouseX = i3, this.mouseY = e3;
-            const r2 = this.dragState ? "drag:move" : "resize:move";
-            this.emitEvent(r2);
-          }
-        }, handleDown(t3) {
-          if (!t3.target.closest || t3.target.closest(".resizable-component") === this.$refs["parent"]) {
-            for (let e3 in h2)
-              if (this.$el.contains(t3.target) && (t3.target.closest && t3.target.closest(`.${e3}`) || t3.target.classList.contains(e3))) {
-                e3 === "drag-el" && (this.dragState = true), document.body.style.cursor = h2[e3].cursor, t3.touches && t3.touches.length >= 1 ? (this.mouseX = t3.touches[0].clientX, this.mouseY = t3.touches[0].clientY) : (t3.preventDefault && t3.preventDefault(), this.mouseX = t3.clientX, this.mouseY = t3.clientY), this.offsetX = this.offsetY = 0, this.resizeState = h2[e3].bit, this.parent.height = this.$el.parentElement.clientHeight, this.parent.width = this.$el.parentElement.clientWidth;
-                const i3 = this.dragState ? "drag:start" : "resize:start";
-                this.emitEvent(i3);
-                break;
-              }
-          }
-        }, handleUp() {
-          if (this.resizeState !== 0) {
-            this.resizeState = 0, document.body.style.cursor = "";
-            const t3 = this.dragState ? "drag:end" : "resize:end";
-            this.emitEvent(t3), this.dragState = false;
-          }
-        } } }, l = (s(280), s(82));
-        const c = (0, l.Z)(o, [["render", r], ["__scopeId", "data-v-8fc0f3c6"]]);
-        var d = c, u = d, f = u;
-      }(), n;
-    }();
-  });
-})(vueResizable_umd_min);
-var VueResizable = /* @__PURE__ */ getDefaultExportFromCjs(vueResizable_umd_min.exports);
-var Editor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".area[data-v-07dd413e]{position:relative}.show-tools[data-v-07dd413e]{width:32px;height:32px;border:thin solid #777;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center}.show-tools img[data-v-07dd413e]{width:28px}.tools[data-v-07dd413e]{position:absolute;z-index:11}.tools .palette[data-v-07dd413e]{width:100%;height:100%;min-width:274px;background-color:#000000b3;box-shadow:2px 2px 5px gray}.tools .palette .content[data-v-07dd413e] button,.tools .palette .content[data-v-07dd413e] .group{flex-grow:1;flex-shrink:1;margin:1px}.tools .palette .content[data-v-07dd413e] button{padding:3px 6px}.tools .palette .content[data-v-07dd413e] .group button{padding:3px 6px;margin:0}.tools .content[data-v-07dd413e]{padding:5px 10px;height:100%;display:flex;flex-direction:column}.header[data-v-07dd413e]{display:flex;background:#333;user-select:none;align-items:center}.header button[data-v-07dd413e]{appearance:none;border:0;background:transparent;padding:5px;display:flex;align-items:center}.header button img[data-v-07dd413e]{max-height:14px}.title[data-v-07dd413e]{margin-left:5px;margin-right:auto}.content-wrapper[data-v-07dd413e]{position:relative;width:100%;height:100%}\n")();
-const _withScopeId$2 = (n) => (pushScopeId("data-v-07dd413e"), n = n(), popScopeId(), n);
+var Editor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".area[data-v-57feee5c]{position:relative}.show-tools[data-v-57feee5c]{width:32px;height:32px;border:thin solid #777;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center}.show-tools img[data-v-57feee5c]{width:28px}.tools[data-v-57feee5c]{position:absolute;z-index:11}.tools .palette[data-v-57feee5c]{width:100%;height:100%;min-width:274px;background-color:#000000b3;box-shadow:2px 2px 5px gray}.tools .palette .content[data-v-57feee5c] button,.tools .palette .content[data-v-57feee5c] .group{flex-grow:1;flex-shrink:1;margin:1px}.tools .palette .content[data-v-57feee5c] button{padding:1px 6px}.tools .palette .content[data-v-57feee5c] .group button{padding:1px 6px;margin:0}.tools .content[data-v-57feee5c]{padding:5px 10px;height:100%;display:flex;flex-direction:column}.header[data-v-57feee5c]{display:flex;background:#333;user-select:none;align-items:center}.header button[data-v-57feee5c]{appearance:none;border:0;background:transparent;padding:5px;display:flex;align-items:center}.header button img[data-v-57feee5c]{max-height:14px}.title[data-v-57feee5c]{margin-left:5px;margin-right:auto}.content-wrapper[data-v-57feee5c]{position:relative;width:100%;height:100%}.resizable[data-v-57feee5c]{position:relative;min-width:275px;min-height:275px}.resizable--two-cols[data-v-57feee5c]{min-height:230px}.resizable-handle[data-v-57feee5c]{display:block;right:0;bottom:0;position:absolute;z-index:100;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACC2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjE8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb24+MjwvdGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KD0UqkwAAACJJREFUCB1jYMABPn/+/B+rFA0l4EbDGVAXwPlwBroEkA8ARSMmcY29DXYAAAAASUVORK5CYII=);background-position:bottom right;background-repeat:no-repeat;opacity:.6;width:15px;height:15px}\n")();
+const _withScopeId$2 = (n) => (pushScopeId("data-v-57feee5c"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = { class: "content-wrapper" };
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0$2,
@@ -10514,21 +10212,22 @@ const _hoisted_13 = [
 const _hoisted_14 = { class: "content" };
 const _sfc_main$9 = {
   __name: "Editor",
-  props: { title: String, dense: Boolean },
+  props: { title: String, height: Number },
   setup(__props) {
-    const props = __props;
     const drag = ref(false);
+    const dragResizableHandle = ref(false);
     const position = ref({ top: 5, left: 5, right: "auto" });
     const relativeCoords = ref({ left: 0, top: 0 });
     const toggled = ref(true);
+    const toolsWidth = ref("275px");
+    const toolsHeight = ref("auto");
     const toolsRect = ref({});
     const area = ref(null);
-    watch(props, () => {
-      if (props.dense) {
-        const resizable = area.value.querySelector(".resizable-component");
-        resizable.style.height = "auto";
-      }
-    });
+    ref(null);
+    ref(220);
+    const resizableWidth = ref(0);
+    const resizableHeight = ref(0);
+    const hasTwoCols = ref(false);
     const handleMouseDown = (event) => {
       const headerRect = event.target.getBoundingClientRect();
       relativeCoords.value = {
@@ -10537,6 +10236,17 @@ const _sfc_main$9 = {
       };
       drag.value = true;
     };
+    const handleMouseLeaveOrUp = () => {
+      drag.value = false;
+      dragResizableHandle.value = false;
+      resizableWidth.value = 0;
+      resizableHeight.value = 0;
+    };
+    const handleResizableMouseDown = (event) => {
+      dragResizableHandle.value = true;
+      toolsRect.value = area.value.querySelector(".tools").getBoundingClientRect();
+      event.preventDefault();
+    };
     const placeLeft = () => {
       drag.value = false;
       position.value = { left: `${margin}px`, top: `${margin}px`, right: "auto" };
@@ -10552,11 +10262,6 @@ const _sfc_main$9 = {
         return;
       parseInt(position.value.left) > areaRect.width / 2 - toolsRect.value.width / 2 ? placeRight() : placeLeft();
     };
-    const onResizeEnd = () => {
-      const resizable = area.value.querySelector(".resizable-component");
-      const paletteRect = area.value.querySelector(".palette").getBoundingClientRect();
-      resizable.style.height = paletteRect.height + "px";
-    };
     onMounted(() => {
       document.addEventListener("mousemove", handleMove);
       placeLeft();
@@ -10566,21 +10271,30 @@ const _sfc_main$9 = {
       document.removeEventListener("mousemove", handleMove);
     });
     const handleMove = (event) => {
-      if (!drag.value)
-        return;
-      const areaRect = area.value.getBoundingClientRect();
-      const posX = Math.max(0, Math.min(areaRect.width - toolsRect.value.width, event.clientX - areaRect.left - relativeCoords.value.left));
-      const posY = Math.max(0, Math.min(areaRect.height - toolsRect.value.height, event.clientY - areaRect.top - relativeCoords.value.top));
-      position.value = { left: `${posX}px`, top: `${posY}px` };
+      if (drag.value) {
+        const areaRect = area.value.getBoundingClientRect();
+        const posX = Math.max(0, Math.min(areaRect.width - toolsRect.value.width, event.clientX - areaRect.left - relativeCoords.value.left));
+        const posY = Math.max(0, Math.min(areaRect.height - toolsRect.value.height, event.clientY - areaRect.top - relativeCoords.value.top));
+        position.value = { left: `${posX}px`, top: `${posY}px` };
+      }
+      if (dragResizableHandle.value) {
+        const initialRight = toolsRect.value.left + toolsRect.value.width;
+        const initialBottom = toolsRect.value.top + toolsRect.value.height;
+        const offsetRight = event.clientX - initialRight;
+        const offsetBottom = event.clientY - initialBottom;
+        toolsWidth.value = parseInt(toolsRect.value.width + offsetRight) + "px";
+        toolsHeight.value = parseInt(toolsRect.value.height + offsetBottom) + "px";
+        hasTwoCols.value = toolsRect.value.width + offsetRight > 520;
+      }
     };
     const margin = 5;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "area",
-        onMouseup: _cache[2] || (_cache[2] = ($event) => drag.value = false),
+        onMouseup: handleMouseLeaveOrUp,
+        onMouseleave: handleMouseLeaveOrUp,
         ref_key: "area",
-        ref: area,
-        onMousleave: _cache[3] || (_cache[3] = ($event) => drag.value = false)
+        ref: area
       }, [
         createElementVNode("div", _hoisted_1$8, [
           renderSlot(_ctx.$slots, "content", {}, void 0, true)
@@ -10596,41 +10310,38 @@ const _sfc_main$9 = {
           }, _hoisted_3$4, 512), [
             [vShow, !toggled.value]
           ]),
-          withDirectives(createVNode(unref(VueResizable), {
-            active: __props.dense ? ["r"] : ["rb", "b", "r"],
-            "min-width": 275,
-            "min-height": __props.dense ? 0 : 320,
-            width: 275,
-            height: __props.dense ? "auto" : 320,
-            "onResize:end": onResizeEnd
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$4, [
-                createElementVNode("div", {
-                  class: "header",
-                  onMousedown: handleMouseDown
-                }, [
-                  createElementVNode("button", {
-                    class: "toggle",
-                    onClick: _cache[1] || (_cache[1] = ($event) => hideTools())
-                  }, _hoisted_6$2),
-                  createElementVNode("span", _hoisted_7$2, toDisplayString(__props.title), 1),
-                  createElementVNode("button", {
-                    class: "left",
-                    onMousedown: withModifiers(placeLeft, ["stop"])
-                  }, _hoisted_10, 40, _hoisted_8$1),
-                  createElementVNode("button", {
-                    class: "right",
-                    onMousedown: withModifiers(placeRight, ["stop"])
-                  }, _hoisted_13, 40, _hoisted_11)
-                ], 32),
-                createElementVNode("div", _hoisted_14, [
-                  renderSlot(_ctx.$slots, "tools", {}, void 0, true)
-                ])
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(["resizable", { "resizable--two-cols": hasTwoCols.value }]),
+            style: normalizeStyle({ width: toolsWidth.value, height: toolsHeight.value })
+          }, [
+            createElementVNode("div", {
+              class: "resizable-handle",
+              onMousedown: handleResizableMouseDown
+            }, null, 32),
+            createElementVNode("div", _hoisted_4$4, [
+              createElementVNode("div", {
+                class: "header",
+                onMousedown: handleMouseDown
+              }, [
+                createElementVNode("button", {
+                  class: "toggle",
+                  onClick: _cache[1] || (_cache[1] = ($event) => hideTools())
+                }, _hoisted_6$2),
+                createElementVNode("span", _hoisted_7$2, toDisplayString(__props.title), 1),
+                createElementVNode("button", {
+                  class: "left",
+                  onMousedown: withModifiers(placeLeft, ["stop"])
+                }, _hoisted_10, 40, _hoisted_8$1),
+                createElementVNode("button", {
+                  class: "right",
+                  onMousedown: withModifiers(placeRight, ["stop"])
+                }, _hoisted_13, 40, _hoisted_11)
+              ], 32),
+              createElementVNode("div", _hoisted_14, [
+                renderSlot(_ctx.$slots, "tools", {}, void 0, true)
               ])
-            ]),
-            _: 3
-          }, 8, ["active", "min-height", "height"]), [
+            ])
+          ], 6), [
             [vShow, toggled.value]
           ])
         ], 4)
@@ -10638,7 +10349,7 @@ const _sfc_main$9 = {
     };
   }
 };
-var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-07dd413e"]]);
+var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-57feee5c"]]);
 var RangeSlider_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".range-slider[data-v-7b4d1dd8]{display:flex;align-items:center;justify-content:center;width:100%}input[type=range][data-v-7b4d1dd8]{-webkit-appearance:none;margin:18px 5px;width:100%;background:transparent}input[type=range][data-v-7b4d1dd8]:focus{outline:none}input[type=range][data-v-7b4d1dd8]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:white;border:0}input[type=range][data-v-7b4d1dd8]::-webkit-slider-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer;-webkit-appearance:none;margin-top:-10px}input[type=range][data-v-7b4d1dd8]:focus::-webkit-slider-runnable-track{background:white}input[type=range][data-v-7b4d1dd8]::-moz-range-track{width:100%;height:1px;background:#ffffff;cursor:pointer;box-shadow:none;border:none}input[type=range][data-v-7b4d1dd8]::-moz-range-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:50%;background:white;cursor:pointer}input[type=range][data-v-7b4d1dd8]::-ms-track{width:100%;height:1px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range][data-v-7b4d1dd8]::-ms-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer}input[type=range][data-v-7b4d1dd8]:focus::-ms-fill-lower{background:white}input[type=range][data-v-7b4d1dd8]:focus::-ms-fill-upper{background:white}\n")();
 const _hoisted_1$7 = { class: "range-slider" };
 const _hoisted_2$3 = /* @__PURE__ */ createTextVNode("-");