wj-elements 0.1.53 → 0.1.54

package/dist/wje-dropdown.js

@@ -1,8 +1,8 @@
-var d = Object.defineProperty;
-var u = (r, s, t) => s in r ? d(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var o = (r, s, t) => (u(r, typeof s != "symbol" ? s + "" : s, t), t);
+var u = Object.defineProperty;
+var d = (r, s, t) => s in r ? u(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
+var i = (r, s, t) => (d(r, typeof s != "symbol" ? s + "" : s, t), t);
 import m, { event as e } from "./wje-element.js";
-import { P as w } from "./popup.element-CWsSOxs2.js";
+import { P as g } from "./popup.element-CWsSOxs2.js";
 class h extends m {
   /**
    * Creates an instance of Dropdown.
@@ -11,16 +11,16 @@ class h extends m {
    * */
   constructor() {
     super();
-    o(this, "depandencies", {
-      "wje-popup": w
+    i(this, "depandencies", {
+      "wje-popup": g
     });
-    o(this, "className", "Dropdown");
+    i(this, "className", "Dropdown");
     /**
      * Callback function to handle other dropdowns being opened. Close the dropdown if it is not the target and collapse is enabled.
      *
      * @param {Event} e - The event object.
      */
-    o(this, "otherDropdownOpennedCallback", (t) => {
+    i(this, "otherDropdownOpennedCallback", (t) => {
       t.detail.detail.target !== this && (this.classList.remove("active"), this.popup.hide());
     });
     /**
@@ -30,14 +30,14 @@ class h extends m {
      *
      * @param {Event} e - The event object.
      */
-    o(this, "toggleCallback", (t) => {
+    i(this, "toggleCallback", (t) => {
       this.classList.contains("active") ? this.onClose(t) : this.onOpen(t);
     });
     /**
      * @summary Open the popup
      * @param e
      */
-    o(this, "onOpen", async (t) => {
+    i(this, "onOpen", async (t) => {
       t.stopPropagation(), this.classList.add("active"), Promise.resolve(this.beforeShow(this)).then((l) => {
         if (!this.classList.contains("active"))
           throw new Error(
@@ -55,12 +55,15 @@ class h extends m {
      * @summary Close the popup
      * @param e
      */
-    o(this, "onClose", async (t) => {
+    i(this, "onClose", async (t) => {
       t.stopPropagation(), this.classList.remove("active"), this.popup.hide(), e.dispatchCustomEvent(this, "wje-dropdown:close", {
         bubbles: !0,
         detail: { target: this }
       });
     });
+    i(this, "myFunction", (t) => {
+      console.log("myFunction", t);
+    });
   }
   set trigger(t) {
     this.setAttribute("trigger", t);
@@ -74,7 +77,7 @@ class h extends m {
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  draw(t, l, g) {
+  draw(t, l, w) {
     let c = document.createDocumentFragment();
     this.classList.add(
       "wje-placement",
@@ -84,8 +87,8 @@ class h extends m {
     n.setAttribute("part", "native"), n.classList.add("native-dropdown"), document.createElement("wje-tooltip").setAttribute("content", this.tooltip);
     let a = document.createElement("slot");
     a.setAttribute("name", "trigger"), a.setAttribute("slot", "anchor");
-    let p = document.createElement("slot"), i = document.createElement("wje-popup");
-    return i.setAttribute("placement", this.placement), i.setAttribute("offset", this.offset), i.appendChild(a), i.appendChild(p), i.setAttribute("manual", ""), n.appendChild(i), c.appendChild(n), this.popup = i, this.anchorSlot = a, c;
+    let p = document.createElement("slot"), o = document.createElement("wje-popup");
+    return o.setAttribute("placement", this.placement), o.setAttribute("offset", this.offset), o.appendChild(a), o.appendChild(p), o.setAttribute("manual", ""), n.appendChild(o), c.appendChild(n), this.popup = o, this.anchorSlot = a, c;
   }
   afterDisconnect() {
     e.removeListener(this, "mouseenter", null, this.onOpen), e.removeListener(this, "mouseleave", null, this.onClose), e.removeListener(this.anchorSlot, "click", null, this.toggleCallback, { capture: !0 });

package/dist/wje-element.js

@@ -4,14 +4,14 @@ var a = (h, e, t) => (A(h, typeof e != "symbol" ? e + "" : e, t), t), P = (h, e,
   if (!e.has(h))
     throw TypeError("Cannot " + t);
 };
-var w = (h, e, t) => {
+var y = (h, e, t) => {
   if (e.has(h))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(h) : e.set(h, t);
 };
 var p = (h, e, t) => (P(h, e, "access private method"), t);
-import { store as b, defaultStoreActions as C } from "./wje-store.js";
-class j {
+import { store as w, defaultStoreActions as j } from "./wje-store.js";
+class C {
   constructor(e = {}) {
     a(this, "findByKey", (e, t, s) => {
       if (this._store.getState()[e] instanceof Array)
@@ -41,8 +41,8 @@ class j {
       async: !0,
       referrerPolicy: "same-origin"
     }).then((n, o) => {
-      var y;
-      let m = (y = n.headers.get("permissions")) == null ? void 0 : y.split(",");
+      var b;
+      let m = (b = n.headers.get("permissions")) == null ? void 0 : b.split(",");
       if (r(m), n.ok)
         return n.json();
       throw n.json();
@@ -171,7 +171,7 @@ class u {
 var l, d, g;
 class T {
   constructor() {
-    w(this, d);
+    y(this, d);
     this.customEventStorage = [], l = this;
   }
   dispatchCustomEvent(e, t, s) {
@@ -210,10 +210,20 @@ class T {
       options: r,
       event: s
     };
-    this.listenerExists(e, t, o) || (n.listeners[t].push(o), e.addEventListener(t, i, r));
+    this.listenerExists(e, t, o) ? console.warn("Listener already exists", e, t, i) : (n.listeners[t].push(o), e.addEventListener(t, i, r));
+  }
+  /**
+   * Performs a deep equality check between two objects.
+   *
+   * @param {any} x - The first object to compare.
+   * @param {any} y - The second object to compare.
+   * @returns {boolean} - Returns `true` if the objects are deeply equal, `false` otherwise.
+   */
+  deepEqual(e, t) {
+    return e && t && typeof e == "object" && typeof e == typeof t ? Object.keys(e).length === Object.keys(t).length && Object.keys(e).every((s) => this.deepEqual(e[s], t[s])) : e === t;
   }
   listenerExists(e, t, s) {
-    return this.findRecordByElement(e).listeners[t].some((r) => JSON.stringify(r) === JSON.stringify(s));
+    return this.findRecordByElement(e).listeners[t].some((r) => this.deepEqual(r, s));
   }
   removeListener(e, t, s, i, r) {
     let n = this.findRecordByElement(e);
@@ -250,8 +260,8 @@ d = new WeakSet(), g = function(e) {
   });
 };
 let _ = new T();
-const E = document.createElement("template");
-E.innerHTML = "";
+const S = document.createElement("template");
+S.innerHTML = "";
 const f = class f extends HTMLElement {
   constructor(t) {
     super();
@@ -263,8 +273,8 @@ const f = class f extends HTMLElement {
       const i = new CSSStyleSheet();
       i.replaceSync(this.constructor.cssStyleSheet), this.context.adoptedStyleSheets = [i];
     });
-    this.template = t || E, this.isAttached = !1, this.service = new j({
-      store: b
+    this.template = t || S, this.isAttached = !1, this.service = new C({
+      store: w
     }), this.defineDepandencies(), this.rendering = !1, this.runtimeTimeout = null, this.count = 0, this.functionStack = [], this.scheludedRefresh = !1, this._depandencies = {};
   }
   get permission() {
@@ -292,7 +302,7 @@ const f = class f extends HTMLElement {
     return this.isShadowRoot ? this.shadowRoot : this;
   }
   get store() {
-    return b;
+    return w;
   }
   // addAction,
   // deleteAction,
@@ -316,7 +326,7 @@ const f = class f extends HTMLElement {
    * @return {ArrayActions, ObjectActions}
    */
   get defaultStoreActions() {
-    return C;
+    return j;
   }
   get removeClassAfterConnect() {
     var t;
@@ -443,11 +453,11 @@ a(f, "processTemplates", (t, s) => {
   const i = document.createElement("template");
   return i.innerHTML = [s.innerHTML, (t == null ? void 0 : t.innerHTML) || ""].join(""), i;
 });
-let S = f, k = "true";
+let E = f, L = "true";
 export {
   u as WjElementUtils,
   c as WjePermissionsApi,
-  k as __esModule,
-  S as default,
+  L as __esModule,
+  E as default,
   _ as event
 };

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.53",
+  "version": "0.1.54",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",