@volverjs/ui-vue 0.0.10-beta.5 → 0.0.10-beta.50

package/dist/directives/v-contextmenu.es.js

@@ -1,40 +1,146 @@
-import { ref } from "vue";
+import { reactive, ref, getCurrentInstance, onMounted, onUnmounted, computed, unref } from "vue";
+import { wrap } from "comlink";
+import "pica";
+const DEFAULT_ALERT_GROUP = "default";
+reactive(
+  /* @__PURE__ */ new Map([
+    [DEFAULT_ALERT_GROUP, /* @__PURE__ */ new Map()]
+  ])
+);
+function findScrollContainer(element) {
+  if (!element) {
+    return void 0;
+  }
+  let parent = element.parentElement;
+  while (parent) {
+    const { overflow } = window.getComputedStyle(parent);
+    if (overflow.split(" ").every((item) => item === "auto" || item === "scroll")) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return document.documentElement;
+}
+function useDropdownVirtualElement(dropdownEl) {
+  const x = ref(0);
+  const y = ref(0);
+  const scrollContainerEl = ref();
+  let scrollXDelta = 0;
+  let scrollYDelta = 0;
+  let lastScrollTop = 0;
+  let lastScrollLeft = 0;
+  const onScroll = (event) => {
+    const scrollEl = event.target;
+    scrollXDelta = scrollEl.scrollLeft - lastScrollLeft;
+    scrollYDelta = scrollEl.scrollTop - lastScrollTop;
+    y.value = y.value - scrollYDelta;
+    x.value = x.value - scrollXDelta;
+    lastScrollLeft = scrollEl.scrollLeft;
+    lastScrollTop = scrollEl.scrollTop;
+  };
+  const getBoundingClientRect = () => ({
+    width: 0,
+    height: 0,
+    x: x.value,
+    y: y.value,
+    top: y.value,
+    left: x.value,
+    right: x.value,
+    bottom: y.value
+  });
+  if (getCurrentInstance()) {
+    onMounted(() => {
+      if (dropdownEl.value) {
+        dropdownEl.value.init({
+          getBoundingClientRect
+        });
+        scrollContainerEl.value = findScrollContainer(dropdownEl.value.$el);
+        if (scrollContainerEl.value) {
+          scrollContainerEl.value.addEventListener("scroll", onScroll);
+        }
+      }
+    });
+    onUnmounted(() => {
+      if (scrollContainerEl.value) {
+        scrollContainerEl.value.removeEventListener("scroll", onScroll);
+      }
+    });
+  }
+  return { x, y, getBoundingClientRect, onScroll };
+}
+function useDropdownContextmenu(dropdownEl, targetEl) {
+  const { x, y, getBoundingClientRect, onScroll } = useDropdownVirtualElement(dropdownEl);
+  const onContextmenu = (event) => {
+    x.value = event.clientX;
+    y.value = event.clientY;
+    event.preventDefault();
+    dropdownEl.value.show();
+  };
+  const target = computed(() => unref(targetEl));
+  if (target && getCurrentInstance()) {
+    onMounted(() => {
+      var _a;
+      (_a = target.value) == null ? void 0 : _a.addEventListener("contextmenu", onContextmenu, false);
+    });
+    onUnmounted(() => {
+      var _a;
+      (_a = target.value) == null ? void 0 : _a.removeEventListener("contextmenu", onContextmenu);
+    });
+  }
+  return { x, y, getBoundingClientRect, onContextmenu, onScroll };
+}
+const encodedJs = "IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciB0PVsiMCIsIjEiLCIyIiwiMyIsIjQiLCI1IiwiNiIsIjciLCI4IiwiOSIsIkEiLCJCIiwiQyIsIkQiLCJFIiwiRiIsIkciLCJIIiwiSSIsIkoiLCJLIiwiTCIsIk0iLCJOIiwiTyIsIlAiLCJRIiwiUiIsIlMiLCJUIiwiVSIsIlYiLCJXIiwiWCIsIlkiLCJaIiwiYSIsImIiLCJjIiwiZCIsImUiLCJmIiwiZyIsImgiLCJpIiwiaiIsImsiLCJsIiwibSIsIm4iLCJvIiwicCIsInEiLCJyIiwicyIsInQiLCJ1IiwidiIsInciLCJ4IiwieSIsInoiLCIjIiwiJCIsIiUiLCIqIiwiKyIsIiwiLCItIiwiLiIsIjoiLCI7IiwiPSIsIj8iLCJAIiwiWyIsIl0iLCJeIiwiXyIsInsiLCJ8IiwifSIsIn4iXSxlPWU9PntsZXQgbj0wO2ZvcihsZXQgcj0wO3I8ZS5sZW5ndGg7cisrKXtsZXQgYT1lW3JdO249ODMqbit0LmluZGV4T2YoYSl9cmV0dXJuIG59LG49KGUsbik9Pnt2YXIgcj0iIjtmb3IobGV0IGE9MTthPD1uO2ErKyl7bGV0IG89TWF0aC5mbG9vcihlKS9NYXRoLnBvdyg4MyxuLWEpJTgzO3IrPXRbTWF0aC5mbG9vcihvKV19cmV0dXJuIHJ9LHI9dD0+e2xldCBlPXQvMjU1O3JldHVybiBlPD0uMDQwNDU/ZS8xMi45MjpNYXRoLnBvdygoZSsuMDU1KS8xLjA1NSwyLjQpfSxhPXQ9PntsZXQgZT1NYXRoLm1heCgwLE1hdGgubWluKDEsdCkpO3JldHVybiBlPD0uMDAzMTMwOD9NYXRoLnRydW5jKDEyLjkyKmUqMjU1Ky41KTpNYXRoLnRydW5jKDI1NSooMS4wNTUqTWF0aC5wb3coZSwuNDE2NjY2NjY2NjY2NjY2NyktLjA1NSkrLjUpfSxvPSh0LGUpPT4odD0+dDwwPy0xOjEpKHQpKk1hdGgucG93KE1hdGguYWJzKHQpLGUpLHM9Y2xhc3MgZXh0ZW5kcyBFcnJvcntjb25zdHJ1Y3Rvcih0KXtzdXBlcih0KSx0aGlzLm5hbWU9IlZhbGlkYXRpb25FcnJvciIsdGhpcy5tZXNzYWdlPXR9fSxpPXQ9PntpZighdHx8dC5sZW5ndGg8Nil0aHJvdyBuZXcgcygiVGhlIGJsdXJoYXNoIHN0cmluZyBtdXN0IGJlIGF0IGxlYXN0IDYgY2hhcmFjdGVycyIpO2xldCBuPWUodFswXSkscj1NYXRoLmZsb29yKG4vOSkrMSxhPW4lOSsxO2lmKHQubGVuZ3RoIT09NCsyKmEqcil0aHJvdyBuZXcgcyhgYmx1cmhhc2ggbGVuZ3RoIG1pc21hdGNoOiBsZW5ndGggaXMgJHt0Lmxlbmd0aH0gYnV0IGl0IHNob3VsZCBiZSAkezQrMiphKnJ9YCl9LGw9dD0+e2xldCBlPXQ+PjgmMjU1LG49MjU1JnQ7cmV0dXJuW3IodD4+MTYpLHIoZSkscihuKV19LGM9KHQsZSk9PntsZXQgbj1NYXRoLmZsb29yKHQvMzYxKSxyPU1hdGguZmxvb3IodC8xOSklMTksYT10JTE5O3JldHVybltvKChuLTkpLzksMikqZSxvKChyLTkpLzksMikqZSxvKChhLTkpLzksMikqZV19LGg9KHQsbixyLG8pPT57aSh0KSxvfD0xO2xldCBzPWUodFswXSksaD1NYXRoLmZsb29yKHMvOSkrMSx1PXMlOSsxLGY9KGUodFsxXSkrMSkvMTY2LHA9bmV3IEFycmF5KHUqaCk7Zm9yKGxldCBhPTA7YTxwLmxlbmd0aDthKyspaWYoMD09PWEpe2xldCBuPWUodC5zdWJzdHJpbmcoMiw2KSk7cFthXT1sKG4pfWVsc2V7bGV0IG49ZSh0LnN1YnN0cmluZyg0KzIqYSw2KzIqYSkpO3BbYV09YyhuLGYqbyl9bGV0IG09NCpuLGc9bmV3IFVpbnQ4Q2xhbXBlZEFycmF5KG0qcik7Zm9yKGxldCBlPTA7ZTxyO2UrKylmb3IobGV0IHQ9MDt0PG47dCsrKXtsZXQgbz0wLHM9MCxpPTA7Zm9yKGxldCBhPTA7YTxoO2ErKylmb3IobGV0IGw9MDtsPHU7bCsrKXtsZXQgYz1NYXRoLmNvcyhNYXRoLlBJKnQqbC9uKSpNYXRoLmNvcyhNYXRoLlBJKmUqYS9yKSxoPXBbbCthKnVdO28rPWhbMF0qYyxzKz1oWzFdKmMsaSs9aFsyXSpjfWxldCBsPWEobyksYz1hKHMpLGY9YShpKTtnWzQqdCswK2UqbV09bCxnWzQqdCsxK2UqbV09YyxnWzQqdCsyK2UqbV09ZixnWzQqdCszK2UqbV09MjU1fXJldHVybiBnfSx1PSh0LGUsbixhKT0+e2xldCBvPTAscz0wLGk9MCxsPTQqZTtmb3IobGV0IGg9MDtoPGU7aCsrKXtsZXQgZT00Kmg7Zm9yKGxldCBjPTA7YzxuO2MrKyl7bGV0IG49ZStjKmwsdT1hKGgsYyk7bys9dSpyKHRbbl0pLHMrPXUqcih0W24rMV0pLGkrPXUqcih0W24rMl0pfX1sZXQgYz0xLyhlKm4pO3JldHVybltvKmMscypjLGkqY119LGY9KHQsZSxyLGksbCk9PntpZihpPDF8fGk+OXx8bDwxfHxsPjkpdGhyb3cgbmV3IHMoIkJsdXJIYXNoIG11c3QgaGF2ZSBiZXR3ZWVuIDEgYW5kIDkgY29tcG9uZW50cyIpO2lmKGUqcio0IT09dC5sZW5ndGgpdGhyb3cgbmV3IHMoIldpZHRoIGFuZCBoZWlnaHQgbXVzdCBtYXRjaCB0aGUgcGl4ZWxzIGFycmF5Iik7bGV0IGM9W107Zm9yKGxldCBuPTA7bjxsO24rKylmb3IobGV0IGE9MDthPGk7YSsrKXtsZXQgbz0wPT1hJiYwPT1uPzE6MixzPXUodCxlLHIsKCh0LHMpPT5vKk1hdGguY29zKE1hdGguUEkqYSp0L2UpKk1hdGguY29zKE1hdGguUEkqbipzL3IpKSk7Yy5wdXNoKHMpfWxldCBoLGY9Y1swXSxwPWMuc2xpY2UoMSksbT0iIjtpZihtKz1uKGktMSs5KihsLTEpLDEpLHAubGVuZ3RoPjApe2xldCB0PU1hdGgubWF4KC4uLnAubWFwKCh0PT5NYXRoLm1heCguLi50KSkpKSxlPU1hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbig4MixNYXRoLmZsb29yKDE2Nip0LS41KSkpKTtoPShlKzEpLzE2NixtKz1uKGUsMSl9ZWxzZSBoPTEsbSs9bigwLDEpO3JldHVybiBtKz1uKCh0PT4oYSh0WzBdKTw8MTYpKyhhKHRbMV0pPDw4KSthKHRbMl0pKShmKSw0KSxwLmZvckVhY2goKHQ9PnttKz1uKCgodCxlKT0+MTkqTWF0aC5mbG9vcihNYXRoLm1heCgwLE1hdGgubWluKDE4LE1hdGguZmxvb3IoOSpvKHRbMF0vZSwuNSkrOS41KSkpKSoxOSsxOSpNYXRoLmZsb29yKE1hdGgubWF4KDAsTWF0aC5taW4oMTgsTWF0aC5mbG9vcig5Km8odFsxXS9lLC41KSs5LjUpKSkpK01hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbigxOCxNYXRoLmZsb29yKDkqbyh0WzJdL2UsLjUpKzkuNSkpKSkpKHQsaCksMil9KSksbX07Ci8qKgogICAqIEBsaWNlbnNlCiAgICogQ29weXJpZ2h0IDIwMTkgR29vZ2xlIExMQwogICAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wCiAgICovCmNvbnN0IHA9U3ltYm9sKCJDb21saW5rLnByb3h5IiksbT1TeW1ib2woIkNvbWxpbmsuZW5kcG9pbnQiKSxnPVN5bWJvbCgiQ29tbGluay5yZWxlYXNlUHJveHkiKSxNPVN5bWJvbCgiQ29tbGluay5maW5hbGl6ZXIiKSxkPVN5bWJvbCgiQ29tbGluay50aHJvd24iKSx5PXQ9PiJvYmplY3QiPT10eXBlb2YgdCYmbnVsbCE9PXR8fCJmdW5jdGlvbiI9PXR5cGVvZiB0LHc9bmV3IE1hcChbWyJwcm94eSIse2NhbkhhbmRsZTp0PT55KHQpJiZ0W3BdLHNlcmlhbGl6ZSh0KXtjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtyZXR1cm4gYih0LGUpLFtuLFtuXV19LGRlc2VyaWFsaXplOnQ9Pih0LnN0YXJ0KCksZnVuY3Rpb24odCxlKXtjb25zdCBuPW5ldyBNYXA7cmV0dXJuIHQuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsKGZ1bmN0aW9uKHQpe2NvbnN0e2RhdGE6ZX09dDtpZighZXx8IWUuaWQpcmV0dXJuO2NvbnN0IHI9bi5nZXQoZS5pZCk7aWYocil0cnl7cihlKX1maW5hbGx5e24uZGVsZXRlKGUuaWQpfX0pKSxQKHQsbixbXSxlKX0odCkpfV0sWyJ0aHJvdyIse2NhbkhhbmRsZTp0PT55KHQpJiZkIGluIHQsc2VyaWFsaXplKHt2YWx1ZTp0fSl7bGV0IGU7cmV0dXJuIGU9dCBpbnN0YW5jZW9mIEVycm9yP3tpc0Vycm9yOiEwLHZhbHVlOnttZXNzYWdlOnQubWVzc2FnZSxuYW1lOnQubmFtZSxzdGFjazp0LnN0YWNrfX06e2lzRXJyb3I6ITEsdmFsdWU6dH0sW2UsW11dfSxkZXNlcmlhbGl6ZSh0KXtpZih0LmlzRXJyb3IpdGhyb3cgT2JqZWN0LmFzc2lnbihuZXcgRXJyb3IodC52YWx1ZS5tZXNzYWdlKSx0LnZhbHVlKTt0aHJvdyB0LnZhbHVlfX1dXSk7ZnVuY3Rpb24gYih0LGU9Z2xvYmFsVGhpcyxuPVsiKiJdKXtlLmFkZEV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLChmdW5jdGlvbiByKGEpe2lmKCFhfHwhYS5kYXRhKXJldHVybjtpZighZnVuY3Rpb24odCxlKXtmb3IoY29uc3QgbiBvZiB0KXtpZihlPT09bnx8IioiPT09bilyZXR1cm4hMDtpZihuIGluc3RhbmNlb2YgUmVnRXhwJiZuLnRlc3QoZSkpcmV0dXJuITB9cmV0dXJuITF9KG4sYS5vcmlnaW4pKXJldHVybiB2b2lkIGNvbnNvbGUud2FybihgSW52YWxpZCBvcmlnaW4gJyR7YS5vcmlnaW59JyBmb3IgY29tbGluayBwcm94eWApO2NvbnN0e2lkOm8sdHlwZTpzLHBhdGg6aX09T2JqZWN0LmFzc2lnbih7cGF0aDpbXX0sYS5kYXRhKSxsPShhLmRhdGEuYXJndW1lbnRMaXN0fHxbXSkubWFwKEwpO2xldCBjO3RyeXtjb25zdCBlPWkuc2xpY2UoMCwtMSkucmVkdWNlKCgodCxlKT0+dFtlXSksdCksbj1pLnJlZHVjZSgoKHQsZSk9PnRbZV0pLHQpO3N3aXRjaChzKXtjYXNlIkdFVCI6Yz1uO2JyZWFrO2Nhc2UiU0VUIjplW2kuc2xpY2UoLTEpWzBdXT1MKGEuZGF0YS52YWx1ZSksYz0hMDticmVhaztjYXNlIkFQUExZIjpjPW4uYXBwbHkoZSxsKTticmVhaztjYXNlIkNPTlNUUlVDVCI6Yz1mdW5jdGlvbih0KXtyZXR1cm4gT2JqZWN0LmFzc2lnbih0LHtbcF06ITB9KX0obmV3IG4oLi4ubCkpO2JyZWFrO2Nhc2UiRU5EUE9JTlQiOntjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtiKHQsbiksYz1mdW5jdGlvbih0LGUpe3JldHVybiBULnNldCh0LGUpLHR9KGUsW2VdKX1icmVhaztjYXNlIlJFTEVBU0UiOmM9dm9pZCAwO2JyZWFrO2RlZmF1bHQ6cmV0dXJufX1jYXRjaChoKXtjPXt2YWx1ZTpoLFtkXTowfX1Qcm9taXNlLnJlc29sdmUoYykuY2F0Y2goKHQ9Pih7dmFsdWU6dCxbZF06MH0pKSkudGhlbigobj0+e2NvbnN0W2EsaV09UihuKTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxhKSx7aWQ6b30pLGkpLCJSRUxFQVNFIj09PXMmJihlLnJlbW92ZUV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLHIpLEUoZSksTSBpbiB0JiYiZnVuY3Rpb24iPT10eXBlb2YgdFtNXSYmdFtNXSgpKX0pKS5jYXRjaCgodD0+e2NvbnN0W24scl09Uih7dmFsdWU6bmV3IFR5cGVFcnJvcigiVW5zZXJpYWxpemFibGUgcmV0dXJuIHZhbHVlIiksW2RdOjB9KTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxuKSx7aWQ6b30pLHIpfSkpfSkpLGUuc3RhcnQmJmUuc3RhcnQoKX1mdW5jdGlvbiBFKHQpeyhmdW5jdGlvbih0KXtyZXR1cm4iTWVzc2FnZVBvcnQiPT09dC5jb25zdHJ1Y3Rvci5uYW1lfSkodCkmJnQuY2xvc2UoKX1mdW5jdGlvbiB2KHQpe2lmKHQpdGhyb3cgbmV3IEVycm9yKCJQcm94eSBoYXMgYmVlbiByZWxlYXNlZCBhbmQgaXMgbm90IHVzZWFibGUiKX1mdW5jdGlvbiBTKHQpe3JldHVybiBPKHQsbmV3IE1hcCx7dHlwZToiUkVMRUFTRSJ9KS50aGVuKCgoKT0+e0UodCl9KSl9Y29uc3QgeD1uZXcgV2Vha01hcCxrPSJGaW5hbGl6YXRpb25SZWdpc3RyeSJpbiBnbG9iYWxUaGlzJiZuZXcgRmluYWxpemF0aW9uUmVnaXN0cnkoKHQ9Pntjb25zdCBlPSh4LmdldCh0KXx8MCktMTt4LnNldCh0LGUpLDA9PT1lJiZTKHQpfSkpO2Z1bmN0aW9uIFAodCxlLG49W10scj1mdW5jdGlvbigpe30pe2xldCBhPSExO2NvbnN0IG89bmV3IFByb3h5KHIse2dldChyLHMpe2lmKHYoYSkscz09PWcpcmV0dXJuKCk9PnshZnVuY3Rpb24odCl7ayYmay51bnJlZ2lzdGVyKHQpfShvKSxTKHQpLGUuY2xlYXIoKSxhPSEwfTtpZigidGhlbiI9PT1zKXtpZigwPT09bi5sZW5ndGgpcmV0dXJue3RoZW46KCk9Pm99O2NvbnN0IHI9Tyh0LGUse3R5cGU6IkdFVCIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSl9KS50aGVuKEwpO3JldHVybiByLnRoZW4uYmluZChyKX1yZXR1cm4gUCh0LGUsWy4uLm4sc10pfSxzZXQocixvLHMpe3YoYSk7Y29uc3RbaSxsXT1SKHMpO3JldHVybiBPKHQsZSx7dHlwZToiU0VUIixwYXRoOlsuLi5uLG9dLm1hcCgodD0+dC50b1N0cmluZygpKSksdmFsdWU6aX0sbCkudGhlbihMKX0sYXBwbHkocixvLHMpe3YoYSk7Y29uc3QgaT1uW24ubGVuZ3RoLTFdO2lmKGk9PT1tKXJldHVybiBPKHQsZSx7dHlwZToiRU5EUE9JTlQifSkudGhlbihMKTtpZigiYmluZCI9PT1pKXJldHVybiBQKHQsZSxuLnNsaWNlKDAsLTEpKTtjb25zdFtsLGNdPUEocyk7cmV0dXJuIE8odCxlLHt0eXBlOiJBUFBMWSIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSksYXJndW1lbnRMaXN0Omx9LGMpLnRoZW4oTCl9LGNvbnN0cnVjdChyLG8pe3YoYSk7Y29uc3RbcyxpXT1BKG8pO3JldHVybiBPKHQsZSx7dHlwZToiQ09OU1RSVUNUIixwYXRoOm4ubWFwKCh0PT50LnRvU3RyaW5nKCkpKSxhcmd1bWVudExpc3Q6c30saSkudGhlbihMKX19KTtyZXR1cm4gZnVuY3Rpb24odCxlKXtjb25zdCBuPSh4LmdldChlKXx8MCkrMTt4LnNldChlLG4pLGsmJmsucmVnaXN0ZXIodCxlLHQpfShvLHQpLG99ZnVuY3Rpb24gQSh0KXtjb25zdCBlPXQubWFwKFIpO3JldHVybltlLm1hcCgodD0+dFswXSkpLChuPWUubWFwKCh0PT50WzFdKSksQXJyYXkucHJvdG90eXBlLmNvbmNhdC5hcHBseShbXSxuKSldO3ZhciBufWNvbnN0IFQ9bmV3IFdlYWtNYXA7ZnVuY3Rpb24gUih0KXtmb3IoY29uc3RbZSxuXW9mIHcpaWYobi5jYW5IYW5kbGUodCkpe2NvbnN0W3IsYV09bi5zZXJpYWxpemUodCk7cmV0dXJuW3t0eXBlOiJIQU5ETEVSIixuYW1lOmUsdmFsdWU6cn0sYV19cmV0dXJuW3t0eXBlOiJSQVciLHZhbHVlOnR9LFQuZ2V0KHQpfHxbXV19ZnVuY3Rpb24gTCh0KXtzd2l0Y2godC50eXBlKXtjYXNlIkhBTkRMRVIiOnJldHVybiB3LmdldCh0Lm5hbWUpLmRlc2VyaWFsaXplKHQudmFsdWUpO2Nhc2UiUkFXIjpyZXR1cm4gdC52YWx1ZX19ZnVuY3Rpb24gTyh0LGUsbixyKXtyZXR1cm4gbmV3IFByb21pc2UoKGE9Pntjb25zdCBvPW5ldyBBcnJheSg0KS5maWxsKDApLm1hcCgoKCk9Pk1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSpOdW1iZXIuTUFYX1NBRkVfSU5URUdFUikudG9TdHJpbmcoMTYpKSkuam9pbigiLSIpO2Uuc2V0KG8sYSksdC5zdGFydCYmdC5zdGFydCgpLHQucG9zdE1lc3NhZ2UoT2JqZWN0LmFzc2lnbih7aWQ6b30sbikscil9KSl9Yih7VmFsaWRhdGlvbkVycm9yOnMsZW5jb2RlOmYsZGVjb2RlOmgsaXNCbHVyaGFzaFZhbGlkOnQ9Pnt0cnl7aSh0KX1jYXRjaChlKXtyZXR1cm57cmVzdWx0OiExLGVycm9yUmVhc29uOmUubWVzc2FnZX19cmV0dXJue3Jlc3VsdDohMH19fSl9KCk7Cg==";
+const decodeBase64 = (base64) => Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));
+const blob = typeof self !== "undefined" && self.Blob && new Blob([decodeBase64(encodedJs)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper(options) {
+  let objURL;
+  try {
+    objURL = blob && (self.URL || self.webkitURL).createObjectURL(blob);
+    if (!objURL) throw "";
+    const worker = new Worker(objURL, {
+      name: options == null ? void 0 : options.name
+    });
+    worker.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(objURL);
+    });
+    return worker;
+  } catch (e) {
+    return new Worker(
+      "data:text/javascript;base64," + encodedJs,
+      {
+        name: options == null ? void 0 : options.name
+      }
+    );
+  } finally {
+    objURL && (self.URL || self.webkitURL).revokeObjectURL(objURL);
+  }
+}
+wrap(new WorkerWrapper());
 const contextmenu = {
   beforeUpdate(el, binding) {
-    var _a, _b, _c;
-    const clientX = ref(0);
-    const clientY = ref(0);
-    const virtualEl = {
-      getBoundingClientRect() {
-        return {
-          width: 0,
-          height: 0,
-          x: clientX.value,
-          y: clientY.value,
-          top: clientY.value,
-          left: clientX.value,
-          right: clientX.value,
-          bottom: clientY.value
-        };
-      }
-    };
-    if ((_a = binding.value) == null ? void 0 : _a.init) {
-      (_c = (_b = binding.value).init) == null ? void 0 : _c.call(_b, virtualEl);
-    }
+    const { onContextmenu, onScroll, getBoundingClientRect } = useDropdownContextmenu(binding);
+    binding.value.init({
+      getBoundingClientRect
+    });
     el.addEventListener(
       "contextmenu",
-      function(ev) {
-        var _a2, _b2, _c2;
-        if ((_a2 = binding.value) == null ? void 0 : _a2.show) {
-          ev.preventDefault();
-          clientX.value = ev.clientX;
-          clientY.value = ev.clientY;
-          (_c2 = (_b2 = binding.value).show) == null ? void 0 : _c2.call(_b2);
-          return false;
-        }
-      },
+      onContextmenu,
       false
     );
+    const scrollContainerEl = findScrollContainer(binding.value.$el);
+    if (scrollContainerEl) {
+      scrollContainerEl.addEventListener("scroll", onScroll);
+    }
+    el.additionalData = { onContextmenu, onScroll, scrollContainerEl };
+  },
+  beforeUnmount(el) {
+    var _a, _b, _c;
+    if ((_a = el == null ? void 0 : el.additionalData) == null ? void 0 : _a.onContextmenu) {
+      el.removeEventListener("contextmenu", el.additionalData.onContextmenu);
+    }
+    if (((_b = el == null ? void 0 : el.additionalData) == null ? void 0 : _b.onScroll) && ((_c = el == null ? void 0 : el.additionalData) == null ? void 0 : _c.scrollContainerEl)) {
+      el.additionalData.scrollContainerEl.removeEventListener("scroll", el.additionalData.onScroll);
+    }
   }
 };
 export {

package/dist/directives/v-contextmenu.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["v-contextmenu"]=t(e.vue)}(this,(function(e){"use strict";return{beforeUpdate(t,l){var n,u,i;const o=e.ref(0),a=e.ref(0),v={getBoundingClientRect:()=>({width:0,height:0,x:o.value,y:a.value,top:a.value,left:o.value,right:o.value,bottom:a.value})};(null==(n=l.value)?void 0:n.init)&&(null==(i=(u=l.value).init)||i.call(u,v)),t.addEventListener("contextmenu",(function(e){var t,n,u;if(null==(t=l.value)?void 0:t.show)return e.preventDefault(),o.value=e.clientX,a.value=e.clientY,null==(u=(n=l.value).show)||u.call(n),!1}),!1)}}}));
+!function(l,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i(require("vue"),require("comlink"),require("pica")):"function"==typeof define&&define.amd?define(["vue","comlink","pica"],i):(l="undefined"!=typeof globalThis?globalThis:l||self)["v-contextmenu"]=i(l.vue,l.comlink)}(this,(function(l,i){"use strict";function d(l){if(!l)return;let i=l.parentElement;for(;i;){const{overflow:l}=window.getComputedStyle(i);if(l.split(" ").every((l=>"auto"===l||"scroll"===l)))return i;i=i.parentElement}return document.documentElement}function b(i,b){const{x:n,y:t,getBoundingClientRect:o,onScroll:e}=function(i){const b=l.ref(0),n=l.ref(0),t=l.ref();let o=0,e=0,c=0,u=0;const m=l=>{const i=l.target;o=i.scrollLeft-u,e=i.scrollTop-c,n.value=n.value-e,b.value=b.value-o,u=i.scrollLeft,c=i.scrollTop},s=()=>({width:0,height:0,x:b.value,y:n.value,top:n.value,left:b.value,right:b.value,bottom:n.value});return l.getCurrentInstance()&&(l.onMounted((()=>{i.value&&(i.value.init({getBoundingClientRect:s}),t.value=d(i.value.$el),t.value&&t.value.addEventListener("scroll",m))})),l.onUnmounted((()=>{t.value&&t.value.removeEventListener("scroll",m)}))),{x:b,y:n,getBoundingClientRect:s,onScroll:m}}(i),c=l=>{n.value=l.clientX,t.value=l.clientY,l.preventDefault(),i.value.show()},u=l.computed((()=>l.unref(b)));return u&&l.getCurrentInstance()&&(l.onMounted((()=>{var l;null==(l=u.value)||l.addEventListener("contextmenu",c,!1)})),l.onUnmounted((()=>{var l;null==(l=u.value)||l.removeEventListener("contextmenu",c)}))),{x:n,y:t,getBoundingClientRect:o,onContextmenu:c,onScroll:e}}l.reactive(new Map([["default",new Map]]));const n="IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciB0PVsiMCIsIjEiLCIyIiwiMyIsIjQiLCI1IiwiNiIsIjciLCI4IiwiOSIsIkEiLCJCIiwiQyIsIkQiLCJFIiwiRiIsIkciLCJIIiwiSSIsIkoiLCJLIiwiTCIsIk0iLCJOIiwiTyIsIlAiLCJRIiwiUiIsIlMiLCJUIiwiVSIsIlYiLCJXIiwiWCIsIlkiLCJaIiwiYSIsImIiLCJjIiwiZCIsImUiLCJmIiwiZyIsImgiLCJpIiwiaiIsImsiLCJsIiwibSIsIm4iLCJvIiwicCIsInEiLCJyIiwicyIsInQiLCJ1IiwidiIsInciLCJ4IiwieSIsInoiLCIjIiwiJCIsIiUiLCIqIiwiKyIsIiwiLCItIiwiLiIsIjoiLCI7IiwiPSIsIj8iLCJAIiwiWyIsIl0iLCJeIiwiXyIsInsiLCJ8IiwifSIsIn4iXSxlPWU9PntsZXQgbj0wO2ZvcihsZXQgcj0wO3I8ZS5sZW5ndGg7cisrKXtsZXQgYT1lW3JdO249ODMqbit0LmluZGV4T2YoYSl9cmV0dXJuIG59LG49KGUsbik9Pnt2YXIgcj0iIjtmb3IobGV0IGE9MTthPD1uO2ErKyl7bGV0IG89TWF0aC5mbG9vcihlKS9NYXRoLnBvdyg4MyxuLWEpJTgzO3IrPXRbTWF0aC5mbG9vcihvKV19cmV0dXJuIHJ9LHI9dD0+e2xldCBlPXQvMjU1O3JldHVybiBlPD0uMDQwNDU/ZS8xMi45MjpNYXRoLnBvdygoZSsuMDU1KS8xLjA1NSwyLjQpfSxhPXQ9PntsZXQgZT1NYXRoLm1heCgwLE1hdGgubWluKDEsdCkpO3JldHVybiBlPD0uMDAzMTMwOD9NYXRoLnRydW5jKDEyLjkyKmUqMjU1Ky41KTpNYXRoLnRydW5jKDI1NSooMS4wNTUqTWF0aC5wb3coZSwuNDE2NjY2NjY2NjY2NjY2NyktLjA1NSkrLjUpfSxvPSh0LGUpPT4odD0+dDwwPy0xOjEpKHQpKk1hdGgucG93KE1hdGguYWJzKHQpLGUpLHM9Y2xhc3MgZXh0ZW5kcyBFcnJvcntjb25zdHJ1Y3Rvcih0KXtzdXBlcih0KSx0aGlzLm5hbWU9IlZhbGlkYXRpb25FcnJvciIsdGhpcy5tZXNzYWdlPXR9fSxpPXQ9PntpZighdHx8dC5sZW5ndGg8Nil0aHJvdyBuZXcgcygiVGhlIGJsdXJoYXNoIHN0cmluZyBtdXN0IGJlIGF0IGxlYXN0IDYgY2hhcmFjdGVycyIpO2xldCBuPWUodFswXSkscj1NYXRoLmZsb29yKG4vOSkrMSxhPW4lOSsxO2lmKHQubGVuZ3RoIT09NCsyKmEqcil0aHJvdyBuZXcgcyhgYmx1cmhhc2ggbGVuZ3RoIG1pc21hdGNoOiBsZW5ndGggaXMgJHt0Lmxlbmd0aH0gYnV0IGl0IHNob3VsZCBiZSAkezQrMiphKnJ9YCl9LGw9dD0+e2xldCBlPXQ+PjgmMjU1LG49MjU1JnQ7cmV0dXJuW3IodD4+MTYpLHIoZSkscihuKV19LGM9KHQsZSk9PntsZXQgbj1NYXRoLmZsb29yKHQvMzYxKSxyPU1hdGguZmxvb3IodC8xOSklMTksYT10JTE5O3JldHVybltvKChuLTkpLzksMikqZSxvKChyLTkpLzksMikqZSxvKChhLTkpLzksMikqZV19LGg9KHQsbixyLG8pPT57aSh0KSxvfD0xO2xldCBzPWUodFswXSksaD1NYXRoLmZsb29yKHMvOSkrMSx1PXMlOSsxLGY9KGUodFsxXSkrMSkvMTY2LHA9bmV3IEFycmF5KHUqaCk7Zm9yKGxldCBhPTA7YTxwLmxlbmd0aDthKyspaWYoMD09PWEpe2xldCBuPWUodC5zdWJzdHJpbmcoMiw2KSk7cFthXT1sKG4pfWVsc2V7bGV0IG49ZSh0LnN1YnN0cmluZyg0KzIqYSw2KzIqYSkpO3BbYV09YyhuLGYqbyl9bGV0IG09NCpuLGc9bmV3IFVpbnQ4Q2xhbXBlZEFycmF5KG0qcik7Zm9yKGxldCBlPTA7ZTxyO2UrKylmb3IobGV0IHQ9MDt0PG47dCsrKXtsZXQgbz0wLHM9MCxpPTA7Zm9yKGxldCBhPTA7YTxoO2ErKylmb3IobGV0IGw9MDtsPHU7bCsrKXtsZXQgYz1NYXRoLmNvcyhNYXRoLlBJKnQqbC9uKSpNYXRoLmNvcyhNYXRoLlBJKmUqYS9yKSxoPXBbbCthKnVdO28rPWhbMF0qYyxzKz1oWzFdKmMsaSs9aFsyXSpjfWxldCBsPWEobyksYz1hKHMpLGY9YShpKTtnWzQqdCswK2UqbV09bCxnWzQqdCsxK2UqbV09YyxnWzQqdCsyK2UqbV09ZixnWzQqdCszK2UqbV09MjU1fXJldHVybiBnfSx1PSh0LGUsbixhKT0+e2xldCBvPTAscz0wLGk9MCxsPTQqZTtmb3IobGV0IGg9MDtoPGU7aCsrKXtsZXQgZT00Kmg7Zm9yKGxldCBjPTA7YzxuO2MrKyl7bGV0IG49ZStjKmwsdT1hKGgsYyk7bys9dSpyKHRbbl0pLHMrPXUqcih0W24rMV0pLGkrPXUqcih0W24rMl0pfX1sZXQgYz0xLyhlKm4pO3JldHVybltvKmMscypjLGkqY119LGY9KHQsZSxyLGksbCk9PntpZihpPDF8fGk+OXx8bDwxfHxsPjkpdGhyb3cgbmV3IHMoIkJsdXJIYXNoIG11c3QgaGF2ZSBiZXR3ZWVuIDEgYW5kIDkgY29tcG9uZW50cyIpO2lmKGUqcio0IT09dC5sZW5ndGgpdGhyb3cgbmV3IHMoIldpZHRoIGFuZCBoZWlnaHQgbXVzdCBtYXRjaCB0aGUgcGl4ZWxzIGFycmF5Iik7bGV0IGM9W107Zm9yKGxldCBuPTA7bjxsO24rKylmb3IobGV0IGE9MDthPGk7YSsrKXtsZXQgbz0wPT1hJiYwPT1uPzE6MixzPXUodCxlLHIsKCh0LHMpPT5vKk1hdGguY29zKE1hdGguUEkqYSp0L2UpKk1hdGguY29zKE1hdGguUEkqbipzL3IpKSk7Yy5wdXNoKHMpfWxldCBoLGY9Y1swXSxwPWMuc2xpY2UoMSksbT0iIjtpZihtKz1uKGktMSs5KihsLTEpLDEpLHAubGVuZ3RoPjApe2xldCB0PU1hdGgubWF4KC4uLnAubWFwKCh0PT5NYXRoLm1heCguLi50KSkpKSxlPU1hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbig4MixNYXRoLmZsb29yKDE2Nip0LS41KSkpKTtoPShlKzEpLzE2NixtKz1uKGUsMSl9ZWxzZSBoPTEsbSs9bigwLDEpO3JldHVybiBtKz1uKCh0PT4oYSh0WzBdKTw8MTYpKyhhKHRbMV0pPDw4KSthKHRbMl0pKShmKSw0KSxwLmZvckVhY2goKHQ9PnttKz1uKCgodCxlKT0+MTkqTWF0aC5mbG9vcihNYXRoLm1heCgwLE1hdGgubWluKDE4LE1hdGguZmxvb3IoOSpvKHRbMF0vZSwuNSkrOS41KSkpKSoxOSsxOSpNYXRoLmZsb29yKE1hdGgubWF4KDAsTWF0aC5taW4oMTgsTWF0aC5mbG9vcig5Km8odFsxXS9lLC41KSs5LjUpKSkpK01hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbigxOCxNYXRoLmZsb29yKDkqbyh0WzJdL2UsLjUpKzkuNSkpKSkpKHQsaCksMil9KSksbX07Ci8qKgogICAqIEBsaWNlbnNlCiAgICogQ29weXJpZ2h0IDIwMTkgR29vZ2xlIExMQwogICAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wCiAgICovCmNvbnN0IHA9U3ltYm9sKCJDb21saW5rLnByb3h5IiksbT1TeW1ib2woIkNvbWxpbmsuZW5kcG9pbnQiKSxnPVN5bWJvbCgiQ29tbGluay5yZWxlYXNlUHJveHkiKSxNPVN5bWJvbCgiQ29tbGluay5maW5hbGl6ZXIiKSxkPVN5bWJvbCgiQ29tbGluay50aHJvd24iKSx5PXQ9PiJvYmplY3QiPT10eXBlb2YgdCYmbnVsbCE9PXR8fCJmdW5jdGlvbiI9PXR5cGVvZiB0LHc9bmV3IE1hcChbWyJwcm94eSIse2NhbkhhbmRsZTp0PT55KHQpJiZ0W3BdLHNlcmlhbGl6ZSh0KXtjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtyZXR1cm4gYih0LGUpLFtuLFtuXV19LGRlc2VyaWFsaXplOnQ9Pih0LnN0YXJ0KCksZnVuY3Rpb24odCxlKXtjb25zdCBuPW5ldyBNYXA7cmV0dXJuIHQuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsKGZ1bmN0aW9uKHQpe2NvbnN0e2RhdGE6ZX09dDtpZighZXx8IWUuaWQpcmV0dXJuO2NvbnN0IHI9bi5nZXQoZS5pZCk7aWYocil0cnl7cihlKX1maW5hbGx5e24uZGVsZXRlKGUuaWQpfX0pKSxQKHQsbixbXSxlKX0odCkpfV0sWyJ0aHJvdyIse2NhbkhhbmRsZTp0PT55KHQpJiZkIGluIHQsc2VyaWFsaXplKHt2YWx1ZTp0fSl7bGV0IGU7cmV0dXJuIGU9dCBpbnN0YW5jZW9mIEVycm9yP3tpc0Vycm9yOiEwLHZhbHVlOnttZXNzYWdlOnQubWVzc2FnZSxuYW1lOnQubmFtZSxzdGFjazp0LnN0YWNrfX06e2lzRXJyb3I6ITEsdmFsdWU6dH0sW2UsW11dfSxkZXNlcmlhbGl6ZSh0KXtpZih0LmlzRXJyb3IpdGhyb3cgT2JqZWN0LmFzc2lnbihuZXcgRXJyb3IodC52YWx1ZS5tZXNzYWdlKSx0LnZhbHVlKTt0aHJvdyB0LnZhbHVlfX1dXSk7ZnVuY3Rpb24gYih0LGU9Z2xvYmFsVGhpcyxuPVsiKiJdKXtlLmFkZEV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLChmdW5jdGlvbiByKGEpe2lmKCFhfHwhYS5kYXRhKXJldHVybjtpZighZnVuY3Rpb24odCxlKXtmb3IoY29uc3QgbiBvZiB0KXtpZihlPT09bnx8IioiPT09bilyZXR1cm4hMDtpZihuIGluc3RhbmNlb2YgUmVnRXhwJiZuLnRlc3QoZSkpcmV0dXJuITB9cmV0dXJuITF9KG4sYS5vcmlnaW4pKXJldHVybiB2b2lkIGNvbnNvbGUud2FybihgSW52YWxpZCBvcmlnaW4gJyR7YS5vcmlnaW59JyBmb3IgY29tbGluayBwcm94eWApO2NvbnN0e2lkOm8sdHlwZTpzLHBhdGg6aX09T2JqZWN0LmFzc2lnbih7cGF0aDpbXX0sYS5kYXRhKSxsPShhLmRhdGEuYXJndW1lbnRMaXN0fHxbXSkubWFwKEwpO2xldCBjO3RyeXtjb25zdCBlPWkuc2xpY2UoMCwtMSkucmVkdWNlKCgodCxlKT0+dFtlXSksdCksbj1pLnJlZHVjZSgoKHQsZSk9PnRbZV0pLHQpO3N3aXRjaChzKXtjYXNlIkdFVCI6Yz1uO2JyZWFrO2Nhc2UiU0VUIjplW2kuc2xpY2UoLTEpWzBdXT1MKGEuZGF0YS52YWx1ZSksYz0hMDticmVhaztjYXNlIkFQUExZIjpjPW4uYXBwbHkoZSxsKTticmVhaztjYXNlIkNPTlNUUlVDVCI6Yz1mdW5jdGlvbih0KXtyZXR1cm4gT2JqZWN0LmFzc2lnbih0LHtbcF06ITB9KX0obmV3IG4oLi4ubCkpO2JyZWFrO2Nhc2UiRU5EUE9JTlQiOntjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtiKHQsbiksYz1mdW5jdGlvbih0LGUpe3JldHVybiBULnNldCh0LGUpLHR9KGUsW2VdKX1icmVhaztjYXNlIlJFTEVBU0UiOmM9dm9pZCAwO2JyZWFrO2RlZmF1bHQ6cmV0dXJufX1jYXRjaChoKXtjPXt2YWx1ZTpoLFtkXTowfX1Qcm9taXNlLnJlc29sdmUoYykuY2F0Y2goKHQ9Pih7dmFsdWU6dCxbZF06MH0pKSkudGhlbigobj0+e2NvbnN0W2EsaV09UihuKTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxhKSx7aWQ6b30pLGkpLCJSRUxFQVNFIj09PXMmJihlLnJlbW92ZUV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLHIpLEUoZSksTSBpbiB0JiYiZnVuY3Rpb24iPT10eXBlb2YgdFtNXSYmdFtNXSgpKX0pKS5jYXRjaCgodD0+e2NvbnN0W24scl09Uih7dmFsdWU6bmV3IFR5cGVFcnJvcigiVW5zZXJpYWxpemFibGUgcmV0dXJuIHZhbHVlIiksW2RdOjB9KTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxuKSx7aWQ6b30pLHIpfSkpfSkpLGUuc3RhcnQmJmUuc3RhcnQoKX1mdW5jdGlvbiBFKHQpeyhmdW5jdGlvbih0KXtyZXR1cm4iTWVzc2FnZVBvcnQiPT09dC5jb25zdHJ1Y3Rvci5uYW1lfSkodCkmJnQuY2xvc2UoKX1mdW5jdGlvbiB2KHQpe2lmKHQpdGhyb3cgbmV3IEVycm9yKCJQcm94eSBoYXMgYmVlbiByZWxlYXNlZCBhbmQgaXMgbm90IHVzZWFibGUiKX1mdW5jdGlvbiBTKHQpe3JldHVybiBPKHQsbmV3IE1hcCx7dHlwZToiUkVMRUFTRSJ9KS50aGVuKCgoKT0+e0UodCl9KSl9Y29uc3QgeD1uZXcgV2Vha01hcCxrPSJGaW5hbGl6YXRpb25SZWdpc3RyeSJpbiBnbG9iYWxUaGlzJiZuZXcgRmluYWxpemF0aW9uUmVnaXN0cnkoKHQ9Pntjb25zdCBlPSh4LmdldCh0KXx8MCktMTt4LnNldCh0LGUpLDA9PT1lJiZTKHQpfSkpO2Z1bmN0aW9uIFAodCxlLG49W10scj1mdW5jdGlvbigpe30pe2xldCBhPSExO2NvbnN0IG89bmV3IFByb3h5KHIse2dldChyLHMpe2lmKHYoYSkscz09PWcpcmV0dXJuKCk9PnshZnVuY3Rpb24odCl7ayYmay51bnJlZ2lzdGVyKHQpfShvKSxTKHQpLGUuY2xlYXIoKSxhPSEwfTtpZigidGhlbiI9PT1zKXtpZigwPT09bi5sZW5ndGgpcmV0dXJue3RoZW46KCk9Pm99O2NvbnN0IHI9Tyh0LGUse3R5cGU6IkdFVCIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSl9KS50aGVuKEwpO3JldHVybiByLnRoZW4uYmluZChyKX1yZXR1cm4gUCh0LGUsWy4uLm4sc10pfSxzZXQocixvLHMpe3YoYSk7Y29uc3RbaSxsXT1SKHMpO3JldHVybiBPKHQsZSx7dHlwZToiU0VUIixwYXRoOlsuLi5uLG9dLm1hcCgodD0+dC50b1N0cmluZygpKSksdmFsdWU6aX0sbCkudGhlbihMKX0sYXBwbHkocixvLHMpe3YoYSk7Y29uc3QgaT1uW24ubGVuZ3RoLTFdO2lmKGk9PT1tKXJldHVybiBPKHQsZSx7dHlwZToiRU5EUE9JTlQifSkudGhlbihMKTtpZigiYmluZCI9PT1pKXJldHVybiBQKHQsZSxuLnNsaWNlKDAsLTEpKTtjb25zdFtsLGNdPUEocyk7cmV0dXJuIE8odCxlLHt0eXBlOiJBUFBMWSIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSksYXJndW1lbnRMaXN0Omx9LGMpLnRoZW4oTCl9LGNvbnN0cnVjdChyLG8pe3YoYSk7Y29uc3RbcyxpXT1BKG8pO3JldHVybiBPKHQsZSx7dHlwZToiQ09OU1RSVUNUIixwYXRoOm4ubWFwKCh0PT50LnRvU3RyaW5nKCkpKSxhcmd1bWVudExpc3Q6c30saSkudGhlbihMKX19KTtyZXR1cm4gZnVuY3Rpb24odCxlKXtjb25zdCBuPSh4LmdldChlKXx8MCkrMTt4LnNldChlLG4pLGsmJmsucmVnaXN0ZXIodCxlLHQpfShvLHQpLG99ZnVuY3Rpb24gQSh0KXtjb25zdCBlPXQubWFwKFIpO3JldHVybltlLm1hcCgodD0+dFswXSkpLChuPWUubWFwKCh0PT50WzFdKSksQXJyYXkucHJvdG90eXBlLmNvbmNhdC5hcHBseShbXSxuKSldO3ZhciBufWNvbnN0IFQ9bmV3IFdlYWtNYXA7ZnVuY3Rpb24gUih0KXtmb3IoY29uc3RbZSxuXW9mIHcpaWYobi5jYW5IYW5kbGUodCkpe2NvbnN0W3IsYV09bi5zZXJpYWxpemUodCk7cmV0dXJuW3t0eXBlOiJIQU5ETEVSIixuYW1lOmUsdmFsdWU6cn0sYV19cmV0dXJuW3t0eXBlOiJSQVciLHZhbHVlOnR9LFQuZ2V0KHQpfHxbXV19ZnVuY3Rpb24gTCh0KXtzd2l0Y2godC50eXBlKXtjYXNlIkhBTkRMRVIiOnJldHVybiB3LmdldCh0Lm5hbWUpLmRlc2VyaWFsaXplKHQudmFsdWUpO2Nhc2UiUkFXIjpyZXR1cm4gdC52YWx1ZX19ZnVuY3Rpb24gTyh0LGUsbixyKXtyZXR1cm4gbmV3IFByb21pc2UoKGE9Pntjb25zdCBvPW5ldyBBcnJheSg0KS5maWxsKDApLm1hcCgoKCk9Pk1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSpOdW1iZXIuTUFYX1NBRkVfSU5URUdFUikudG9TdHJpbmcoMTYpKSkuam9pbigiLSIpO2Uuc2V0KG8sYSksdC5zdGFydCYmdC5zdGFydCgpLHQucG9zdE1lc3NhZ2UoT2JqZWN0LmFzc2lnbih7aWQ6b30sbikscil9KSl9Yih7VmFsaWRhdGlvbkVycm9yOnMsZW5jb2RlOmYsZGVjb2RlOmgsaXNCbHVyaGFzaFZhbGlkOnQ9Pnt0cnl7aSh0KX1jYXRjaChlKXtyZXR1cm57cmVzdWx0OiExLGVycm9yUmVhc29uOmUubWVzc2FnZX19cmV0dXJue3Jlc3VsdDohMH19fSl9KCk7Cg==",t="undefined"!=typeof self&&self.Blob&&new Blob([(o=n,Uint8Array.from(atob(o),(l=>l.charCodeAt(0))))],{type:"text/javascript;charset=utf-8"});var o;i.wrap(new function(l){let i;try{if(i=t&&(self.URL||self.webkitURL).createObjectURL(t),!i)throw"";const d=new Worker(i,{name:null==l?void 0:l.name});return d.addEventListener("error",(()=>{(self.URL||self.webkitURL).revokeObjectURL(i)})),d}catch(d){return new Worker("data:text/javascript;base64,"+n,{name:null==l?void 0:l.name})}finally{i&&(self.URL||self.webkitURL).revokeObjectURL(i)}});return{beforeUpdate(l,i){const{onContextmenu:n,onScroll:t,getBoundingClientRect:o}=b(i);i.value.init({getBoundingClientRect:o}),l.addEventListener("contextmenu",n,!1);const e=d(i.value.$el);e&&e.addEventListener("scroll",t),l.additionalData={onContextmenu:n,onScroll:t,scrollContainerEl:e}},beforeUnmount(l){var i,d,b;(null==(i=null==l?void 0:l.additionalData)?void 0:i.onContextmenu)&&l.removeEventListener("contextmenu",l.additionalData.onContextmenu),(null==(d=null==l?void 0:l.additionalData)?void 0:d.onScroll)&&(null==(b=null==l?void 0:l.additionalData)?void 0:b.scrollContainerEl)&&l.additionalData.scrollContainerEl.removeEventListener("scroll",l.additionalData.onScroll)}}}));

