wj-elements 0.0.3 → 0.0.5

package/dist/wj-element.js

@@ -1,165 +1,117 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
+var A = Object.defineProperty;
+var E = (o, e, t) => e in o ? A(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var a = (o, e, t) => (E(o, typeof e != "symbol" ? e + "" : e, t), t), v = (o, e, t) => {
+  if (!e.has(o))
+    throw TypeError("Cannot " + t);
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
+var y = (o, e, t) => {
+  if (e.has(o))
     throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
+  e instanceof WeakSet ? e.add(o) : e.set(o, t);
 };
-var _dispatch, dispatch_fn;
-import { store, defaultStoreActions } from "./wj-store.js";
-class UniversalService {
-  constructor(props = {}) {
-    __publicField(this, "findByKey", (attrName, key, keyValue) => {
-      if (this._store.getState()[attrName] instanceof Array) {
-        let find = this._store.getState()[attrName].find((item) => item[key] == keyValue);
-        return find;
-      } else {
-        console.warn(` Attribute ${attrName} is not array`);
-      }
-    });
-    __publicField(this, "findById", (attrName, id) => {
-      if (this._store.getState()[attrName] instanceof Array) {
-        let find = this._store.getState()[attrName].find((item) => item.id == id);
-        return find;
-      } else {
-        console.warn(` Attribute ${attrName} is not array`);
-      }
-    });
-    __publicField(this, "findAttributeValue", (attrName) => {
-      return this._store.getState()[attrName];
+var f = (o, e, t) => (v(o, e, "access private method"), t);
+import { store as b, defaultStoreActions as P } from "./wj-store.js";
+class j {
+  constructor(e = {}) {
+    a(this, "findByKey", (e, t, s) => {
+      if (this._store.getState()[e] instanceof Array)
+        return this._store.getState()[e].find((n) => n[t] == s);
+      console.warn(` Attribute ${e} is not array`);
     });
-    __publicField(this, "update", (data, action) => {
-      this._store.dispatch(action(data));
+    a(this, "findById", (e, t) => {
+      if (this._store.getState()[e] instanceof Array)
+        return this._store.getState()[e].find((i) => i.id == t);
+      console.warn(` Attribute ${e} is not array`);
     });
-    __publicField(this, "add", (data, action) => {
-      this._store.dispatch(action(data));
+    a(this, "findAttributeValue", (e) => this._store.getState()[e]);
+    a(this, "update", (e, t) => {
+      this._store.dispatch(t(e));
     });
-    __publicField(this, "loadPromise", (url, action, method = "GET", data, permissionCallBack = () => {
-    }) => {
-      return fetch(url, {
-        method,
-        body: data,
-        cache: "no-cache",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        async: true,
-        referrerPolicy: "same-origin"
-      }).then((response, e) => {
-        var _a;
-        let permissions = (_a = response.headers.get("permissions")) == null ? void 0 : _a.split(",");
-        permissionCallBack(permissions);
-        if (response.ok) {
-          return response.json();
-        } else {
-          throw response.json();
-        }
-      }).then((data2) => {
-        this._store.dispatch(action(data2));
-        return data2;
-      });
+    a(this, "add", (e, t) => {
+      this._store.dispatch(t(e));
     });
-    __publicField(this, "loadOnePromise", (url, action) => {
-      return fetch(url, {
-        cache: "no-cache",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        referrerPolicy: "same-origin"
-      }).then((data) => {
-        data = data.json();
-        if (action) {
-          this._store.dispatch(action(data));
-        }
-        return data;
-      });
-    });
-    __publicField(this, "load", (url, async = false) => {
-      return $.ajax({
-        method: "GET",
-        url,
-        async,
-        dataType: "json"
-      });
-    });
-    this._store = props.store;
-    this.premenna = null;
-  }
-  _save(url, data, action, dispatchMethod, method) {
-    let promise = fetch(url, {
-      method,
-      body: JSON.stringify(data),
+    a(this, "loadPromise", (e, t, s = "GET", i, n = () => {
+    }) => fetch(e, {
+      method: s,
+      body: i,
       cache: "no-cache",
       headers: {
         "Content-Type": "application/json"
       },
+      async: !0,
       referrerPolicy: "same-origin"
-    }).then((response) => {
-      if (response.ok) {
-        return response.json();
-      } else {
-        return response.json();
-      }
-    });
-    return this.dispatch(promise, dispatchMethod, action);
+    }).then((r, h) => {
+      var g;
+      let p = (g = r.headers.get("permissions")) == null ? void 0 : g.split(",");
+      if (n(p), r.ok)
+        return r.json();
+      throw r.json();
+    }).then((r) => (this._store.dispatch(t(r)), r)));
+    a(this, "loadOnePromise", (e, t) => fetch(e, {
+      cache: "no-cache",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      referrerPolicy: "same-origin"
+    }).then((s) => (s = s.json(), t && this._store.dispatch(t(s)), s)));
+    a(this, "load", (e, t = !1) => $.ajax({
+      method: "GET",
+      url: e,
+      async: t,
+      dataType: "json"
+    }));
+    this._store = e.store, this.premenna = null;
+  }
+  _save(e, t, s, i, n) {
+    let r = fetch(e, {
+      method: n,
+      body: JSON.stringify(t),
+      cache: "no-cache",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      referrerPolicy: "same-origin"
+    }).then((h) => (h.ok, h.json()));
+    return this.dispatch(r, i, s);
   }
-  _get(url, action, dispatchMethod) {
-    let promise = fetch(url, {
+  _get(e, t, s) {
+    let i = fetch(e, {
       method: "GET",
       cache: "no-cache",
       headers: {
         "Content-Type": "application/json"
       },
       referrerPolicy: "same-origin"
-    }).then(async (response) => {
-      let text;
+    }).then(async (n) => {
+      let r;
       try {
-        let text2 = await response.text();
-        const data = JSON.parse(text2);
-        return data;
-      } catch (err) {
-        return text;
+        let h = await n.text();
+        return JSON.parse(h);
+      } catch {
+        return r;
       }
     });
-    return this.dispatch(promise, dispatchMethod, action);
+    return this.dispatch(i, s, t);
   }
-  put(url, data, action, dispatchMethod = true) {
-    return this._save(url, data, action, dispatchMethod, "PUT");
+  put(e, t, s, i = !0) {
+    return this._save(e, t, s, i, "PUT");
   }
-  post(url, data, action, dispatchMethod = true) {
-    return this._save(url, data, action, dispatchMethod, "POST");
+  post(e, t, s, i = !0) {
+    return this._save(e, t, s, i, "POST");
   }
-  delete(url, data, action, dispatchMethod = true) {
-    return this._save(url, data, action, dispatchMethod, "DELETE");
+  delete(e, t, s, i = !0) {
+    return this._save(e, t, s, i, "DELETE");
   }
-  get(url, action, dispatchMethod = true) {
-    return this._get(url, action, dispatchMethod);
+  get(e, t, s = !0) {
+    return this._get(e, t, s);
   }
-  dispatch(promise, dispatchMethod, action) {
-    if (dispatchMethod) {
-      return promise.then((data) => {
-        this._store.dispatch(action(data.data));
-        return data;
-      }).catch((error) => {
-        console.error(error);
-      });
-    }
-    return promise;
+  dispatch(e, t, s) {
+    return t ? e.then((i) => (this._store.dispatch(s(i.data)), i)).catch((i) => {
+      console.error(i);
+    }) : e;
   }
 }
-class WjPermissionsApi {
+class c {
   constructor() {
   }
   static get permissions() {
@@ -168,24 +120,21 @@ class WjPermissionsApi {
       ...intranet.storage().getItem("globalPermissions", "settings") || []
     ];
   }
-  static includesKey(key) {
-    return WjPermissionsApi.permissions.includes(key);
+  static includesKey(e) {
+    return c.permissions.includes(e);
   }
   static getKeys() {
-    let key = [];
-    if (this.hasAttribute("permission-check")) {
-      key = this.getAttribute("permission-check").split(",");
-    }
-    return key;
+    let e = [];
+    return this.hasAttribute("permission-check") && (e = this.getAttribute("permission-check").split(",")), e;
   }
   static shouldShow() {
     return this.hasAttribute("show") && JSON.parse(this.getAttribute("show"));
   }
   static isPermissionFulfilled() {
-    return WjPermissionsApi.getKeys.bind(this)().some((perm) => WjPermissionsApi.permissions.includes(perm)) || WjPermissionsApi.shouldShow.bind(this)();
+    return c.getKeys.bind(this)().some((e) => c.permissions.includes(e)) || c.shouldShow.bind(this)();
   }
 }
-class WjElementUtils {
+class u {
   constructor() {
   }
   /**
@@ -193,173 +142,115 @@ class WjElementUtils {
    * @param element : HTMLElement
    * @param object : Object
    */
-  static setAttributesToElement(element, object) {
-    Object.entries(object).forEach(([key, value]) => {
-      element.setAttribute(key, value);
+  static setAttributesToElement(e, t) {
+    Object.entries(t).forEach(([s, i]) => {
+      e.setAttribute(s, i);
     });
   }
   /** @function getAttributes
    * @description Vráti všetky atributy elementu v poli
    * @return (array)
    */
-  static getAttributes(el) {
-    if (typeof el === "string")
-      el = document.querySelector(el);
-    return Array.from(el.attributes).filter((a) => !a.name.startsWith("@")).map((a) => [a.name.split("-").map((s, i) => {
-      if (i != 0) {
-        return s.charAt(0).toUpperCase() + s.slice(1);
-      } else {
-        return s;
-      }
-    }).join(""), a.value]).reduce((acc, attr) => {
-      acc[attr[0]] = attr[1];
-      return acc;
-    }, {});
-  }
-  static getEvents(el) {
-    if (typeof el === "string")
-      el = document.querySelector(el);
-    return Array.from(el.attributes).filter((a) => a.name.startsWith("@wj")).map((a) => [a.name.substring(3).split("-").join(""), a.value]).reduce((acc, attr) => {
-      acc.set(attr[0], attr[1]);
-      return acc;
-    }, /* @__PURE__ */ new Map());
-  }
-  static attributesToString(object) {
-    return Object.entries(object).map(([key, value]) => {
-      return `${key}="${value}"`;
-    }).join(" ");
-  }
-  static hasSlot(el, slotName = null) {
-    let selector = slotName ? `[slot="${slotName}"]` : "[slot]";
-    return el.querySelectorAll(selector).length > 0 ? true : false;
-  }
-  static stringToBoolean(string) {
-    return !["false", "0", 0].includes(string);
+  static getAttributes(e) {
+    return typeof e == "string" && (e = document.querySelector(e)), Array.from(e.attributes).filter((t) => !t.name.startsWith("@")).map((t) => [t.name.split("-").map((s, i) => i != 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s).join(""), t.value]).reduce((t, s) => (t[s[0]] = s[1], t), {});
+  }
+  static getEvents(e) {
+    return typeof e == "string" && (e = document.querySelector(e)), Array.from(e.attributes).filter((t) => t.name.startsWith("@wj")).map((t) => [t.name.substring(3).split("-").join(""), t.value]).reduce((t, s) => (t.set(s[0], s[1]), t), /* @__PURE__ */ new Map());
+  }
+  static attributesToString(e) {
+    return Object.entries(e).map(([t, s]) => `${t}="${s}"`).join(" ");
+  }
+  static hasSlot(e, t = null) {
+    let s = t ? `[slot="${t}"]` : "[slot]";
+    return e.querySelectorAll(s).length > 0;
+  }
+  static stringToBoolean(e) {
+    return !["false", "0", 0].includes(e);
   }
 }
-var self;
-class WjEvent {
+var d, l, m;
+class T {
   constructor() {
-    __privateAdd(this, _dispatch);
-    this.customEventStorage = [];
-    self = this;
-  }
-  dispatchCustomEvent(element, event2, detail) {
-    element.dispatchEvent(
-      new CustomEvent(event2, {
-        detail,
-        bubbles: true,
-        composed: true
+    y(this, l);
+    this.customEventStorage = [], d = this;
+  }
+  dispatchCustomEvent(e, t, s) {
+    e.dispatchEvent(
+      new CustomEvent(t, {
+        detail: s,
+        bubbles: !0,
+        composed: !0
       })
     );
   }
-  findRecordByElement(element) {
-    for (var index = 0, length = this.customEventStorage.length; index < length; index++) {
-      var record = this.customEventStorage[index];
-      if (element == record.element) {
-        return record;
-      }
+  findRecordByElement(e) {
+    for (var t = 0, s = this.customEventStorage.length; t < s; t++) {
+      var i = this.customEventStorage[t];
+      if (e == i.element)
+        return i;
     }
-    return false;
+    return !1;
   }
-  addListener(element, originalEvent, event2, listener, options) {
-    if (!element)
+  addListener(e, t, s, i, n) {
+    if (!e)
       return;
-    let record = this.findRecordByElement(element);
-    if (record) {
-      record.listeners[originalEvent] = record.listeners[originalEvent] || [];
-    } else {
-      record = {
-        element,
-        listeners: {}
-      };
-      record.listeners[originalEvent] = [];
-      this.customEventStorage.push(record);
-    }
-    listener = listener || __privateMethod(this, _dispatch, dispatch_fn);
-    let obj = {
-      listener,
-      options,
-      event: event2
+    let r = this.findRecordByElement(e);
+    r ? r.listeners[t] = r.listeners[t] || [] : (r = {
+      element: e,
+      listeners: {}
+    }, r.listeners[t] = [], this.customEventStorage.push(r)), i = i || f(this, l, m);
+    let h = {
+      listener: i,
+      options: n,
+      event: s
     };
-    if (!this.listenerExists(element, originalEvent, obj)) {
-      record.listeners[originalEvent].push(obj);
-      element.addEventListener(originalEvent, listener);
-    }
+    this.listenerExists(e, t, h) || (r.listeners[t].push(h), e.addEventListener(t, i));
   }
-  listenerExists(element, event2, listener) {
-    let record = this.findRecordByElement(element);
-    return record.listeners[event2].some((e) => JSON.stringify(e) === JSON.stringify(listener));
+  listenerExists(e, t, s) {
+    return this.findRecordByElement(e).listeners[t].some((n) => JSON.stringify(n) === JSON.stringify(s));
   }
-  removeListener(element, originalEvent, event2, listener, options) {
-    let record = this.findRecordByElement(element);
-    if (record && originalEvent in record.listeners) {
-      var index = record.listeners[originalEvent].indexOf(listener);
-      if (~index) {
-        record.listeners[originalEvent].splice(index, 1);
-      }
-      if (!record.listeners[originalEvent].length) {
-        delete record.listeners[originalEvent];
-      }
+  removeListener(e, t, s, i, n) {
+    let r = this.findRecordByElement(e);
+    if (r && t in r.listeners) {
+      var h = r.listeners[t].indexOf(i);
+      ~h && r.listeners[t].splice(h, 1), r.listeners[t].length || delete r.listeners[t];
     }
-    listener = listener || __privateMethod(this, _dispatch, dispatch_fn);
-    element.removeEventListener(originalEvent, listener, options);
+    i = i || f(this, l, m), e.removeEventListener(t, i, n);
   }
-  removeElement(element) {
-    this.customEventStorage = this.customEventStorage.filter((e) => {
-      if (e.element !== element)
-        return e;
+  removeElement(e) {
+    this.customEventStorage = this.customEventStorage.filter((t) => {
+      if (t.element !== e)
+        return t;
     });
   }
 }
-_dispatch = new WeakSet();
-dispatch_fn = function(e) {
-  let element = this;
-  let record = self.findRecordByElement(element);
-  let listeners = record.listeners[e.type];
-  listeners.forEach((listener, i) => {
-    self.dispatchCustomEvent(element, listener.event, {
+l = new WeakSet(), m = function(e) {
+  let t = this;
+  d.findRecordByElement(t).listeners[e.type].forEach((n, r) => {
+    d.dispatchCustomEvent(t, n.event, {
       originalEvent: (e == null ? void 0 : e.type) || null,
-      context: element,
-      event: self
-    });
-    if (listener.options && listener.options.stopPropagation === true)
-      e.stopPropagation();
+      context: t,
+      event: d
+    }), n.options && n.options.stopPropagation === !0 && e.stopPropagation();
   });
 };
-let event = new WjEvent();
-const template = document.createElement("template");
-template.innerHTML = ``;
-class WJElement extends HTMLElement {
-  constructor(componentTemplate) {
+let k = new T();
+const w = document.createElement("template");
+w.innerHTML = "";
+class S extends HTMLElement {
+  constructor(t) {
     super();
-    __publicField(this, "initWjElement", async (force = false) => {
-      var _a;
+    a(this, "initWjElement", async (t = !1) => {
+      var n;
       this.functionStack = [];
-      const processId = Date.now();
-      this.functionStack.push(processId);
-      (_a = this.setupAttributes) == null ? void 0 : _a.call(this);
-      if (this.isShadowRoot) {
-        !this.shadowRoot && this.attachShadow({ mode: this.shadowType || "open" });
-      }
-      this.setUpAccessors();
-      this.drawingStatus = "BEGINING";
-      this.display(force, processId);
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(this.constructor.cssStyleSheet);
-      this.context.adoptedStyleSheets = [sheet];
-    });
-    this.template = componentTemplate || template;
-    this._attributes = {};
-    this.isAttached = false;
-    this.service = new UniversalService({
-      store
+      const s = Date.now();
+      this.functionStack.push(s), (n = this.setupAttributes) == null || n.call(this), this.isShadowRoot && !this.shadowRoot && this.attachShadow({ mode: this.shadowType || "open" }), this.setUpAccessors(), this.drawingStatus = "BEGINING", this.display(t, s);
+      const i = new CSSStyleSheet();
+      i.replaceSync(this.constructor.cssStyleSheet), this.context.adoptedStyleSheets = [i];
     });
-    this.rendering = false;
-    this.runtimeTimeout = null;
-    this.count = 0;
-    this.functionStack = [];
-    this.scheludedRefresh = false;
+    this.template = t || w, this._attributes = {}, this.isAttached = !1, this.service = new j({
+      store: b
+    }), this.rendering = !1, this.runtimeTimeout = null, this.count = 0, this.functionStack = [], this.scheludedRefresh = !1;
   }
   get permission() {
     return this.getAttribute("permission-check");
@@ -367,7 +258,7 @@ class WJElement extends HTMLElement {
   get isPermissionCheck() {
     return this.hasAttribute("permission-check");
   }
-  set isPermissionCheck(shadow) {
+  set isPermissionCheck(t) {
     return this.setAttribute("permission-check", "permission-check");
   }
   get isShow() {
@@ -376,21 +267,17 @@ class WJElement extends HTMLElement {
   get isShadowRoot() {
     return this.hasAttribute("shadow");
   }
-  set isShadowRoot(shadow) {
-    return this.setAttribute("shadow", shadow);
+  set isShadowRoot(t) {
+    return this.setAttribute("shadow", t);
   }
   get shadowType() {
     return this.getAttribute("shadow") || "open";
   }
   get context() {
-    if (this.isShadowRoot) {
-      return this.shadowRoot;
-    } else {
-      return this;
-    }
+    return this.isShadowRoot ? this.shadowRoot : this;
   }
   get store() {
-    return store;
+    return b;
   }
   //		addAction,
   //     deleteAction,
@@ -414,190 +301,128 @@ class WJElement extends HTMLElement {
    * @return {ArrayActions, ObjectActions}
    */
   get defaultStoreActions() {
-    return defaultStoreActions;
+    return P;
   }
   get removeClassAfterConnect() {
-    var _a;
-    return (_a = this.getAttribute("remove-class-after-connect")) == null ? void 0 : _a.split(" ");
+    var t;
+    return (t = this.getAttribute("remove-class-after-connect")) == null ? void 0 : t.split(" ");
   }
   beforeDraw() {
   }
   afterDraw() {
   }
-  makeRuntimeTimeout(callback = () => {
+  makeRuntimeTimeout(t = () => {
   }) {
     return setTimeout(() => {
-      callback();
+      t();
     }, 0);
   }
   refreshUpdatePromise() {
-    this.updateComplete = new Promise((resolve, reject) => {
-      this.finisPromise = resolve;
-      this.rejectPromise = reject;
+    this.updateComplete = new Promise((t, s) => {
+      this.finisPromise = t, this.rejectPromise = s;
     });
   }
   async connectedCallback() {
-    this.finisPromise = (resolve) => {
-      resolve();
-    };
-    this.rejectPromise = (reject) => {
-      reject();
-    };
-    this.refreshUpdatePromise();
-    await this.initWjElement(true);
+    this.finisPromise = (t) => {
+      t();
+    }, this.rejectPromise = (t) => {
+      t();
+    }, this.refreshUpdatePromise(), await this.initWjElement(!0);
   }
   setupAttributes() {
-    let allEvents = WjElementUtils.getEvents(this);
-    allEvents.forEach((customEvent, domEvent) => {
-      this.addEventListener(domEvent, (e) => {
-        var _a, _b;
-        (_b = (_a = this.getRootNode().host)[customEvent]) == null ? void 0 : _b.call(_a);
+    u.getEvents(this).forEach((s, i) => {
+      this.addEventListener(i, (n) => {
+        var r, h;
+        (h = (r = this.getRootNode().host)[s]) == null || h.call(r);
       });
     });
   }
   beforeDisconnect() {
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this.beforeDisconnect) == null ? void 0 : _a.call(this);
-    if (this.isAttached)
-      this.context.innerHTML = "";
-    this.isAttached = false;
-    (_b = this.afterDisconnect) == null ? void 0 : _b.call(this);
+    var t, s;
+    (t = this.beforeDisconnect) == null || t.call(this), this.isAttached && (this.context.innerHTML = ""), this.isAttached = !1, (s = this.afterDisconnect) == null || s.call(this);
   }
   /**
       * Lifecycle method, called whenever an observed property changes
       */
-  attributeChangedCallback(name, old, newName) {
-    if (!this.isAttached && old !== newName) {
-      this.scheludedRefresh = true;
+  attributeChangedCallback(t, s, i) {
+    if (!this.isAttached && s !== i) {
+      this.scheludedRefresh = !0;
       return;
     }
-    if (old !== newName) {
-      this.refresh();
-    }
+    s !== i && this.refresh();
   }
   async refresh() {
-    var _a, _b;
-    this.refreshUpdatePromise();
-    if (this.drawingStatus != "AFTER") {
-      (_a = this.afterDisconnect) == null ? void 0 : _a.call(this);
-      await this.initWjElement(true);
-    } else {
-      (_b = this.unregister) == null ? void 0 : _b.call(this);
-      await this.initWjElement(true);
-    }
+    var t, s;
+    this.refreshUpdatePromise(), this.drawingStatus != "AFTER" ? ((t = this.afterDisconnect) == null || t.call(this), await this.initWjElement(!0)) : ((s = this.unregister) == null || s.call(this), await this.initWjElement(!0));
   }
   /**
       * To be implemented by the child class
       */
-  draw(context, store2, params) {
+  draw(t, s, i) {
     return null;
   }
-  display(force = false, processId) {
-    if (this.isProcessingFlow(processId))
-      return;
-    if (force && this.isShadowRoot) {
-      [...this.context.children].forEach(this.context.removeChild.bind(this.context));
-      this.isAttached = false;
-    }
-    if (this.isAttached) {
-      console.log("Already rendered...", this);
-    }
-    this.context.append(this.template.content.cloneNode(true));
-    if (this.isPermissionCheck || this.isShow) {
-      if (WjPermissionsApi.isPermissionFulfilled.bind(this)(this.permission)) {
-        this._resolveRender(processId);
-      } else {
-        this.remove();
-      }
-    } else {
-      this._resolveRender(processId);
-    }
+  display(t = !1, s) {
+    this.isProcessingFlow(s) || (t && this.isShadowRoot && ([...this.context.children].forEach(this.context.removeChild.bind(this.context)), this.isAttached = !1), this.isAttached && console.log("Already rendered...", this), this.context.append(this.template.content.cloneNode(!0)), this.isPermissionCheck || this.isShow ? c.isPermissionFulfilled.bind(this)(this.permission) ? this._resolveRender(s) : this.remove() : this._resolveRender(s));
   }
-  render(processId) {
-    this.drawingStatus = "DRAWING";
-    if (this.isProcessingFlow(processId))
+  render(t) {
+    if (this.drawingStatus = "DRAWING", this.isProcessingFlow(t))
       return;
-    let rend = this.draw(this.context, this.store, WjElementUtils.getAttributes(this)) || "";
-    let element;
-    if (rend instanceof HTMLElement || rend instanceof DocumentFragment) {
-      element = rend;
-    } else {
-      let template2 = document.createElement("template");
-      template2.innerHTML = rend;
-      element = template2.content.cloneNode(true);
+    let s = this.draw(this.context, this.store, u.getAttributes(this)) || "", i;
+    if (s instanceof HTMLElement || s instanceof DocumentFragment)
+      i = s;
+    else {
+      let r = document.createElement("template");
+      r.innerHTML = s, i = r.content.cloneNode(!0);
     }
-    let rendered = element;
-    if (this.isProcessingFlow(processId))
-      return;
-    this.context.appendChild(rendered);
+    let n = i;
+    this.isProcessingFlow(t) || this.context.appendChild(n);
   }
   /**
       * Turns a string split with "-" into camel case notation
       */
-  sanitizeName(name) {
-    let parts = name.split("-");
-    return [parts.shift(), ...parts.map((n) => n[0].toUpperCase() + n.slice(1))].join("");
+  sanitizeName(t) {
+    let s = t.split("-");
+    return [s.shift(), ...s.map((i) => i[0].toUpperCase() + i.slice(1))].join("");
   }
   /**
       * Creates one property on this class for every
       * HTML property defined on the element
       */
   setUpAccessors() {
-    let attrs = this.getAttributeNames();
-    attrs.forEach((name) => {
-      const sanitizedName = this.sanitizeName(name);
-      if (this[sanitizedName] == void 0) {
-        Object.defineProperty(this, sanitizedName, {
-          set: (value) => this.setAttribute(name, value),
-          get: (_) => {
-            return this.getAttribute(name);
-          }
-        });
-      }
+    this.getAttributeNames().forEach((s) => {
+      const i = this.sanitizeName(s);
+      this[i] == null && Object.defineProperty(this, i, {
+        set: (n) => this.setAttribute(s, n),
+        get: (n) => this.getAttribute(s)
+      });
     });
   }
-  isProcessingFlow(processId) {
-    return !this.functionStack.find((d) => d == processId);
+  isProcessingFlow(t) {
+    return !this.functionStack.find((s) => s == t);
   }
-  _resolveRender(processId) {
-    if (this.isProcessingFlow(processId))
-      return;
-    this.params = WjElementUtils.getAttributes(this);
-    Promise.resolve(this.beforeDraw(this.context, this.store, WjElementUtils.getAttributes(this))).then((res) => {
-      var _a;
-      this.drawingStatus = "BEFORE";
-      this.render(processId);
-      if (this.isProcessingFlow(processId))
-        return;
-      Promise.resolve((_a = this.afterDraw) == null ? void 0 : _a.call(this, this.context, this.store, WjElementUtils.getAttributes(this))).then(
-        (a, b, c) => {
-          this.drawingStatus = "AFTER";
-          this.finisPromise();
-          this.rendering = false;
-          this.isAttached = true;
-          this.removeClassAfterConnect && this.classList.remove(...this.removeClassAfterConnect);
-          if (this.scheludedRefresh) {
-            this.refresh();
-            this.scheludedRefresh = false;
-          }
+  _resolveRender(t) {
+    this.isProcessingFlow(t) || (this.params = u.getAttributes(this), Promise.resolve(this.beforeDraw(this.context, this.store, u.getAttributes(this))).then((s) => {
+      var i;
+      this.drawingStatus = "BEFORE", this.render(t), !this.isProcessingFlow(t) && Promise.resolve((i = this.afterDraw) == null ? void 0 : i.call(this, this.context, this.store, u.getAttributes(this))).then(
+        (n, r, h) => {
+          this.drawingStatus = "AFTER", this.finisPromise(), this.rendering = !1, this.isAttached = !0, this.removeClassAfterConnect && this.classList.remove(...this.removeClassAfterConnect), this.scheludedRefresh && (this.refresh(), this.scheludedRefresh = !1);
         }
       );
-    });
+    }));
   }
 }
-__publicField(WJElement, "processTemplates", (pTemplate, template2) => {
-  const newTemplate = document.createElement("template");
-  newTemplate.innerHTML = [template2.innerHTML, (pTemplate == null ? void 0 : pTemplate.innerHTML) || ""].join("");
-  return newTemplate;
+a(S, "processTemplates", (t, s) => {
+  const i = document.createElement("template");
+  return i.innerHTML = [s.innerHTML, (t == null ? void 0 : t.innerHTML) || ""].join(""), i;
 });
-let __esModule = "true";
-customElements.get("wj-element") || customElements.define("wj-element", WJElement);
+let _ = "true";
+customElements.get("wj-element") || customElements.define("wj-element", S);
 export {
-  WjElementUtils,
-  WjPermissionsApi,
-  __esModule,
-  WJElement as default,
-  event
+  u as WjElementUtils,
+  c as WjPermissionsApi,
+  _ as __esModule,
+  S as default,
+  k as event
 };