wj-elements 0.1.92 → 0.1.94

package/dist/localize.js

@@ -1,7 +1,7 @@
 class LocalizerDefault {
   constructor(element) {
     this.element = element;
-    this.lang = this.element.lang || document.documentElement.lang || "sk-SK";
+    this.lang = this.element.lang || document.documentElement.lang || "en-gb";
     this.dir = this.element.dir || document.documentElement.dir || "ltr";
     this.setLanguage();
   }
@@ -21,6 +21,7 @@ class LocalizerDefault {
     const langMap = this.languages.get(this.currentLang);
     return langMap ? langMap[key] || key : key;
   }
+  // 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)
@@ -40,12 +41,16 @@ class LocalizerDefault {
   }
 }
 function registerTranslation(...translation) {
-  translation.map((t) => {
+  translation.forEach((t) => {
+    if (!t.code) {
+      console.error("Translation object is missing 'code' property:", t);
+      return;
+    }
     const code = t.code.toLowerCase();
-    if (translations.has(code)) {
-      translations.set(code, { ...translations.get(code), ...t });
+    if (window.translations.has(code)) {
+      window.translations.set(code, { ...window.translations.get(code), ...t });
     } else {
-      translations.set(code, t);
+      window.translations.set(code, t);
     }
   });
 }

package/dist/wje-kanban.js

@@ -0,0 +1,342 @@
+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;
+};
+import WJElement, { event } from "./wje-element.js";
+const styles = "/*\n[ Wj kanban ]\n*/\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.native {\n  height: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 200px;\n  overflow-x: auto;\n  gap: 1rem;\n}\n\n.pool {\n  /*height: 100%;*\n  /*box-sizing: border-box;*/\n  /*display: flex;*/\n  /*flex-direction: column;*/\n  /*gap: 1rem;*/\n  display: inline-block;\n  width: 200px;\n  flex: 0 0 200px;\n  vertical-align: top;\n  overflow: auto;\n  padding: 8px;\n  border-radius: 8px;\n  /*background: #f8f8f8;*/\n  margin-right: 15px;\n  margin-bottom: 10px;\n  /*box-shadow: 0 0 5px rgba(0,0,0,0.4);*/\n}\n\nh4 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.card {\n  border-radius: 5px;\n  background: #fff;\n  border: 1px solid #ddd;\n  margin-bottom: 5px;\n  padding: 8px 10px;\n  color: #000\n}\n\n.card:hover {\n  opacity: 0.5;\n}\n\n.dragging {\n  box-shadow: 0 0 5px rgba(0,0,0,0.1);\n  transform: rotate(-2deg);\n}\n\n.card-placeholder {\n  display: block;\n  height: 34px;\n  border: 1px dashed #ddd;\n  margin: 3px 0;\n  border-radius: 5px;\n}";
+class Kanban extends WJElement {
+  /**
+   * Creates an instance of InfiniteScroll.
+   *
+   * @constructor
+   * @param {Object} options - The options for the InfiniteScroll.
+   */
+  constructor(options = {}) {
+    super();
+    __publicField(this, "className", "Kanban");
+    /**
+     * Adds the scroll event listener.
+     */
+    __publicField(this, "scrollEvent", () => {
+      this.addEventListener("scroll", this.onScroll);
+    });
+    /**
+     * Removes the scroll event listener.
+     */
+    __publicField(this, "unScrollEvent", () => {
+      this.removeEventListener("scroll", this.onScroll);
+    });
+    /**
+     * Handles the scroll event.
+     *
+     * @param {Event} e - The event.
+     */
+    __publicField(this, "onScroll", (e) => {
+      const { scrollTop, scrollHeight, clientHeight } = e.target;
+      if (scrollTop + clientHeight >= scrollHeight - 300 && this.currentPage <= this.totalPages && this.isLoading.includes(this.currentPage)) {
+        this.currentPage++;
+        this.loadPages(this.currentPage);
+      }
+    });
+    __publicField(this, "getPool", (data, poolName) => {
+      return data.reduce((acc, item) => {
+        const statusName = item.status.name;
+        if (!acc[statusName]) {
+          acc[statusName] = [];
+        }
+        acc[statusName].push(item);
+        return acc;
+      }, {});
+    });
+    __publicField(this, "htmlPool", (title) => {
+      let poolHtml = document.createElement("div");
+      poolHtml.classList.add("pool");
+      poolHtml.innerHTML = `<h4>${title}</h4>`;
+      return poolHtml;
+    });
+    __publicField(this, "htmlCard", (item) => {
+      let card = document.createElement("div");
+      card.classList.add("card");
+      card.draggable = true;
+      card.setAttribute("data-id", item.id);
+      card.innerHTML = `<div style="padding: .5rem;">Lorem ipsum dolor ${item.id}</div>`;
+      let header = document.createElement("wje-card-header");
+      header.innerHTML = `<wje-card-subtitle>${item.user.fullName}</wje-card-subtitle>`;
+      let content = document.createElement("wje-card-content");
+      content.innerHTML = `Lorem ipsum dolor sit amet ${item.id}`;
+      return card;
+    });
+    this.totalPages = 0;
+    this.isLoading = [];
+    this._response = {};
+    this.iterate = null;
+    this._infiniteScrollTemplate = null;
+    this.isDragging = false;
+    this.UI = {
+      elBoard: document.getElementById("board"),
+      elTotalCardCount: document.getElementById("totalCards"),
+      elCardPlaceholder: null
+    };
+    String.prototype.interpolate = function(params) {
+      let template = this;
+      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];
+          });
+          template = template.replace(key, val);
+        }
+      }
+      return template;
+    };
+  }
+  set infiniteScrollTemplate(value) {
+    this._infiniteScrollTemplate = value;
+  }
+  get infiniteScrollTemplate() {
+    return this._infiniteScrollTemplate;
+  }
+  set response(value) {
+    this._response = value;
+  }
+  get response() {
+    return this._response;
+  }
+  set objectName(value) {
+    this.setAttribute("object-name", value);
+  }
+  get objectName() {
+    return this.getAttribute("object-name") || "data";
+  }
+  set poolName(value) {
+    this.setAttribute("pool-name", value);
+  }
+  get poolName() {
+    return this.getAttribute("pool-name") || "status";
+  }
+  /**
+   * Returns the CSS styles for the component.
+   *
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Returns the list of attributes to observe for changes.
+   *
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return [];
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Prepares the component before drawing.
+   *
+   * @param {Object} context - The context for drawing.
+   * @param {Object} store - The store for drawing.
+   * @param {Object} params - The parameters for drawing.
+   */
+  async beforeDraw(context, store, params) {
+    var _a, _b;
+    this.iterate = this.querySelector("[iterate]");
+    this.infiniteScrollTemplate = (_a = this.iterate) == null ? void 0 : _a.outerHTML;
+    (_b = this.iterate) == null ? void 0 : _b.remove();
+    this.setAttribute("style", "height: " + this.height);
+    this.response = await this.getPages();
+  }
+  /**
+   * Draws the component.
+   *
+   * @param {Object} context - The context for drawing.
+   * @param {Object} store - The store for drawing.
+   * @param {Object} params - The parameters for drawing.
+   * @returns {DocumentFragment}
+   */
+  draw(context, store, params) {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.classList.add("native");
+    native.setAttribute("part", "native-infinite-scroll");
+    let pools = this.getPool(this.response, this.poolName);
+    for (const statusName in pools) {
+      if (pools.hasOwnProperty(statusName)) {
+        let pool = this.htmlPool(statusName);
+        native.appendChild(pool);
+        const items = pools[statusName];
+        for (const item of items) {
+          let card = this.htmlCard(item);
+          pool.appendChild(card);
+        }
+      }
+    }
+    fragment.appendChild(native);
+    return fragment;
+  }
+  /**
+   * Called after the component has been drawn.
+   */
+  async afterDraw() {
+    this.live("dragstart", ".pool .card", (e) => {
+      this.isDragging = true;
+      e.dataTransfer.clearData();
+      e.dataTransfer.setData("text/plain", e.target.dataset.id);
+      e.dataTransfer.dropEffect = "copy";
+      e.target.classList.add("dragging");
+    });
+    this.live("dragend", ".pool .card", (e) => {
+      e.target.classList.remove("dragging");
+      this.UI.elCardPlaceholder && this.UI.elCardPlaceholder.remove();
+      this.UI.elCardPlaceholder = null;
+      this.isDragging = false;
+    });
+    this.live("dragover", ".pool, .pool .card, .pool .card-placeholder", (e) => {
+      e.preventDefault();
+      e.dataTransfer.dropEffect = "move";
+      console.log("DRAGOVER:", e.target, e.target.className.indexOf("card"), e.target.className === "pool");
+      if (e.target.className === "pool") {
+        e.target.appendChild(this.getCardPlaceholder());
+      } else if (e.target.className.indexOf("card") !== -1) {
+        e.target.parentNode.insertBefore(this.getCardPlaceholder(), e.target);
+      }
+    });
+    this.live("drop", ".pool, .pool .card-placeholder", (e) => {
+      e.preventDefault();
+      console.log("DROPPED:", e.target);
+      console.log(!this.isDragging);
+      if (!this.isDragging)
+        return false;
+      var todo_id = +e.dataTransfer.getData("text");
+      let card = this.context.querySelector('.card[data-id="' + todo_id + '"]');
+      if (e.target.className === "pool") {
+        console.log("Dropped on List", card);
+        e.target.appendChild(card);
+      } else {
+        console.log("Dropped on Card Placeholder", e.target.parentNode);
+        e.target.parentNode.replaceChild(card, e.target);
+      }
+    });
+  }
+  /**
+   * Fetches the pages from the server.
+   *
+   * @param {number} page - The page number.
+   * @returns {Promise<Object>} The response from the server.
+   */
+  async getPages(page = 0) {
+    let hasParams = this.url.includes("?");
+    const response = await fetch(`${this.url}${hasParams ? "&" : "?"}page=${page}&size=${this.size}${this == null ? void 0 : this.queryParams}`);
+    if (!response.ok) {
+      throw new Error(`An error occurred: ${response.status}`);
+    }
+    return await response.json();
+  }
+  /**
+   * Hides the loader.
+   */
+  hideLoader() {
+    var _a;
+    (_a = this == null ? void 0 : this.loadingEl) == null ? void 0 : _a.classList.remove("show");
+  }
+  /**
+   * Shows the loader.
+   */
+  showLoader() {
+    var _a;
+    (_a = this == null ? void 0 : this.loadingEl) == null ? void 0 : _a.classList.add("show");
+  }
+  /**
+   * Checks if there are more pages to load.
+   *
+   * @param {number} page - The page number.
+   * @returns {boolean} Whether there are more pages to load.
+   */
+  hasMorePages(page) {
+    return this.totalPages === 0 || page < this.totalPages;
+  }
+  /**
+   * Loads the pages.
+   *
+   * @param {number} page - The page number.
+   */
+  async loadPages(page) {
+    this.showLoader();
+    try {
+      if (this.hasMorePages(page)) {
+        let response;
+        this.parser = new DOMParser();
+        if (typeof this.setCustomData === "function") {
+          response = await this.setCustomData(page);
+        } else {
+          response = await this.getPages(page);
+        }
+        this.totalPages = response.totalPages;
+        this.currentPage = page;
+        this.placementObj = this;
+        if (this.hasAttribute("placement"))
+          this.placementObj = this.querySelector(this.placement);
+        event.dispatchCustomEvent(this, "wje-infinite-scroll:load", response);
+        this.response = response;
+        let pools = this.getPool(response[this.objectName], this.poolName);
+        console.log("POOLS:", pools);
+        pools.forEach((pool, key) => {
+          this.native.appendChild(this.htmlPool(key));
+        });
+      } else {
+        event.dispatchCustomEvent(this, "wje-infinite-scroll:complete");
+        this.endingEl.classList.add("show");
+      }
+    } catch (error) {
+      console.log(error.message);
+    } finally {
+      this.hideLoader();
+    }
+  }
+  live(eventType, selector, callback) {
+    function delegateEvent(e) {
+      if (e.target.matches(selector)) {
+        callback.call(e.target, e);
+      }
+    }
+    function addEventListeners(element) {
+      element.addEventListener(eventType, delegateEvent, false);
+      if (element.shadowRoot) {
+        addEventListeners(element.shadowRoot);
+      }
+      Array.from(element.children).forEach(addEventListeners);
+    }
+    addEventListeners(document);
+    function searchShadowRoots(node) {
+      if (node.shadowRoot) {
+        addEventListeners(node.shadowRoot);
+        node.shadowRoot.querySelectorAll("*").forEach(searchShadowRoots);
+      }
+      Array.from(node.children).forEach(searchShadowRoots);
+    }
+    document.querySelectorAll("*").forEach(searchShadowRoots);
+  }
+  getCardPlaceholder() {
+    if (!this.UI.elCardPlaceholder) {
+      this.UI.elCardPlaceholder = document.createElement("div");
+      this.UI.elCardPlaceholder.className = "card-placeholder";
+    }
+    return this.UI.elCardPlaceholder;
+  }
+}
+Kanban.define("wje-kanban", Kanban);
+export {
+  Kanban as default
+};

