wj-elements 0.1.127 → 0.1.129

package/dist/dark.css

@@ -149,6 +149,11 @@
   /* Divider */
   --wje-divider-border-color: var(--wje-border-color);
 
+  /* File Upload - Item */
+  --wje-file-upload-item-border-width: 1px;
+  --wje-file-upload-item-border-style: solid;
+  --wje-file-upload-item-border-color: var(--wje-border-color);
+
   /* Input */
   --wje-input-background-color: var(--wje-background);
   --wje-input-color: var(--wje-color);
@@ -182,7 +187,7 @@
   /* Option */
   --wje-option-highlighted: var(--wje-color-contrast-3);
 
-    /* Orgchart - Item */
+  /* Orgchart - Item */
   --wje-orgchart-item-background: var(--wje-color-contrast-0);
 
   --wje-orgchart-item-highlight-background: var(--wje-color-complete-2);

package/dist/{infinite-scroll.element-DEQ-AqTB.js → infinite-scroll.element-R3y_ZQj6.js}

@@ -1,9 +1,6 @@
 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 __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import WJElement, { WjElementUtils, event } from "./wje-element.js";
 const styles = "/*\n[ Wj infinite Scroll ]\n*/\n\n:host {\n  overflow-x: auto;\n  width: var(--wje-infinite-scroll-width);\n  height: var(--wje-infinite-scroll-height);\n  display: block;\n}\n\n.native {\n  /*position: relative;*/\n}\n\n.loading {\n  position: sticky;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  background-color: var(--wje-infinite-scroll-loading-bg);\n  &.show {\n    display: flex;\n  }\n}\n\n[name=ending] {\n  display: none;\n  margin-top: 1rem;\n  text-align: center;\n}\n\n[name=ending].show {\n  display: block;\n}";
 class InfiniteScroll extends WJElement {
@@ -45,7 +42,7 @@ class InfiniteScroll extends WJElement {
      *
      */
     __publicField(this, "dataToHtml", (item) => {
-      let interpolateItem = this.infiniteScrollTemplate.interpolate(item);
+      let interpolateItem = this.interpolate(this.infiniteScrollTemplate, item);
       let doc = this.parser.parseFromString(interpolateItem, "text/html");
       let element = doc.activeElement.firstElementChild;
       return element;
@@ -57,41 +54,66 @@ class InfiniteScroll extends WJElement {
         this.placementObj.insertAdjacentElement("beforeend", element);
       });
     });
-    this.totalPages = 0;
-    this.isLoading = [];
-    this._response = {};
-    this.iterate = null;
-    this._infiniteScrollTemplate = null;
-    this._abortController = new AbortController();
-    this._signal;
-    String.prototype.interpolate = function(params) {
-      let template = this;
+    /**
+     * Interpolates the string.
+     * @param template
+     * @param {Object} params - The parameters for interpolation.
+     * @returns {string} The interpolated string.
+     */
+    __publicField(this, "interpolate", (template, params) => {
       let keys = template.match(/\{{.*?\}}/g);
       if (keys) {
         for (let key of keys) {
           let cleanKey = key.replace("{{", "").replace("}}", "");
           let val = "";
           cleanKey.split(".").forEach((k) => {
-            val = val == "" ? params[k] : val[k];
+            val = val === "" ? params[k] : val[k];
           });
           template = template.replace(key, val);
         }
       }
       return template;
-    };
+    });
+    this.totalPages = 0;
+    this.isLoading = [];
+    this._response = {};
+    this.iterate = null;
+    this._infiniteScrollTemplate = null;
+    this._abortController = new AbortController();
+    this._signal = this._abortController.signal;
   }
+  /**
+   * Dependencies of the InfiniteScroll component.
+   * @param value
+   */
   set infiniteScrollTemplate(value) {
     this._infiniteScrollTemplate = value;
   }
+  /**
+   * Getter for the infiniteScrollTemplate property.
+   * @returns {null}
+   */
   get infiniteScrollTemplate() {
     return this._infiniteScrollTemplate;
   }
+  /**
+   * Dependencies of the InfiniteScroll component.
+   * @param value
+   */
   set response(value) {
     this._response = value;
   }
+  /**
+   * Getter for the response property.
+   * @returns {*|{}}
+   */
   get response() {
     return this._response;
   }