package/dist/directives/v-tooltip.es.js

@@ -1,4 +1,9 @@
 import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, h, render } from "vue";
+var StorageType = /* @__PURE__ */ ((StorageType2) => {
+  StorageType2["local"] = "local";
+  StorageType2["session"] = "session";
+  return StorageType2;
+})(StorageType || {});
 var Strategy = /* @__PURE__ */ ((Strategy2) => {
   Strategy2["absolute"] = "absolute";
   Strategy2["fixed"] = "fixed";
@@ -33,13 +38,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["reset"] = "reset";
   return ButtonType2;
 })(ButtonType || {});
-var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
-  AnchorTarget2["_blank"] = "_blank";
-  AnchorTarget2["_self"] = "_self";
-  AnchorTarget2["_parent"] = "_parent";
-  AnchorTarget2["_top"] = "_top";
-  return AnchorTarget2;
-})(AnchorTarget || {});
+var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
+  ActionTag2["nuxtLink"] = "nuxt-link";
+  ActionTag2["routerLink"] = "router-link";
+  ActionTag2["a"] = "a";
+  ActionTag2["button"] = "button";
+  return ActionTag2;
+})(ActionTag || {});
 const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -55,10 +60,7 @@ const LinkProps = {
   /**
    * Anchor target
    */
-  target: {
-    type: String,
-    validator: (value) => Object.values(AnchorTarget).includes(value)
-  },
+  target: String,
   /**
    * Anchor rel
    */
@@ -71,44 +73,65 @@ const DisabledProps = {
   /**
    * Whether the form control is disabled
    */
-  disabled: Boolean
+  disabled: {
+    type: Boolean,
+    default: false
+  }
 };
 const ActiveProps = {
   /**
    * Whether the item is active
    */
-  active: Boolean
+  active: {
+    type: Boolean,
+    default: false
+  }
 };
 const CurrentProps = {
   /**
    * Whether the item is current
    */
-  current: Boolean
+  current: {
+    type: Boolean,
+    default: false
+  }
 };
 const PressedProps = {
   /**
    * Whether the item is pressed
    */
-  pressed: Boolean
+  pressed: {
+    type: Boolean,
+    default: false
+  }
 };
 const LabelProps = {
   /**
    * The item label
    */
-  label: [String, Number]
+  label: {
+    type: [String, Number],
+    default: void 0
+  }
 };
 const ModifiersProps = {
   /**
    * Component BEM modifiers
    */
-  modifiers: [String, Array]
+  modifiers: {
+    type: [String, Array],
+    default: void 0
+  }
 };
 ({
   /**
    * VvIcon name or props
    * @see VVIcon
    */
-  icon: { type: [String, Object] },
+  icon: {
+    type: [String, Object],
+    default: void 0
+  },
   /**
    * VvIcon position
    */
@@ -139,7 +162,8 @@ const ModifiersProps = {
    * Dropdown show / hide transition name
    */
   transitionName: {
-    type: String
+    type: String,
+    default: void 0
   },
   /**
    * Offset of the dropdown from the trigger
@@ -207,7 +231,8 @@ const ModifiersProps = {
    * Set dropdown width to the same as the trigger
    */
   triggerWidth: {
-    type: Boolean
+    type: Boolean,
+    default: false
   }
 });
 ({
@@ -231,8 +256,23 @@ const ModifiersProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 });
+({
+  storageType: {
+    type: String,
+    default: StorageType.local,
+    validator: (value) => Object.values(StorageType).includes(value)
+  },
+  storageKey: String
+});
 const VvTooltipProps = {
   ...ModifiersProps,
   /**
@@ -270,8 +310,11 @@ function useModifiers(prefix, modifiers, others) {
     return toReturn;
   });
 }
+const __default__ = {
+  name: "VvTooltip"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VvTooltip",
+  ...__default__,
   props: VvTooltipProps,
   setup(__props) {
     const props = __props;
@@ -284,27 +327,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: "tooltip",
-        inert: ""
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(_ctx.value), 1)
-        ])
-      ], 2);
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          role: "tooltip",
+          inert: ""
+        },
+        [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(
+              toDisplayString(_ctx.value),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
-const tooltip = {
-  beforeMount(el, binding) {
-    const tooltip2 = h(_sfc_main, {
-      value: binding.value,
-      position: binding.arg
-    });
-    render(tooltip2, el);
-  }
-};
+const tooltip = /* @__PURE__ */ (() => {
+  return {
+    beforeMount(el, binding) {
+      const tooltip2 = h(_sfc_main, {
+        value: binding.value,
+        position: binding.arg
+      });
+      render(tooltip2, el);
+    },
+    updated(el, binding) {
+      const tooltip2 = h(_sfc_main, {
+        value: binding.value,
+        position: binding.arg
+      });
+      render(tooltip2, el);
+    }
+  };
+})();
 export {
   tooltip as default
 };

package/dist/directives/v-tooltip.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self)["v-tooltip"]=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{});Boolean,Boolean,Boolean,Boolean;const r={modifiers:[String,Array]};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button;const l={...r,position:{type:String,default:o.bottom},value:{type:String}};const i=e.defineComponent({__name:"VvTooltip",props:l,setup(o){const t=o,{modifiers:n}=e.toRefs(t),r=function(o,t,n){return e.computed((()=>{const r={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{r[`${o}--${t}`]=e.unref(n.value[t])})),r}))}("vv-tooltip",n,e.computed((()=>({[t.position]:!0}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(r)),role:"tooltip",inert:""},[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]))],2))}});return{beforeMount(o,t){const n=e.h(i,{value:t.value,position:t.arg});e.render(n,o)}}}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self)["v-tooltip"]=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),t=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(t||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});Boolean,Boolean,Boolean,Boolean;const i={modifiers:{type:[String,Array],default:void 0}};n.before,t.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,r.button,o.local;const a={...i,position:{type:String,default:t.bottom},value:{type:String}};const u=e.defineComponent({name:"VvTooltip",props:a,setup(o){const t=o,{modifiers:n}=e.toRefs(t),l=function(o,t,n){return e.computed((()=>{const l={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}("vv-tooltip",n,e.computed((()=>({[t.position]:!0}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(l)),role:"tooltip",inert:""},[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]))],2))}});return(()=>({beforeMount(o,t){const n=e.h(u,{value:t.value,position:t.arg});e.render(n,o)},updated(o,t){const n=e.h(u,{value:t.value,position:t.arg});e.render(n,o)}}))()}));

