wj-elements 0.1.54 → 0.1.55

package/dist/wje-dropdown.js

@@ -1,8 +1,8 @@
-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);
+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);
 import m, { event as e } from "./wje-element.js";
-import { P as g } from "./popup.element-CWsSOxs2.js";
+import { P as w } from "./popup.element-CWsSOxs2.js";
 class h extends m {
   /**
    * Creates an instance of Dropdown.
@@ -11,16 +11,16 @@ class h extends m {
    * */
   constructor() {
     super();
-    i(this, "depandencies", {
-      "wje-popup": g
+    o(this, "depandencies", {
+      "wje-popup": w
     });
-    i(this, "className", "Dropdown");
+    o(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.
      */
-    i(this, "otherDropdownOpennedCallback", (t) => {
+    o(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.
      */
-    i(this, "toggleCallback", (t) => {
+    o(this, "toggleCallback", (t) => {
       this.classList.contains("active") ? this.onClose(t) : this.onOpen(t);
     });
     /**
      * @summary Open the popup
      * @param e
      */
-    i(this, "onOpen", async (t) => {
+    o(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,15 +55,12 @@ class h extends m {
      * @summary Close the popup
      * @param e
      */
-    i(this, "onClose", async (t) => {
+    o(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);
@@ -77,7 +74,7 @@ class h extends m {
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  draw(t, l, w) {
+  draw(t, l, g) {
     let c = document.createDocumentFragment();
     this.classList.add(
       "wje-placement",
@@ -87,8 +84,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"), 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;
+    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;
   }
   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-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.54",
+  "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
-};