package/dist/wje-master.js

@@ -51,53 +51,54 @@ import { default as default39 } from "./wje-infinite-scroll.js";
 import { default as default40 } from "./wje-input.js";
 import { default as default41 } from "./wje-input-file.js";
 import { default as default42 } from "./wje-item.js";
-import { default as default43 } from "./wje-label.js";
-import { default as default44 } from "./wje-list.js";
-import { default as default45 } from "./wje-main.js";
-import { default as default46 } from "./wje-masonry.js";
-import { default as default47 } from "./wje-menu.js";
-import { default as default48 } from "./wje-menu-button.js";
-import { default as default49 } from "./wje-menu-item.js";
-import { default as default50 } from "./wje-menu-label.js";
-import { default as default51 } from "./wje-option.js";
-import { default as default52 } from "./wje-options.js";
-import { default as default53 } from "./wje-orgchart.js";
-import { default as default54 } from "./wje-orgchart-group.js";
-import { default as default55 } from "./wje-orgchart-item.js";
+import { default as default43 } from "./wje-kanban.js";
+import { default as default44 } from "./wje-label.js";
+import { default as default45 } from "./wje-list.js";
+import { default as default46 } from "./wje-main.js";
+import { default as default47 } from "./wje-masonry.js";
+import { default as default48 } from "./wje-menu.js";
+import { default as default49 } from "./wje-menu-button.js";
+import { default as default50 } from "./wje-menu-item.js";
+import { default as default51 } from "./wje-menu-label.js";
+import { default as default52 } from "./wje-option.js";
+import { default as default53 } from "./wje-options.js";
+import { default as default54 } from "./wje-orgchart.js";
+import { default as default55 } from "./wje-orgchart-group.js";
+import { default as default56 } from "./wje-orgchart-item.js";
 import "./wje-popup.js";