package/dist/icons.d.ts

@@ -1,5 +1,5 @@
-import normal from './assets/icons/normal.json';
 import detailed from './assets/icons/detailed.json';
+import normal from './assets/icons/normal.json';
 import simple from './assets/icons/simple.json';
 declare const _default: ({
     prefix: string;
@@ -71,7 +71,7 @@ declare const _default: ({
         building: {
             body: string;
         };
-        "bulleted-list": {
+        "bullet-list": {
             body: string;
         };
         calendar: {
@@ -116,9 +116,6 @@ declare const _default: ({
         "chevron-left-circle": {
             body: string;
         };
-        "chevron-right": {
-            body: string;
-        };
         "chevron-right-circle": {
             body: string;
         };
@@ -151,8 +148,6 @@ declare const _default: ({
         };
         coffee: {
             body: string;
-            width: number;
-            height: number;
         };
         color: {
             body: string;
@@ -175,7 +170,7 @@ declare const _default: ({
         drag: {
             body: string;
         };
-        dulicate: {
+        duplicate: {
             body: string;
         };
         edit: {
@@ -201,6 +196,8 @@ declare const _default: ({
         };
         extract: {
             body: string;
+            width: number;
+            height: number;
         };
         "eye-off": {
             body: string;
@@ -316,7 +313,7 @@ declare const _default: ({
         logout: {
             body: string;
         };
-        maximize: {
+        maximaze: {
             body: string;
         };
         menu: {
@@ -523,7 +520,7 @@ declare const _default: ({
         time: {
             body: string;
         };
-        "toilet-paper": {
+        "toilet-piper": {
             body: string;
         };
         "training-points": {
@@ -573,6 +570,7 @@ declare const _default: ({
         };
         "voice-off": {
             body: string;
+            width: number;
         };
         "voice-on": {
             body: string;
@@ -680,7 +678,7 @@ declare const _default: ({
         building: {
             body: string;
         };
-        "bullet-list": {
+        "bulleted-list": {
             body: string;
         };
         calendar: {
@@ -725,6 +723,9 @@ declare const _default: ({
         "chevron-left-circle": {
             body: string;
         };
+        "chevron-right": {
+            body: string;
+        };
         "chevron-right-circle": {
             body: string;
         };
@@ -757,6 +758,8 @@ declare const _default: ({
         };
         coffee: {
             body: string;
+            width: number;
+            height: number;
         };
         color: {
             body: string;
@@ -805,8 +808,6 @@ declare const _default: ({
         };
         extract: {
             body: string;
-            width: number;
-            height: number;
         };
         "eye-off": {
             body: string;
@@ -922,7 +923,7 @@ declare const _default: ({
         logout: {
             body: string;
         };
-        maximaze: {
+        maximize: {
             body: string;
         };
         menu: {
@@ -1129,7 +1130,7 @@ declare const _default: ({
         time: {
             body: string;
         };
-        "toilet-piper": {
+        "toilet-paper": {
             body: string;
         };
         "training-points": {
@@ -1179,7 +1180,6 @@ declare const _default: ({
         };
         "voice-off": {
             body: string;
-            width: number;
         };
         "voice-on": {
             body: string;
@@ -1889,4 +1889,4 @@ declare const _default: ({
     };
 })[];
 export default _default;
-export { normal, detailed, simple };
+export { detailed, normal, simple };