@avakhula/ui 0.1.22 → 0.1.24

package/dist/components/TreeSelect/mixins/InfinityLoaderMixin.js

@@ -0,0 +1,32 @@
+const n = {
+  props: {
+    infiniteLoader: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  watch: {
+    infiniteLoader(e) {
+      e || infiniteLoaderObserver.disconnect();
+    }
+  },
+  data() {
+    return {
+      infiniteLoaderObserver: null
+    };
+  },
+  mounted() {
+    this.infiniteLoader && (this.infiniteLoaderObserver = new IntersectionObserver((e) => {
+      e.forEach((i) => {
+        i.isIntersecting && this.$emit("loadMoreOptions");
+      });
+    }), this.infiniteLoaderObserver.observe(this.$refs.infinityLoader));
+  },
+  beforeDestroy() {
+    this.infiniteLoader && (infiniteLoaderObserver == null || infiniteLoaderObserver.disconnect());
+  },
+  emits: ["loadMoreOptions"]
+};
+export {
+  n as default
+};

package/dist/constants/events.js

@@ -0,0 +1,5 @@
+const E = "hover", c = "click";
+export {
+  c as EVENT_NAME_CLICK,
+  E as EVENT_NAME_HOVER
+};

package/dist/constants/keyCodes.js

@@ -0,0 +1,12 @@
+const E = 27, _ = 32, O = 13, C = 9, o = 38, t = 37, D = 39, K = 40, R = 8;
+export {
+  K as ARROW_DOWN_KEY_CODE,
+  t as ARROW_LEFT_KEY_CODE,
+  D as ARROW_RIGHT_KEY_CODE,
+  o as ARROW_UP_KEY_CODE,
+  R as BACKSPACE_KEY_CODE,
+  O as ENTER_KEY_CODE,
+  E as ESC_KEY_CODE,
+  _ as SPACE_KEY_CODE,
+  C as TAB_KEY_CODE
+};

package/dist/directives/outside/outside.js

@@ -0,0 +1,37 @@
+const { performance: c } = window, u = typeof (c == null ? void 0 : c.now) == "function" && Date.now() > document.createEvent("Event").timeStamp ? () => c.now() : () => Date.now(), n = /* @__PURE__ */ new Map();
+let i = !1;
+const r = (t) => {
+  n.forEach(({ bindTimeStamp: e, callback: o }, s) => {
+    if (!(s.contains(t.target) || t.timeStamp <= e))
+      try {
+        o(t);
+      } catch (a) {
+        console.error(a);
+      }
+  });
+}, f = () => {
+  i || (document.addEventListener("click", r, { capture: !0 }), i = !0);
+}, l = () => {
+  i && (document.removeEventListener("click", r), i = !1);
+}, d = (t, { value: e, arg: o = "click" }) => {
+  if (typeof e != "function")
+    throw new Error(
+      `[OutsideDirective] Value must be a function; got ${typeof e}!`
+    );
+  if (o !== "click")
+    throw new Error(
+      `[OutsideDirective] Cannot bind ${o} events; only click events are currently supported!`
+    );
+  n.has(t) || (i || f(), n.set(t, {
+    bindTimeStamp: u(),
+    callback: e
+  }));
+}, m = (t) => {
+  n.delete(t), n.size === 0 && l();
+}, p = {
+  created: d,
+  beforeUnmount: m
+};
+export {
+  p as OutsideDirective
+};

package/dist/directives/tooltip/TooltipController.js

@@ -0,0 +1,116 @@
+import { createApp as c } from "vue";
+import { popoverPosition as u } from "../../components/Popover/constants.js";
+import f from "../../components/Tooltip/Tooltip.js";
+import b from "../../helpers/generateUID.js";
+class y {
+  constructor() {
+    this.tooltipInstance = null, this.tooltipContainer = null, this.uuid = null;
+  }
+  getTooltipInstance() {
+    return this.getTooltipInstance;
+  }
+  getTooltipContainer() {
+    return this.tooltipContainer;
+  }
+  getId() {
+    return this.uuid;
+  }
+  generateUID() {
+    this.uuid = "tooltip_" + b();
+  }
+  createTooltip(i, n, r) {
+    var p;
+    if (!((p = n.text) != null && p.length))
+      return;
+    this.generateUID();
+    const e = `
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      opacity: 0;
+    `;
+    this.tooltipContainer = document.createElement("div"), this.tooltipContainer.setAttribute("style", e), document.body.appendChild(this.tooltipContainer), this.tooltipInstance = c(f, {
+      title: n.title,
+      text: n.text,
+      alwaysVisible: !0,
+      for: this.uuid,
+      class: this.getClassList(r)
+    }), this.tooltipInstance.mount(this.tooltipContainer), setTimeout(() => {
+      var a;
+      if ((a = this.tooltipContainer) != null && a.firstChild) {
+        i.setAttribute("aria-describedby", this.uuid);
+        const s = this.getPositionStyle(i, r);
+        this.tooltipContainer.firstChild.setAttribute("style", s), this.tooltipContainer.setAttribute("style", { opacity: 1 });
+      }
+    }, 100);
+  }
+  destroyTooltip(i) {
+    var n, r;
+    i == null || i.removeAttribute("aria-describedby"), this.uuid = null, (n = this.tooltipInstance) == null || n.unmount(), this.tooltipInstance = null, (r = this.tooltipContainer) == null || r.remove(), this.tooltipContainer = null;
+  }
+  getPositionStyle(i, n) {
+    const { top: r, bottom: e, left: p, right: a, width: s, height: h } = i.getBoundingClientRect(), { width: l, height: m } = this.tooltipContainer.firstChild.getBoundingClientRect(), o = document.documentElement.scrollTop;
+    let t = `
+      bottom: auto!important;
+      right: auto!important;
+      transform: none!important;
+    `;
+    switch (n) {
+      case "bottomCenter":
+        t = t + `left: ${p + s / 2 - l / 2}px!important;
+          top: ${e + o + 5}px!important;`;
+        break;
+      case "bottomLeft":
+        t = t + `left: ${a - l - s / 2 + 14}px!important;
+          top: ${e + o + 5}px!important;`;
+        break;
+      case "bottomRight":
+        t = t + `left: ${p + s / 2 - 14}px!important;
+          top: ${e + o + 5}px!important;`;
+        break;
+      case "topLeft":
+        t = t + `left: ${a - l - s / 2 + 14}px!important;
+          top: ${r - m + o - 5}px!important;`;
+        break;
+      case "topRight":
+        t = t + `left: ${p + s / 2 - 14}px!important;
+          top: ${r - m + o - 5}px!important;`;
+        break;
+      case "leftTop":
+        t = t + `left: ${p - l - 5}px!important;
+          top: ${e - m - h / 2 + o + 12}px!important`;
+        break;
+      case "leftCenter":
+        t = t + `left: ${p - l - 5}px!important;
+          top: ${e + o - m / 2 - h / 2}px!important;`;
+        break;
+      case "leftBottom":
+        t = t + `left: ${p - l - 5}px!important;
+          top: ${e + o - h / 2 - 12}px!important;`;
+        break;
+      case "rightTop":
+        t = t + `left: ${a + 5}px!important;
+          top: ${e - m - h / 2 + o + 12}px!important`;
+        break;
+      case "rightCenter":
+        t = t + `left: ${a + 5}px!important;
+          top: ${e + o - m / 2 - h / 2}px!important;`;
+        break;
+      case "rightBottom":
+        t = t + `left: ${a + 5}px!important;
+          top: ${e + o - h / 2 - 12}px!important`;
+        break;
+      default:
+        t = t + `left: ${p + s / 2 - l / 2}px!important;
+          top: ${r - m + o - 5}px!important`;
+        break;
+    }
+    return t;
+  }
+  getClassList(i) {
+    return i ? u[i] : u.topCenter;
+  }
+}
+export {
+  y as default
+};

package/dist/directives/tooltip/textOverflowTooltip.js

@@ -0,0 +1,23 @@
+import l from "./TooltipController.js";
+import m from "../../helpers/multiLineOverflows.js";
+const o = new l(), r = (e, t) => {
+  if (m(e)) {
+    const i = Object.keys(t.modifiers)[0] || t.arg, v = {
+      title: t.value.title || "",
+      text: typeof t.value == "object" ? t.value.text : t.value
+    };
+    o.createTooltip(e, v, i);
+  }
+}, s = () => {
+  o.destroyTooltip();
+}, c = {
+  mounted(e, t) {
+    e.addEventListener("mouseenter", () => r(e, t)), e.addEventListener("mouseleave", s);
+  },
+  beforeUnmount(e, t) {
+    o.destroyTooltip(), e.removeEventListener("mouseenter", () => r(e, t)), e.removeEventListener("mouseleave", s);
+  }
+};
+export {
+  c as TextOverflowTooltipDirective
+};

package/dist/directives/tooltip/tooltip.js

@@ -0,0 +1,48 @@
+import l from "./TooltipController.js";
+const s = new l(), u = (t, o) => {
+  var _;
+  s.getTooltipContainer() && s.destroyTooltip();
+  const e = Object.keys(o.modifiers)[0] || o.arg, r = {
+    title: ((_ = o.value) == null ? void 0 : _.title) || "",
+    text: typeof o.value == "object" ? o.value.text : o.value
+  };
+  s.createTooltip(t, r, e);
+}, m = (t, o) => {
+  const e = s.getId();
+  if (o.getAttribute("aria-describedby") !== e)
+    return;
+  const r = s.getTooltipContainer();
+  if (t.type === "blur") {
+    o.contains(t.relatedTarget) || s.destroyTooltip(o);
+    return;
+  }
+  const _ = o !== t.target && !o.contains(t.target), i = r !== t.target && !(r != null && r.contains(t.target));
+  _ && i && s.destroyTooltip(o);
+}, p = (t, o) => {
+  s.destroyTooltip(t), t.__tooltip_scroll_timeout && clearTimeout(t.__tooltip_scroll_timeout), t.__tooltip_scroll_timeout = setTimeout(() => {
+    const e = t.getBoundingClientRect(), r = t.__tooltip_last_mouse_event;
+    if (r) {
+      const { clientX: _, clientY: i } = r;
+      _ >= e.left && _ <= e.right && i >= e.top && i <= e.bottom && u(t, o);
+    }
+  }, 250);
+}, a = (t) => (o) => {
+  t.__tooltip_last_mouse_event = o;
+}, n = (t, o) => {
+  t.__tooltip_create = () => u(t, o), t.__tooltip_destroy = (e) => m(e, t), t.__tooltip_scroll = () => p(t, o), t.__tooltip_track_mouse = a(t), t.addEventListener("mouseenter", t.__tooltip_create), document.addEventListener("mousemove", t.__tooltip_destroy), document.addEventListener("mousemove", t.__tooltip_track_mouse), document.addEventListener("scroll", t.__tooltip_scroll, !0), t.addEventListener("focus", t.__tooltip_create), t.addEventListener("blur", t.__tooltip_destroy, !0);
+}, c = (t) => {
+  t.__tooltip_scroll_timeout && clearTimeout(t.__tooltip_scroll_timeout), s.destroyTooltip(t), t.removeEventListener("mouseenter", t.__tooltip_create), document.removeEventListener("mousemove", t.__tooltip_destroy), document.removeEventListener("mousemove", t.__tooltip_track_mouse), document.removeEventListener("scroll", t.__tooltip_scroll, !0), t.removeEventListener("focus", t.__tooltip_create), t.removeEventListener("blur", t.__tooltip_destroy, !0), delete t.__tooltip_last_mouse_event, delete t.__tooltip_scroll_timeout;
+}, T = {
+  mounted(t, o) {
+    n(t, o);
+  },
+  updated(t, o) {
+    c(t), n(t, o);
+  },
+  beforeUnmount(t) {
+    c(t);
+  }
+};
+export {
+  T as TooltipDirective
+};

package/dist/helpers/debounce.js

@@ -0,0 +1,14 @@
+function i(t, u) {
+  let e = null;
+  function n(...l) {
+    e && clearTimeout(e), e = setTimeout(() => {
+      t.apply(this, l), e = null;
+    }, u);
+  }
+  return n.cancel = function() {
+    e && (clearTimeout(e), e = null);
+  }, n;
+}
+export {
+  i as default
+};

package/dist/helpers/generateUID.js

@@ -0,0 +1,6 @@
+function t() {
+  return "_" + Math.random().toString(36).substr(2, 9);
+}
+export {
+  t as default
+};

package/dist/helpers/getHrefFromID.js

@@ -0,0 +1,6 @@
+function r(e) {
+  return "#" + e.toLowerCase().replace(/ /g, "-");
+}
+export {
+  r as default
+};

package/dist/helpers/multiLineOverflows.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t.scrollHeight > t.clientHeight;
+}
+export {
+  e as default
+};

package/dist/helpers/removeEvents.js

@@ -0,0 +1,8 @@
+function r(e, l = []) {
+  for (let n in e)
+    n.startsWith("on") && (l.length === 0 || l.includes(n)) && delete e[n];
+  return e;
+}
+export {
+  r as default
+};

package/dist/helpers/stripHtml.js

@@ -0,0 +1,6 @@
+function r(t) {
+  return new DOMParser().parseFromString(t, "text/html").body.textContent || "";
+}
+export {
+  r as stripHtml
+};