-import { default as default56 } from "./wje-progress-bar.js";
-import { default as default57 } from "./wje-qr-code.js";
-import { default as default58 } from "./wje-radio.js";
-import { default as default59 } from "./wje-radio-group.js";
-import { default as default60 } from "./wje-rate.js";
-import { default as default61 } from "./wje-relative-time.js";
-import { default as default62 } from "./wje-reorder.js";
-import { default as default63 } from "./wje-reorder-dropzone.js";
-import { default as default64 } from "./wje-reorder-handle.js";
-import { default as default65 } from "./wje-reorder-item.js";
-import { default as default66 } from "./wje-route.js";
-import { default as default67 } from "./wje-routerx.js";
-import { default as default68 } from "./wje-router-link.js";
-import { default as default69 } from "./wje-router-outlet.js";
-import { default as default70 } from "./wje-row.js";
-import { default as default71 } from "./wje-select.js";
-import { default as default72 } from "./wje-slider.js";
-import { default as default73 } from "./wje-split-view.js";
-import { default as default74 } from "./wje-status.js";
-import { default as default75 } from "./wje-step.js";
-import { default as default76 } from "./wje-stepper.js";
-import { default as default77 } from "./wje-tab.js";
-import { default as default78 } from "./wje-tab-group.js";
-import { default as default79 } from "./wje-tab-panel.js";
-import { default as default80 } from "./wje-textarea.js";
-import { default as default81 } from "./wje-thumbnail.js";
-import { default as default82 } from "./wje-toast.js";
-import { default as default83 } from "./wje-toggle.js";
-import { default as default84 } from "./wje-toolbar.js";
-import { default as default85 } from "./wje-toolbar-action.js";
-import { default as default86 } from "./wje-tooltip.js";
-import { default as default87 } from "./wje-visually-hidden.js";
-import { default as default88 } from "./wje-sliding-container.js";
+import { default as default57 } from "./wje-progress-bar.js";
+import { default as default58 } from "./wje-qr-code.js";
+import { default as default59 } from "./wje-radio.js";
+import { default as default60 } from "./wje-radio-group.js";
+import { default as default61 } from "./wje-rate.js";
+import { default as default62 } from "./wje-relative-time.js";
+import { default as default63 } from "./wje-reorder.js";
+import { default as default64 } from "./wje-reorder-dropzone.js";
+import { default as default65 } from "./wje-reorder-handle.js";
+import { default as default66 } from "./wje-reorder-item.js";
+import { default as default67 } from "./wje-route.js";
+import { default as default68 } from "./wje-routerx.js";
+import { default as default69 } from "./wje-router-link.js";
+import { default as default70 } from "./wje-router-outlet.js";
+import { default as default71 } from "./wje-row.js";
+import { default as default72 } from "./wje-select.js";
+import { default as default73 } from "./wje-slider.js";
+import { default as default74 } from "./wje-split-view.js";
+import { default as default75 } from "./wje-status.js";
+import { default as default76 } from "./wje-step.js";
+import { default as default77 } from "./wje-stepper.js";
+import { default as default78 } from "./wje-tab.js";
+import { default as default79 } from "./wje-tab-group.js";
+import { default as default80 } from "./wje-tab-panel.js";
+import { default as default81 } from "./wje-textarea.js";
+import { default as default82 } from "./wje-thumbnail.js";
+import { default as default83 } from "./wje-toast.js";
+import { default as default84 } from "./wje-toggle.js";
+import { default as default85 } from "./wje-toolbar.js";
+import { default as default86 } from "./wje-toolbar-action.js";
+import { default as default87 } from "./wje-tooltip.js";
+import { default as default88 } from "./wje-visually-hidden.js";
+import { default as default89 } from "./wje-sliding-container.js";
 import { P } from "./popup.element-DvPGL_NN.js";
 function formatDate(input, format) {
   let date;
@@ -125,8 +126,8 @@ function formatDate(input, format) {
   };
   return format.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (matched) => map[matched]);
 }
