wj-elements 0.1.56 → 0.1.58

package/dist/wje-dropdown.js

@@ -11,7 +11,7 @@ class h extends m {
    * */
   constructor() {
     super();
-    o(this, "depandencies", {
+    o(this, "dependencies", {
       "wje-popup": w
     });
     o(this, "className", "Dropdown");

package/dist/wje-element.js

@@ -1,37 +1,37 @@
 var v = Object.defineProperty;
-var A = (h, e, t) => e in h ? v(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var a = (h, e, t) => (A(h, typeof e != "symbol" ? e + "" : e, t), t), P = (h, e, t) => {
-  if (!e.has(h))
-    throw TypeError("Cannot " + t);
+var A = (h, t, e) => t in h ? v(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var a = (h, t, e) => (A(h, typeof t != "symbol" ? t + "" : t, e), e), P = (h, t, e) => {
+  if (!t.has(h))
+    throw TypeError("Cannot " + e);
 };
-var y = (h, e, t) => {
-  if (e.has(h))
+var y = (h, t, e) => {
+  if (t.has(h))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(h) : e.set(h, t);
+  t instanceof WeakSet ? t.add(h) : t.set(h, e);
 };
-var p = (h, e, t) => (P(h, e, "access private method"), t);
+var p = (h, t, e) => (P(h, t, "access private method"), e);
 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)
-        return this._store.getState()[e].find((r) => r[t] == s);
-      console.warn(` Attribute ${e} is not array`);
+  constructor(t = {}) {
+    a(this, "findByKey", (t, e, s) => {
+      if (this._store.getState()[t] instanceof Array)
+        return this._store.getState()[t].find((r) => r[e] == s);
+      console.warn(` Attribute ${t} is not array`);
     });
-    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`);
+    a(this, "findById", (t, e) => {
+      if (this._store.getState()[t] instanceof Array)
+        return this._store.getState()[t].find((i) => i.id == e);
+      console.warn(` Attribute ${t} is not array`);
     });
-    a(this, "findAttributeValue", (e) => this._store.getState()[e]);
-    a(this, "update", (e, t) => {
-      this._store.dispatch(t(e));
+    a(this, "findAttributeValue", (t) => this._store.getState()[t]);
+    a(this, "update", (t, e) => {
+      this._store.dispatch(e(t));
     });
-    a(this, "add", (e, t) => {
-      this._store.dispatch(t(e));
+    a(this, "add", (t, e) => {
+      this._store.dispatch(e(t));
     });
-    a(this, "loadPromise", (e, t, s = "GET", i, r = () => {
-    }) => fetch(e, {
+    a(this, "loadPromise", (t, e, s = "GET", i, r = () => {
+    }) => fetch(t, {
       method: s,
       body: i,
       cache: "no-cache",
@@ -46,26 +46,26 @@ class C {
       if (r(m), n.ok)
         return n.json();
       throw n.json();
-    }).then((n) => (this._store.dispatch(t(n)), n)));
-    a(this, "loadOnePromise", (e, t) => fetch(e, {
+    }).then((n) => (this._store.dispatch(e(n)), n)));
+    a(this, "loadOnePromise", (t, e) => fetch(t, {
       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({
+    }).then((s) => (s = s.json(), e && this._store.dispatch(e(s)), s)));
+    a(this, "load", (t, e = !1) => $.ajax({
       method: "GET",
-      url: e,
-      async: t,
+      url: t,
+      async: e,
       dataType: "json"
     }));
-    this._store = e.store, this.premenna = null;
+    this._store = t.store, this.premenna = null;
   }
-  _save(e, t, s, i, r) {
-    let n = fetch(e, {
+  _save(t, e, s, i, r) {
+    let n = fetch(t, {
       method: r,
-      body: JSON.stringify(t),
+      body: JSON.stringify(e),
       cache: "no-cache",
       headers: {
         "Content-Type": "application/json"
@@ -74,8 +74,8 @@ class C {
     }).then((o) => (o.ok, o.json()));
     return this.dispatch(n, i, s);
   }
-  _get(e, t, s) {
-    let i = fetch(e, {
+  _get(t, e, s) {
+    let i = fetch(t, {
       method: "GET",
       cache: "no-cache",
       headers: {
@@ -91,24 +91,24 @@ class C {
         return n;
       }
     });
-    return this.dispatch(i, s, t);
+    return this.dispatch(i, s, e);
   }
-  put(e, t, s, i = !0) {
-    return this._save(e, t, s, i, "PUT");
+  put(t, e, s, i = !0) {
+    return this._save(t, e, s, i, "PUT");
   }
-  post(e, t, s, i = !0) {
-    return this._save(e, t, s, i, "POST");
+  post(t, e, s, i = !0) {
+    return this._save(t, e, s, i, "POST");
   }
-  delete(e, t, s, i = !0) {
-    return this._save(e, t, s, i, "DELETE");
+  delete(t, e, s, i = !0) {
+    return this._save(t, e, s, i, "DELETE");
   }
-  get(e, t, s = !0) {
-    return this._get(e, t, s);
+  get(t, e, s = !0) {
+    return this._get(t, e, s);
   }
-  dispatch(e, t, s) {
-    return t ? e.then((i) => (this._store.dispatch(s(i.data)), i)).catch((i) => {
+  dispatch(t, e, s) {
+    return e ? t.then((i) => (this._store.dispatch(s(i.data)), i)).catch((i) => {
       console.error(i);
-    }) : e;
+    }) : t;
   }
 }
 class c {
@@ -120,18 +120,18 @@ class c {
       ...intranet.storage().getItem("globalPermissions", "settings") || []
     ];
   }
-  static includesKey(e) {
-    return c.permissions.includes(e);
+  static includesKey(t) {
+    return c.permissions.includes(t);
   }
   static getKeys() {
-    let e = [];
-    return this.hasAttribute("permission-check") && (e = this.getAttribute("permission-check").split(",")), e;
+    let t = [];
+    return this.hasAttribute("permission-check") && (t = this.getAttribute("permission-check").split(",")), t;
   }
   static shouldShow() {
     return this.hasAttribute("show") && JSON.parse(this.getAttribute("show"));
   }
   static isPermissionFulfilled() {
-    return c.getKeys.bind(this)().some((e) => c.permissions.includes(e)) || c.shouldShow.bind(this)();
+    return c.getKeys.bind(this)().some((t) => c.permissions.includes(t)) || c.shouldShow.bind(this)();
   }
 }
 class u {
@@ -142,30 +142,30 @@ class u {
    * @param element : HTMLElement
    * @param object : Object
    */
-  static setAttributesToElement(e, t) {
-    Object.entries(t).forEach(([s, i]) => {
-      e.setAttribute(s, i);
+  static setAttributesToElement(t, e) {
+    Object.entries(e).forEach(([s, i]) => {
+      t.setAttribute(s, i);
     });
   }
   /** @function getAttributes
    * @description Vráti všetky atributy elementu v poli
    * @return (array)
    */
-  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 getAttributes(t) {
+    return typeof t == "string" && (t = document.querySelector(t)), Array.from(t.attributes).filter((e) => !e.name.startsWith("@")).map((e) => [e.name.split("-").map((s, i) => i != 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s).join(""), e.value]).reduce((e, s) => (e[s[0]] = s[1], e), {});
   }
-  static getEvents(e) {
-    return typeof e == "string" && (e = document.querySelector(e)), Array.from(e.attributes).filter((t) => t.name.startsWith("@wje")).map((t) => [t.name.substring(3).split("-").join(""), t.value]).reduce((t, s) => (t.set(s[0], s[1]), t), /* @__PURE__ */ new Map());
+  static getEvents(t) {
+    return typeof t == "string" && (t = document.querySelector(t)), Array.from(t.attributes).filter((e) => e.name.startsWith("@wje")).map((e) => [e.name.substring(3).split("-").join(""), e.value]).reduce((e, s) => (e.set(s[0], s[1]), e), /* @__PURE__ */ new Map());
   }
-  static attributesToString(e) {
-    return Object.entries(e).map(([t, s]) => `${t}="${s}"`).join(" ");
+  static attributesToString(t) {
+    return Object.entries(t).map(([e, s]) => `${e}="${s}"`).join(" ");
   }
-  static hasSlot(e, t = null) {
-    let s = t ? `[slot="${t}"]` : "[slot]";
-    return e.querySelectorAll(s).length > 0;
+  static hasSlot(t, e = null) {
+    let s = e ? `[slot="${e}"]` : "[slot]";
+    return t.querySelectorAll(s).length > 0;
   }
-  static stringToBoolean(e) {
-    return !["false", "0", 0].includes(e);
+  static stringToBoolean(t) {
+    return !["false", "0", 0].includes(t);
   }
 }
 var l, d, g;
@@ -174,11 +174,11 @@ class T {
     y(this, d);
     this.customEventStorage = [], l = this;
   }
-  dispatchCustomEvent(e, t, s) {
-    e.dispatchEvent(
-      new CustomEvent(t, {
+  dispatchCustomEvent(t, e, s) {
+    t.dispatchEvent(
+      new CustomEvent(e, {
         detail: s || {
-          context: e,
+          context: t,
           event: l
         },
         bubbles: !0,
@@ -186,31 +186,31 @@ class T {
       })
     );
   }
-  findRecordByElement(e) {
-    for (var t = 0, s = this.customEventStorage.length; t < s; t++) {
-      var i = this.customEventStorage[t];
-      if (e == i.element)
+  findRecordByElement(t) {
+    for (var e = 0, s = this.customEventStorage.length; e < s; e++) {
+      var i = this.customEventStorage[e];
+      if (t == i.element)
         return i;
     }
     return !1;
   }
-  addListener(e, t, s, i, r) {
-    e && (Array.isArray(e) || (e = [e]), e.forEach((n) => {
-      this.writeRecord(n, t, s, i, r);
+  addListener(t, e, s, i, r) {
+    t && (Array.isArray(t) || (t = [t]), t.forEach((n) => {
+      this.writeRecord(n, e, s, i, r);
     }));
   }
-  writeRecord(e, t, s, i, r) {
-    let n = this.findRecordByElement(e);
-    n ? n.listeners[t] = n.listeners[t] || [] : (n = {
-      element: e,
+  writeRecord(t, e, s, i, r) {
+    let n = this.findRecordByElement(t);
+    n ? n.listeners[e] = n.listeners[e] || [] : (n = {
+      element: t,
       listeners: {}
-    }, n.listeners[t] = [], this.customEventStorage.push(n)), i = i || p(this, d, g);
+    }, n.listeners[e] = [], this.customEventStorage.push(n)), i = i || p(this, d, g);
     let o = {
       listener: i,
       options: r,
       event: s
     };
-    this.listenerExists(e, t, o) ? console.warn("Listener already exists", e, t, i) : (n.listeners[t].push(o), e.addEventListener(t, i, r));
+    this.listenerExists(t, e, o) ? console.warn("Listener already exists", t, e, i) : (n.listeners[e].push(o), t.addEventListener(e, i, r));
   }
   /**
    * Performs a deep equality check between two objects.
@@ -219,63 +219,63 @@ class T {
    * @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;
+  deepEqual(t, e) {
+    return t && e && typeof t == "object" && typeof t == typeof e ? Object.keys(t).length === Object.keys(e).length && Object.keys(t).every((s) => this.deepEqual(t[s], e[s])) : t === e;
   }
-  listenerExists(e, t, s) {
-    return this.findRecordByElement(e).listeners[t].some((r) => this.deepEqual(r, s));
+  listenerExists(t, e, s) {
+    return this.findRecordByElement(t).listeners[e].some((r) => this.deepEqual(r, s));
   }
-  removeListener(e, t, s, i, r) {
-    let n = this.findRecordByElement(e);
-    if (n && t in n.listeners) {
-      var o = n.listeners[t].indexOf(i);
-      ~o && n.listeners[t].splice(o, 1), n.listeners[t].length || delete n.listeners[t];
+  removeListener(t, e, s, i, r) {
+    let n = this.findRecordByElement(t);
+    if (n && e in n.listeners) {
+      var o = n.listeners[e].indexOf(i);
+      ~o && n.listeners[e].splice(o, 1), n.listeners[e].length || delete n.listeners[e];
     }
-    i = i || p(this, d, g), e.removeEventListener(t, i, r);
+    i = i || p(this, d, g), t.removeEventListener(e, i, r);
   }
-  removeElement(e) {
-    this.customEventStorage = this.customEventStorage.filter((t) => {
-      if (t.element !== e)
-        return t;
+  removeElement(t) {
+    this.customEventStorage = this.customEventStorage.filter((e) => {
+      if (e.element !== t)
+        return e;
     });
   }
   // TODO
-  createPromiseFromEvent(e, t) {
+  createPromiseFromEvent(t, e) {
     return new Promise((s) => {
       let i = () => {
-        e.removeEventListener(t, i), s();
+        t.removeEventListener(e, i), s();
       };
-      e.addEventListener(t, i);
+      t.addEventListener(e, i);
     });
   }
 }
-d = new WeakSet(), g = function(e) {
-  let t = this;
-  l.findRecordByElement(t).listeners[e.type].forEach((r, n) => {
-    l.dispatchCustomEvent(t, r.event, {
-      originalEvent: (e == null ? void 0 : e.type) || null,
-      context: t,
+d = new WeakSet(), g = function(t) {
+  let e = this;
+  l.findRecordByElement(e).listeners[t.type].forEach((r, n) => {
+    l.dispatchCustomEvent(e, r.event, {
+      originalEvent: (t == null ? void 0 : t.type) || null,
+      context: e,
       event: l
-    }), r.options && r.options.stopPropagation === !0 && e.stopPropagation();
+    }), r.options && r.options.stopPropagation === !0 && t.stopPropagation();
   });
 };
 let _ = new T();
 const S = document.createElement("template");
 S.innerHTML = "";
 const f = class f extends HTMLElement {
-  constructor(t) {
+  constructor(e) {
     super();
-    a(this, "initWjElement", async (t = !1) => {
+    a(this, "initWjElement", async (e = !1) => {
       var r;
       this.functionStack = [];
       const s = Date.now();
-      this.functionStack.push(s), (r = this.setupAttributes) == null || r.call(this), this.isShadowRoot && !this.shadowRoot && this.attachShadow({ mode: this.shadowType || "open" }), this.setUpAccessors(), this.drawingStatus = "BEGINING", this.display(t, s);
+      this.functionStack.push(s), (r = this.setupAttributes) == null || r.call(this), this.isShadowRoot && !this.shadowRoot && this.attachShadow({ mode: this.shadowType || "open" }), this.setUpAccessors(), this.drawingStatus = "BEGINING", this.display(e, s);
       const i = new CSSStyleSheet();
       i.replaceSync(this.constructor.cssStyleSheet), this.context.adoptedStyleSheets = [i];
     });
-    this.template = t || S, this.isAttached = !1, this.service = new C({
+    this.template = e || 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 = {};
+    }), this.definedependencies(), this.rendering = !1, this.runtimeTimeout = null, this.count = 0, this.functionStack = [], this.scheludedRefresh = !1, this._dependencies = {};
   }
   get permission() {
     return this.getAttribute("permission-check");
@@ -283,7 +283,7 @@ const f = class f extends HTMLElement {
   get isPermissionCheck() {
     return this.hasAttribute("permission-check");
   }
-  set isPermissionCheck(t) {
+  set isPermissionCheck(e) {
     return this.setAttribute("permission-check", "permission-check");
   }
   get isShow() {
@@ -292,8 +292,8 @@ const f = class f extends HTMLElement {
   get isShadowRoot() {
     return this.hasAttribute("shadow");
   }
-  set isShadowRoot(t) {
-    return this.setAttribute("shadow", t);
+  set isShadowRoot(e) {
+    return this.setAttribute("shadow", e);
   }
   get shadowType() {
     return this.getAttribute("shadow") || "open";
@@ -329,38 +329,38 @@ const f = class f extends HTMLElement {
     return j;
   }
   get removeClassAfterConnect() {
-    var t;
-    return (t = this.getAttribute("remove-class-after-connect")) == null ? void 0 : t.split(" ");
+    var e;
+    return (e = this.getAttribute("remove-class-after-connect")) == null ? void 0 : e.split(" ");
   }
-  get depandencies() {
-    return this._depandencies;
+  get dependencies() {
+    return this._dependencies;
   }
-  set depandencies(t) {
-    this._depandencies = t;
+  set dependencies(e) {
+    this._dependencies = e;
   }
-  static define(t, s = this, i = {}) {
-    if (!customElements.get(t)) {
-      customElements.define(t, s, i);
+  static define(e, s = this, i = {}) {
+    if (!customElements.get(e)) {
+      customElements.define(e, s, i);
       return;
     }
   }
-  defineDepandencies() {
-    this.depandencies && Object.entries(depandencies).forEach((t, s) => f.define(t, s));
+  definedependencies() {
+    this.dependencies && Object.entries(dependencies).forEach((e, s) => f.define(e, s));
   }
   beforeDraw() {
   }
   afterDraw() {
   }
   refreshUpdatePromise() {
-    this.updateComplete = new Promise((t, s) => {
-      this.finisPromise = t, this.rejectPromise = s;
+    this.updateComplete = new Promise((e, s) => {
+      this.finisPromise = e, this.rejectPromise = s;
     });
   }
   async connectedCallback() {
-    this.finisPromise = (t) => {
-      t();
-    }, this.rejectPromise = (t) => {
-      t();
+    this.finisPromise = (e) => {
+      e();
+    }, this.rejectPromise = (e) => {
+      e();
     }, this.refreshUpdatePromise(), await this.initWjElement(!0);
   }
   setupAttributes() {
@@ -374,13 +374,13 @@ const f = class f extends HTMLElement {
   beforeDisconnect() {
   }
   disconnectedCallback() {
-    var t, s;
-    (t = this.beforeDisconnect) == null || t.call(this), this.isAttached && (this.context.innerHTML = ""), this.drawingStatus = "DISCONNECTED", this.isAttached = !1, (s = this.afterDisconnect) == null || s.call(this);
+    var e, s;
+    (e = this.beforeDisconnect) == null || e.call(this), this.isAttached && (this.context.innerHTML = ""), this.drawingStatus = "DISCONNECTED", this.isAttached = !1, (s = this.afterDisconnect) == null || s.call(this);
   }
   /**
    * Lifecycle method, called whenever an observed property changes
    */
-  attributeChangedCallback(t, s, i) {
+  attributeChangedCallback(e, s, i) {
     if (!this.isAttached && s !== i) {
       this.scheludedRefresh = !0;
       return;
@@ -388,20 +388,20 @@ const f = class f extends HTMLElement {
     s !== i && this.refresh();
   }
   async refresh() {
-    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));
+    var e, s;
+    this.refreshUpdatePromise(), this.drawingStatus != "AFTER" ? ((e = this.afterDisconnect) == null || e.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(t, s, i) {
+  draw(e, s, i) {
     return null;
   }
-  display(t = !1, s) {
-    this.isProcessingFlow(s) || (t && ([...this.context.childNodes].forEach(this.context.removeChild.bind(this.context)), this.isAttached = !1), 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));
+  display(e = !1, s) {
+    this.isProcessingFlow(s) || (e && ([...this.context.childNodes].forEach(this.context.removeChild.bind(this.context)), this.isAttached = !1), 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));
   }
-  async render(t) {
-    this.drawingStatus = "DRAWING", !this.isProcessingFlow(t) && await Promise.resolve(this.draw(this.context, this.store, u.getAttributes(this))).then((s) => {
+  async render(e) {
+    this.drawingStatus = "DRAWING", !this.isProcessingFlow(e) && await Promise.resolve(this.draw(this.context, this.store, u.getAttributes(this))).then((s) => {
       let i = s || "", r;
       if (i instanceof HTMLElement || i instanceof DocumentFragment)
         r = i;
@@ -410,14 +410,14 @@ const f = class f extends HTMLElement {
         o.innerHTML = i, r = o.content.cloneNode(!0);
       }
       let n = r;
-      this.isProcessingFlow(t) || this.context.appendChild(n);
+      this.isProcessingFlow(e) || this.context.appendChild(n);
     });
   }
   /**
    * Turns a string split with "-" into camel case notation
    */
-  sanitizeName(t) {
-    let s = t.split("-");
+  sanitizeName(e) {
+    let s = e.split("-");
     return [s.shift(), ...s.map((i) => i[0].toUpperCase() + i.slice(1))].join("");
   }
   /**
@@ -433,14 +433,14 @@ const f = class f extends HTMLElement {
       });
     });
   }
-  isProcessingFlow(t) {
-    return !this.functionStack.find((s) => s == t);
+  isProcessingFlow(e) {
+    return !this.functionStack.find((s) => s == e);
   }
-  _resolveRender(t) {
-    this.isProcessingFlow(t) || (this.params = u.getAttributes(this), Promise.resolve(this.beforeDraw(this.context, this.store, u.getAttributes(this))).then((s) => {
-      this.drawingStatus = "BEFORE", Promise.resolve(this.render(t)).then((i) => {
+  _resolveRender(e) {
+    this.isProcessingFlow(e) || (this.params = u.getAttributes(this), Promise.resolve(this.beforeDraw(this.context, this.store, u.getAttributes(this))).then((s) => {
+      this.drawingStatus = "BEFORE", Promise.resolve(this.render(e)).then((i) => {
         var r;
-        this.isProcessingFlow(t) || Promise.resolve((r = this.afterDraw) == null ? void 0 : r.call(this, this.context, this.store, u.getAttributes(this))).then(
+        this.isProcessingFlow(e) || Promise.resolve((r = this.afterDraw) == null ? void 0 : r.call(this, this.context, this.store, u.getAttributes(this))).then(
           (n, o, m) => {
             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);
           }
@@ -449,9 +449,9 @@ const f = class f extends HTMLElement {
     }));
   }
 };
-a(f, "processTemplates", (t, s) => {
+a(f, "processTemplates", (e, s) => {
   const i = document.createElement("template");
-  return i.innerHTML = [s.innerHTML, (t == null ? void 0 : t.innerHTML) || ""].join(""), i;
+  return i.innerHTML = [s.innerHTML, (e == null ? void 0 : e.innerHTML) || ""].join(""), i;
 });
 let E = f, L = "true";
 export {

package/dist/wje-file-upload-item.js

@@ -20,7 +20,7 @@ class g extends v {
      * Dependencies
      * @type {Object}
      */
-    m(this, "depandencies", {
+    m(this, "dependencies", {
       "wje-format-digital": E,
       "wje-button": z,
       "wje-slider": A,

package/dist/wje-file-upload.js

@@ -98,7 +98,7 @@ class f extends x {
      * Dependencies
      * @type {Object}
      */
-    h(this, "depandencies", {
+    h(this, "dependencies", {
       "wje-button": A
     });
     h(this, "className", "FileUpload");

package/dist/wje-icon-picker.js

@@ -19,9 +19,9 @@ class m extends b {
     /**
      * Dependencies of the IconPicker component.
      *
-     * @property {Object} depandencies
+     * @property {Object} dependencies
      */
-    p(this, "depandencies", {
+    p(this, "dependencies", {
       "wje-input": v,
       "wje-infinite-scroll": u,
       "wje-tooltip": f,

package/dist/wje-img-comparer.js

@@ -25,9 +25,9 @@ class u extends w {
     /**
      * Dependencies of the ImgComparer component.
      *
-     * @property {Object} depandencies
+     * @property {Object} dependencies
      */
-    c(this, "depandencies", {
+    c(this, "dependencies", {
       "wje-icon": g
     });
     c(this, "className", "ImgComparer");

package/dist/wje-option.js

@@ -15,7 +15,7 @@ class d extends u {
     /**
      * Dependencies of the Option component.
      */
-    o(this, "depandencies", {
+    o(this, "dependencies", {
       "wje-icon": g
     });
     o(this, "className", "Option");

package/dist/wje-options.js

@@ -1,9 +1,9 @@
 var p = Object.defineProperty;
-var c = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var a = (o, e, t) => (c(o, typeof e != "symbol" ? e + "" : e, t), t);
+var c = (o, t, e) => t in o ? p(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var r = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
 import d, { event as u } from "./wje-element.js";
 import h from "./wje-option.js";
-class r extends d {
+class a extends d {
   /**
    * Creates an instance of Options.
    *
@@ -11,10 +11,10 @@ class r extends d {
    */
   constructor() {
     super();
-    a(this, "depandencies", {
+    r(this, "dependencies", {
       "wje-option": h
     });
-    a(this, "className", "Options");
+    r(this, "className", "Options");
   }
   /**
    * Returns the list of attributes to observe for changes.
@@ -37,11 +37,11 @@ class r extends d {
    */
   async beforeDraw() {
     this.response = await this.getPages();
-    let t = document.createDocumentFragment();
+    let e = document.createDocumentFragment();
     this.response.forEach((s, i) => {
       let n = document.createElement("wje-option");
-      n.setAttribute("value", s[this.itemValue] || s.value), n.innerText = s[this.itemText] || s.text, t.appendChild(n);
-    }), this.parentElement.appendChild(t), u.dispatchCustomEvent(this, "wje-options:load", {});
+      n.setAttribute("value", s[this.itemValue] || s.value), n.innerText = s[this.itemText] || s.text, e.appendChild(n);
+    }), this.parentElement.appendChild(e), u.dispatchCustomEvent(this, "wje-options:load", {});
   }
   /**
    * Fetches the pages from the provided URL.
@@ -50,14 +50,14 @@ class r extends d {
    * @returns {Promise<Object>} The fetched data.
    * @throws Will throw an error if the response is not ok.
    */
-  async getPages(t) {
+  async getPages(e) {
     const s = await fetch(this.url);
     if (!s.ok)
       throw new Error(`An error occurred: ${s.status}`);
     return await s.json();
   }
 }
-r.define("wje-options", r);
+a.define("wje-options", a);
 export {
-  r as default
+  a as default
 };

package/dist/wje-select.js

@@ -20,7 +20,7 @@ class j extends y {
    */
   constructor() {
     super();
-    m(this, "depandencies", {
+    m(this, "dependencies", {
       "wje-button": L,
       "wje-popup": M,
       "wje-icon": O,

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