nwl-components 0.0.24 → 0.0.27

package/dist/nwl-components.es.js

@@ -10075,7 +10075,7 @@ var _imports_0$2 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZG
 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 Editor_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-6d4ade60"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-60b8b667"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = { class: "content-wrapper" };
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0$2,
@@ -10117,6 +10117,7 @@ const _sfc_main$8 = {
     const position = ref({ top: 5, left: 5, right: "auto" });
     const relativeCoords = ref({ left: 0, top: 0 });
     const toggled = ref(true);
+    const toolsRect = ref({});
     const handleMouseDown = (event) => {
       const headerRect = event.target.getBoundingClientRect();
       relativeCoords.value = {
@@ -10127,17 +10128,16 @@ const _sfc_main$8 = {
     };
     const placeLeft = () => {
       drag.value = false;
-      const areaRect = document.querySelector(".area").getBoundingClientRect();
-      position.value = { left: `${areaRect.left + margin}px`, top: `${areaRect.top + margin}px`, right: "auto" };
+      position.value = { left: `${margin}px`, top: `${margin}px`, right: "auto" };
     };
     const placeRight = () => {
       drag.value = false;
-      const areaRect = document.querySelector(".area").getBoundingClientRect();
-      position.value = { left: "auto", top: `${areaRect.top + margin}px`, right: `${margin}px` };
+      position.value = { left: "auto", top: `${margin}px`, right: `${margin}px` };
     };
     onMounted(() => {
       document.addEventListener("mousemove", handleMove);
       placeLeft();
+      toolsRect.value = document.querySelector(".area .tools").getBoundingClientRect();
     });
     onUnmounted(() => {
       document.removeEventListener("mousemove", handleMove);
@@ -10145,7 +10145,10 @@ const _sfc_main$8 = {
     const handleMove = (event) => {
       if (!drag.value)
         return;
-      position.value = { left: `${event.clientX - relativeCoords.value.left}px`, top: `${event.clientY - relativeCoords.value.top}px` };
+      const areaRect = document.querySelector(".area").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` };
     };
     const margin = 5;
     return (_ctx, _cache) => {
@@ -10158,6 +10161,7 @@ const _sfc_main$8 = {
           renderSlot(_ctx.$slots, "content", {}, void 0, true)
         ]),
         createElementVNode("div", {
+          ref: "tools",
           class: "tools",
           style: normalizeStyle(__spreadValues({}, position.value))
         }, [
@@ -10197,7 +10201,7 @@ const _sfc_main$8 = {
     };
   }
 };
-var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-6d4ade60"]]);
+var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-60b8b667"]]);
 var RangeSlider_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = { class: "range-slider" };
 const _hoisted_2$3 = /* @__PURE__ */ createTextVNode("-");