-const sk = {
-  code: "sk-SK",
+const skSk = {
+  code: "sk-sk",
   name: "Slovak",
   dir: "ltr",
   "welcome": "Vitajte",
@@ -138,9 +139,9 @@ const sk = {
   "wj.stepper.button.previous": "Späť",
   "wj.stepper.step": "Krok"
 };
-Localizer.registerTranslation(sk);
-const en = {
-  code: "en-GB",
+Localizer.registerTranslation(skSk);
+const enGb = {
+  code: "en-gb",
   name: "English",
   dir: "ltr",
   "welcome": "Welcome",
@@ -152,7 +153,7 @@ const en = {
   "wj.stepper.button.previous": "Previous",
   "wj.stepper.step": "Step"
 };
-Localizer.registerTranslation(en);
+Localizer.registerTranslation(enGb);
 const styles$2 = ".native-timeline {\n    position: relative;\n}\n\n.vertical-line {\n    position: absolute;\n    margin-left: calc(var(--wje-spacing-x-large) + 1px);\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    background-color: var(--wje-color-info-3);\n}\n\n\n";
 class Timeline extends WJElement {
   constructor() {
@@ -244,6 +245,7 @@ class TimelineItem extends WJElement {
     native.setAttribute("part", "native");
     native.classList.add("native-timeline-item");
     let contentContainer = document.createElement("div");
+    contentContainer.setAttribute("part", "content-container");
     contentContainer.classList.add("content-container");
     let tooltip = document.createElement("wje-tooltip");
     tooltip.setAttribute("text", this.getAttribute("tooltip") || "");
@@ -424,57 +426,58 @@ export {
   default40 as Input,
   default41 as InputFile,
   default42 as Item,
-  default43 as Label,
-  default44 as List,
+  default43 as Kanban,
+  default44 as Label,
+  default45 as List,
   Localizer,
-  default45 as Main,
-  default46 as Masonry,
-  default47 as Menu,
-  default48 as MenuButton,
-  default49 as MenuItem,
-  default50 as MenuLabel,
-  default51 as Option,
-  default52 as Options,
-  default53 as Orgchart,
-  default54 as OrgchartGroup,
-  default55 as OrgchartItem,
+  default46 as Main,
+  default47 as Masonry,
+  default48 as Menu,
+  default49 as MenuButton,
+  default50 as MenuItem,
+  default51 as MenuLabel,
+  default52 as Option,
+  default53 as Options,
+  default54 as Orgchart,
+  default55 as OrgchartGroup,
+  default56 as OrgchartItem,
   P as Popup,
-  default56 as ProgressBar,
-  default57 as QrCode,
-  default58 as Radio,
-  default59 as RadioGroup,
-  default60 as Rate,
-  default61 as RelativeTime,
-  default62 as Reorder,
-  default63 as ReorderDropzone,
-  default64 as ReorderHandle,
-  default65 as ReorderItem,
-  default66 as Route,
-  default68 as RouterLink,
-  default69 as RouterOutlet,
-  default67 as Routerx,
-  default70 as Row,
-  default71 as Select,
-  default72 as Slider,
-  default88 as SlidingContainer,
-  default73 as SplitView,
-  default74 as Status,
-  default75 as Step,
-  default76 as Stepper,
-  default77 as Tab,
-  default78 as TabGroup,
-  default79 as TabPanel,
-  default80 as Textarea,
-  default81 as Thumbnail,
+  default57 as ProgressBar,
+  default58 as QrCode,
+  default59 as Radio,
+  default60 as RadioGroup,
+  default61 as Rate,
+  default62 as RelativeTime,
+  default63 as Reorder,
+  default64 as ReorderDropzone,
+  default65 as ReorderHandle,
+  default66 as ReorderItem,
+  default67 as Route,
+  default69 as RouterLink,
+  default70 as RouterOutlet,
+  default68 as Routerx,
+  default71 as Row,
+  default72 as Select,
+  default73 as Slider,
+  default89 as SlidingContainer,
+  default74 as SplitView,
+  default75 as Status,
+  default76 as Step,
+  default77 as Stepper,
+  default78 as Tab,
+  default79 as TabGroup,
+  default80 as TabPanel,
+  default81 as Textarea,
+  default82 as Thumbnail,
   Timeline,
   TimelineItem,
-  default82 as Toast,
+  default83 as Toast,
   ToastItem,
-  default83 as Toggle,
-  default84 as Toolbar,
-  default85 as ToolbarAction,
-  default86 as Tooltip,
-  default87 as VisuallyHidden,
+  default84 as Toggle,
+  default85 as Toolbar,
+  default86 as ToolbarAction,
+  default87 as Tooltip,
+  default88 as VisuallyHidden,
   WJElement,
   WjePermissionsApi,
   b as bindRouterLinks,

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