wj-elements 0.1.53 → 0.1.55

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/dist/wje-master.js

@@ -93,7 +93,32 @@ import { default as Qr } from "./wje-tooltip.js";
 import { default as Kr } from "./wje-visually-hidden.js";
 import { default as Zr } from "./wje-sliding-container.js";
 import { P as ea } from "./popup.element-CWsSOxs2.js";
-const A = {
+function A(o, l) {
+  let e;
+  if (typeof o == "string")
+    e = new Date(o);
+  else if (typeof o == "number")
+    e = new Date(o);
+  else if (o instanceof Date)
+    e = o;
+  else
+    throw new Error("Invalid date input");
+  const r = {
+    yyyy: e.getFullYear(),
+    MM: String(e.getMonth() + 1).padStart(2, "0"),
+    // Mesiace sú indexované od 0
+    dd: String(e.getDate()).padStart(2, "0"),
+    HH: String(e.getHours()).padStart(2, "0"),
+    mm: String(e.getMinutes()).padStart(2, "0"),
+    ss: String(e.getSeconds()).padStart(2, "0"),
+    MMMM: e.toLocaleString("en-US", { month: "long" }),
+    // Full month name
+    MMM: e.toLocaleString("en-US", { month: "short" })
+    // Short month name
+  };
+  return l.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (s) => r[s]);
+}
+const E = {
   code: "sk",
   name: "Slovak",
   dir: "ltr",
@@ -102,8 +127,8 @@ const A = {
   "wj.file.upload.uploaded": "Nahraných: ",
   "wj.file.upload.from": "z"
 };
-j.registerTranslation(A);
-const E = {
+j.registerTranslation(E);
+const L = {
   code: "en",
   name: "English",
   dir: "ltr",
@@ -112,15 +137,15 @@ const E = {
   "wj.file.upload.uploaded": "Uploaded: ",
   "wj.file.upload.from": "from"
 };
-j.registerTranslation(E);
-const L = "";
+j.registerTranslation(L);
+const M = "";
 class v extends g {
   constructor() {
     super();
     f(this, "className", "Step");
   }
   static get cssStyleSheet() {
-    return L;
+    return M;
   }
   setupAttributes() {
     this.isShadowRoot = "open";
@@ -132,7 +157,7 @@ class v extends g {
   }
 }
 v.define("wje-step", v);
-const M = ".stepper-container{display:flex;flex-direction:column}.step-headers{display:flex;justify-content:space-between;margin-bottom:var(--wje-spacing-medium)}.step-header{display:flex;padding:var(--wje-spacing-medium);gap:var(--wje-spacing-x-small);color:var(--wje-color-contrast-5);flex-grow:1;text-align:center}.pointer{cursor:pointer}.active{color:var(--wje-color-contrast-11)}.steps-content{margin-bottom:var(--wje-spacing-medium)}.arrow-icon{margin-top:var(--wje-stepper-margin)}.step{padding:var(--wje-spacing-medium);text-align:center}.done{color:var(--wje-color-contrast-11)}.nav-buttons{display:flex;justify-content:space-between}";
+const R = ".stepper-container{display:flex;flex-direction:column}.step-headers{display:flex;justify-content:space-between;margin-bottom:var(--wje-spacing-medium)}.step-header{display:flex;padding:var(--wje-spacing-medium);gap:var(--wje-spacing-x-small);color:var(--wje-color-contrast-5);flex-grow:1;text-align:center}.pointer{cursor:pointer}.active{color:var(--wje-color-contrast-11)}.steps-content{margin-bottom:var(--wje-spacing-medium)}.arrow-icon{margin-top:var(--wje-stepper-margin)}.step{padding:var(--wje-spacing-medium);text-align:center}.done{color:var(--wje-color-contrast-11)}.nav-buttons{display:flex;justify-content:space-between}";
 class w extends g {
   constructor() {
     super();
@@ -140,7 +165,7 @@ class w extends g {
     this.currentStep = 0, this.completedSteps = [];
   }
   static get cssStyleSheet() {
-    return M;
+    return R;
   }
   setupAttributes() {
     this.isShadowRoot = "open";
@@ -204,7 +229,7 @@ class w extends g {
   }
 }
 w.define("wje-stepper", w);
-const R = ".native-timeline{position:relative}.vertical-line{position:absolute;margin-left:calc(var(--wje-spacing-x-large) + 1px);top:0;bottom:0;width:1px;background-color:var(--wje-color-info-3)}";
+const T = ".native-timeline{position:relative}.vertical-line{position:absolute;margin-left:calc(var(--wje-spacing-x-large) + 1px);top:0;bottom:0;width:1px;background-color:var(--wje-color-info-3)}";
 class b extends g {
   constructor() {
     super();
@@ -222,7 +247,7 @@ class b extends g {
    * @returns {CSSStyleSheet}
    */
   static get cssStyleSheet() {
-    return R;
+    return T;
   }
   /**
    * Sets up the attributes for the component.
@@ -249,31 +274,6 @@ class b extends g {
   }
 }
 b.define("wje-timeline", b);
-function T(o, l) {
-  let e;
-  if (typeof o == "string")
-    e = new Date(o);
-  else if (typeof o == "number")
-    e = new Date(o);
-  else if (o instanceof Date)
-    e = o;
-  else
-    throw new Error("Invalid date input");
-  const r = {
-    yyyy: e.getFullYear(),
-    MM: String(e.getMonth() + 1).padStart(2, "0"),
-    // Mesiace sú indexované od 0
-    dd: String(e.getDate()).padStart(2, "0"),
-    HH: String(e.getHours()).padStart(2, "0"),
-    mm: String(e.getMinutes()).padStart(2, "0"),
-    ss: String(e.getSeconds()).padStart(2, "0"),
-    MMMM: e.toLocaleString("en-US", { month: "long" }),
-    // Full month name
-    MMM: e.toLocaleString("en-US", { month: "short" })
-    // Short month name
-  };
-  return l.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (s) => r[s]);
-}
 const k = ":host{--wje-card-content-padding: var(--wje-spacing-medium);margin-bottom:.5rem;display:block}.native-timeline-item>wje-icon{color:var(--wje-color-contrast-5)!important}.timeline-items{display:flex;flex-direction:column}.native-timeline-item{display:flex;position:relative;padding:var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);gap:var(--wje-spacing-medium);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--wje-border-radius-large)}:host .native-timeline-item:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-3)}:host([active]) .native-timeline-item{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-3)}:host([active]) .native-timeline-item:hover{background-color:var(--wje-color-primary-2)}.icon-container{position:absolute;display:flex;width:var(--wje-size-small);height:var(--wje-size-small);padding:var(--wje-spacing-2x-small);border-radius:var(--wje-border-radius-circle);opacity:0}.content-container{height:fit-content;gap:var(--wje-spacing-small)}.event{margin:0;font-size:var(--wje-font-size-large);font-weight:var(--wje-font-weight-bold);line-height:var(--wje-line-height-dense);letter-spacing:var(--wje-spacing-4x-small)}.additional-content{font-size:var(--wje-font-size-medium);margin-top:1rem}wje-status{position:relative;z-index:1}wje-relative-time{display:block;margin-bottom:var(--wje-spacing-2x-small)}";
 class S extends g {
   constructor() {
@@ -314,7 +314,7 @@ class S extends g {
     let i = document.createElement("div");
     i.classList.add("content-container");
     let d = document.createElement("wje-tooltip");
-    d.setAttribute("text", this.getAttribute("tooltip") || ""), d.setAttribute("position", "top"), d.setAttribute("content", T(this.datetime, "dd.MM.yyyy HH:mm"));
+    d.setAttribute("text", this.getAttribute("tooltip") || ""), d.setAttribute("position", "top"), d.setAttribute("content", A(this.datetime, "dd.MM.yyyy HH:mm"));
     let p = document.createElement("wje-relative-time");
     p.setAttribute("date", this.datetime || ""), p.setAttribute("format", this.getAttribute("format") || ""), d.appendChild(p);
     let c = document.createElement("h3");
@@ -420,6 +420,7 @@ export {
   P as defaultStoreActions,
   q as event,
   W as fetchAndParseCSS,
+  A as formatDate,
   O as store,
   V as withRouterLinks
 };

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

package/dist/wje-orgchartItem.js

@@ -1,4 +0,0 @@
-import { default as o } from "./wje-orgchart-item.js";
-export {
-  o as default
-};