+  /**
+   * Dependencies of the InfiniteScroll component.
+   * @param value
+   */
   set objectName(value) {
     this.setAttribute("object-name", value);
   }
@@ -129,7 +151,7 @@ class InfiniteScroll extends WJElement {
    * @param {Object} store - The store for drawing.
    * @param {Object} params - The parameters for drawing.
    */
-  beforeDraw(context, store, params) {
+  beforeDraw() {
     var _a, _b;
     this.iterate = this.querySelector("[iterate]");
     this.infiniteScrollTemplate = (_a = this.iterate) == null ? void 0 : _a.outerHTML;
@@ -149,7 +171,7 @@ class InfiniteScroll extends WJElement {
    * @param {Object} params - The parameters for drawing.
    * @returns {DocumentFragment}
    */
-  draw(context, store, params) {
+  draw() {
     let fragment = document.createDocumentFragment();
     let native = document.createElement("div");
     native.classList.add("native");
@@ -174,6 +196,9 @@ class InfiniteScroll extends WJElement {
   }
   /**
    * Called after the component has been drawn.
+   * @params {Object} context - The context for drawing.
+   * @params {Object} store - The store for drawing.
+   * @params {Object} params - The parameters for drawing.
    */
   async afterDraw() {
     this.queryParams = this.queryParams || "";

package/dist/light.css

@@ -322,6 +322,11 @@
   --wje-divider-border-color: var(--wje-border-color);
   --wje-divider-spacing: 0;
 
+  /* File Upload - Item */
+  --wje-file-upload-item-border-width: 1px;
+  --wje-file-upload-item-border-style: solid;
+  --wje-file-upload-item-border-color: var(--wje-border-color);
+
   /* Icon */
   --wje-icon-stroke: 2;
   --wje-icon-size: var(--wje-size);

package/dist/{list.element-BkOOqBtW.js → list.element-syl98NWS.js}

@@ -1,9 +1,6 @@
 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 __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import WJElement from "./wje-element.js";
 const styles = "/*\n[ WJ List ]\n*/\n:host {\n  margin: 0;\n  padding: 0;\n  display: block;\n  contain: content;\n  list-style-type: none;\n}\n\n:host(.wje-inset) {\n  background: var(--wje-list-background);\n  transform: translateZ(0);\n  overflow: hidden;\n  padding: var(--wje-list-inset-padding);\n  border-radius: var(--wje-list-border-radius);\n}\n\n:host(.wje-lines-none) ::slotted(wje-item) {\n  --wje-border-width: 0 !important;\n}";
 class List extends WJElement {
@@ -39,7 +36,7 @@ class List extends WJElement {
    * @param {Object} params - The parameters for drawing.
    * @returns {DocumentFragment}
    */
-  draw(context, store, params) {
+  draw() {
     let fragment = document.createDocumentFragment();
     let element = document.createElement("slot");
     fragment.appendChild(element);
@@ -47,6 +44,9 @@ class List extends WJElement {
   }
   /**
    * Called after the component has been drawn.
+   * @params {Object} context - The context for drawing.
+   * @params {Object} store - The store for drawing.
+   * @params {Object} params - The parameters for drawing.
    */
   afterDraw() {
     this.classList.toggle("wje-lines-" + this.lines, this.hasAttribute("lines"));

package/dist/localize.js

@@ -24,7 +24,7 @@ class LocalizerDefault {
   // Vyhľadávanie prekladu podľa kľúča a typu čísla
   translatePlural(key, count = 0, type = "cardinal") {
     const plural = new Intl.PluralRules(this.lang, { type });
-    if (count != void 0)
+    if (count !== void 0)
       key += "." + plural.select(count);
     return this.translate(key);
   }
@@ -36,8 +36,9 @@ class LocalizerDefault {
   formatDate(date) {
     return new Intl.DateTimeFormat(this.currentLang).format(new Date(date));
   }
-  relativeTime(value = 0, unit, options = { numeric: "auto" }) {
-    return new Intl.RelativeTimeFormat(this.currentLang, options).format(value, unit);
+  relativeTime(lang, value = 0, unit = "day", options = { numeric: "auto" }) {
+    lang = lang || this.currentLang;
+    return new Intl.RelativeTimeFormat(lang, options).format(value, unit);
   }
 }
 function registerTranslation(...translation) {