wj-elements 0.1.32 → 0.1.34

package/dist/wje-tooltip.js

@@ -1,7 +1,7 @@
 var w = Object.defineProperty;
-var v = (i, e, t) => e in i ? w(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var n = (i, e, t) => (v(i, typeof e != "symbol" ? e + "" : e, t), t);
-import f, { event as a } from "./wje-element.js";
+var v = (s, o, t) => o in s ? w(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
+var a = (s, o, t) => (v(s, typeof o != "symbol" ? o + "" : o, t), t);
+import f, { event as n } from "./wje-element.js";
 const b = '.native-tooltip{display:flex;align-items:center;padding:var(--wje-tooltip-spacing);color:var(--wje-tooltip-color);background-color:var(--wje-tooltip-background);font-weight:var(--wje-tooltip-font-weight);font-size:var(--wje-tooltip-font-size);border-radius:var(--wje-tooltip-border-radius);line-height:var(--wje-tooltip-line-height);box-sizing:border-box;box-shadow:var(--wje-tooltip-shadow)}::slotted([slot="start"]){margin:0 .3rem 0 0}::slotted([slot="end"]){margin:0 0 0 .3rem}.arrow{position:absolute;width:10px;height:10px;background:var(--wje-tooltip-arrow-color);transform:rotate(45deg)}';
 class m extends f {
   /**
@@ -14,23 +14,24 @@ class m extends f {
      * @summary Class name
      * @type {string}
      */
-    n(this, "className", "Tooltip");
+    a(this, "className", "Tooltip");
     /**
      * @summary Show tooltip
      */
-    n(this, "onShow", () => {
-      this.classList.add("active"), Promise.resolve(this.beforeShow(this)).then((t) => {
-        if (!this.classList.contains("active") || !t || typeof t != "string")
+    a(this, "onShow", () => {
+      var t;
+      this.classList.add("active"), !((t = this.querySelector("wje-dropdown")) != null && t.classList.contains("active")) && Promise.resolve(this.beforeShow(this)).then((e) => {
+        if (!this.classList.contains("active") || !e || typeof e != "string")
           throw new Error("beforeShow method returned false or not string");
-        this.native.innerHTML = t, this.popup.show(), Promise.resolve(this.afterShow(this));
-      }).catch((t) => {
+        this.native.innerHTML = e, this.popup.show(), Promise.resolve(this.afterShow(this));
+      }).catch((e) => {
         this.classList.remove("active"), this.popup.hide();
       });
     });
     /**
      * @summary Hide tooltip
      */
-    n(this, "onHide", () => {
+    a(this, "onHide", () => {
       this.classList.remove("active"), this.popup.hide();
     });
   }
@@ -69,33 +70,33 @@ class m extends f {
    * @param {Object} params - The parameters
    * @returns {Object} Document fragment
    */
-  draw(t, s, g) {
-    let d = document.createDocumentFragment(), o = document.createElement("wje-popup");
-    o.setAttribute("placement", this.placement || "top"), o.setAttribute("offset", this.offset || "0");
+  draw(t, e, g) {
+    let c = document.createDocumentFragment(), r = document.createElement("wje-popup");
+    r.setAttribute("placement", this.placement || "top"), r.setAttribute("offset", this.offset || "0");
     let l = document.createElement("slot");
     l.setAttribute("slot", "anchor");
-    let c = document.createElement("div");
-    c.classList.add("arrow"), c.setAttribute("slot", "arrow");
+    let d = document.createElement("div");
+    d.classList.add("arrow"), d.setAttribute("slot", "arrow");
     let h = document.createElement("slot");
     h.setAttribute("name", "start");
     let p = document.createElement("slot");
     p.setAttribute("name", "end");
     let u = document.createElement("div");
     u.innerHTML = this.content;
-    let r = document.createElement("div");
-    return r.setAttribute("part", "native"), r.classList.add("native-tooltip"), r.appendChild(h), r.appendChild(u), r.appendChild(p), o.appendChild(l), o.appendChild(c), o.appendChild(r), this.mySlot = l, this.popup = o, this.native = r, d.appendChild(o), d;
+    let i = document.createElement("div");
+    return i.setAttribute("part", "native"), i.classList.add("native-tooltip"), i.appendChild(h), i.appendChild(u), i.appendChild(p), r.appendChild(l), r.appendChild(d), r.appendChild(i), this.mySlot = l, this.popup = r, this.native = i, c.appendChild(r), c;
   }
   /**
    * @summary After draw method
    */
   afterDraw() {
     let t = this.mySlot.assignedElements()[0];
-    this.selector && (t = this.checkSelector(t)), t && (a.addListener(t, "mouseenter", null, this.onShow), a.addListener(t, "mouseleave", null, this.onHide), a.addListener(t, "click", null, this.onHide, { stopPropagation: !1 }));
+    this.selector && (t = this.checkSelector(t)), t && (n.addListener(t, "mouseenter", null, this.onShow), n.addListener(t, "mouseleave", null, this.onHide), n.addListener(this, "wje-dropdown:open", null, this.onHide), n.addListener(this, "wje-dropdown:close", null, this.onShow));
   }
   dispatch(t) {
-    return new Promise((s) => {
-      a.dispatchCustomEvent(this, t, {
-        resolve: s
+    return new Promise((e) => {
+      n.dispatchCustomEvent(this, t, {
+        resolve: e
       });
     });
   }
@@ -105,8 +106,8 @@ class m extends f {
   afterShow() {
   }
   checkSelector(t) {
-    const s = t.querySelector(this.selector);
-    return s === null && console.error("Selector not found:", this.selector), s;
+    const e = t.querySelector(this.selector);
+    return e === null && console.error("Selector not found:", this.selector), e;
   }
 }
 m.define("wje-tooltip", m);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",