wj-elements 0.1.126 → 0.1.128

package/dist/wje-img.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 Img ]\n*/\n\nimg {\n  display: block;\n  width: var(--wje-img-width, 100%);\n  height: var(--wje-img-height, auto);\n  max-width: 100%;\n  object-fit: inherit;\n  border-radius: var(--wje-img-border-radius, 0);\n}";
 class Img extends WJElement {
@@ -16,6 +13,14 @@ class Img extends WJElement {
     super();
     __publicField(this, "className", "Img");
   }
+  set loader(value) {
+    if (value) {
+      this.setAttribute("loader", value);
+    }
+  }
+  get loader() {
+    return this.getAttribute("loader");
+  }
   /**
    * Returns the CSS styles for the component.
    *

package/dist/wje-infinite-scroll.js

@@ -1,4 +1,4 @@
-import { I as InfiniteScroll } from "./infinite-scroll.element-DEQ-AqTB.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-DcO1E5Es.js";
 InfiniteScroll.define("wje-infinite-scroll", InfiniteScroll);
 export {
   InfiniteScroll as default

package/dist/wje-input-file.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, { event } from "./wje-element.js";
 const styles = '/*\n[ WJ Input File ]\n*/\n\n:host {\n  --wje-input-font-family: var(--wje-font-family);\n  --wje-input-background-color: var(--wje-background);\n  --wje-input-color: var(--wje-color);\n  --wje-input-color-invalid: var(--wje-color-danger);\n  --wje-input-border-color: var(--wje-border-color);\n  --wje-input-border-color-focus: var(--wje-color-primary);\n  --wje-input-border-width: 1px;\n  --wje-input-border-style: solid;\n  --wje-input-border-radius: 4px;\n  --wje-input-margin-bottom: .5rem;\n  --wje-input-line-height: 20px;\n  --wje-input-slot-padding-inline: .5rem;\n  width: 100%;\n  margin-bottom: var(--wje-input-margin-bottom);\n  display: block;\n\n  .wrapper {\n    display: flex;\n    width: 100%;\n  }\n  .native-input {\n    .input-wrapper {\n      width: 100%;\n      position: relative;\n    }\n    &.default {\n      background-color: var(--wje-input-background-color);\n      font-family: var(--wje-input-font-family);\n      position: relative;\n      border-radius: var(--wje-input-border-radius);\n      border-width: var(--wje-input-border-width);\n      border-style: var(--wje-input-border-style);\n      border-color: var(--wje-input-border-color);\n      padding-inline: 0;\n      padding-top: .25rem;\n      padding-bottom: .25rem;\n      transition: background-color 0.2s ease;\n      cursor: text;\n      .input-wrapper {\n        margin-inline: .5rem;\n      }\n      &.focused {\n        border-color: var(--wje-input-border-color-focus) !important;\n        label {\n          opacity: 0.67;\n          font-size: 12px;\n          letter-spacing: normal;\n        }\n      }\n      input {\n        border: none;\n        height: 25px;\n        min-height: 25px;\n        padding: 0;\n        margin-top: -4px;\n        background: none;\n        box-shadow: none;\n        width: 100%;\n      }\n      label {\n        margin: 0;\n        display: block;\n        opacity: 1;\n        cursor: text;\n        transition: opacity 0.2s ease;\n        line-height: var(--wje-input-line-height);\n        &.fade {\n          opacity: 0.5;\n          font-size: 12px;\n          letter-spacing: normal;\n        }\n      }\n      ::slotted([slot="start"]) {\n        border-left: none;\n        border-top: none;\n        border-bottom: none;\n      }\n\n      ::slotted([slot="end"]) {\n        border-right: none;\n        border-top: none;\n        border-bottom: none;\n      }\n    }\n    &.standard {\n      background-color: var(--wje-input-background-color);\n      font-family: var(--wje-input-font-family);\n      position: relative;\n      border-radius: var(--wje-input-border-radius);\n      padding-inline: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n      transition: background-color 0.2s ease;\n      cursor: text;\n      &.focused {\n        input {\n          border-color: var(--wje-input-border-color-focus) !important;\n        }\n      }\n      input {\n        display: block;\n        min-height: 32px;\n        padding-inline: .5rem;\n        padding-top: 0;\n        padding-bottom: 0;\n        background: none;\n        box-shadow: none;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: var(--wje-input-border-radius);\n        border-width: var(--wje-input-border-width);\n        border-style: var(--wje-input-border-style);\n        border-color: var(--wje-input-border-color);\n      }\n      label {\n        margin: 0;\n        display: inline-block;\n        opacity: 1;\n        cursor: text;\n        transition: opacity 0.2s ease;\n        line-height: var(--wje-input-line-height);\n      }\n      .input-wrapper {\n        &:hover .clear {\n          visibility: visible;\n        }\n      }\n      ::slotted([slot="start"]) {\n        border-right: none;\n        border-radius: var(--wje-input-border-radius) 0 0 var(--wje-input-border-radius);\n      }\n\n      ::slotted([slot="end"]) {\n        border-left: none;\n        border-radius: 0 var(--wje-input-border-radius) var(--wje-input-border-radius) 0;\n      }\n\n      &.has-start input{\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &.has-end input{\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      .error-message {\n        position: static;\n\n        background: transparent;\n        padding: 0.25rem 0;\n        left: auto;\n        transform: none;\n        color: var(--wje-input-color-invalid);\n        font-size: 12px;\n        line-height: normal;\n      }\n    }\n  }\n}\n\n.clear {\n  visibility: hidden;\n  position: absolute;\n  right: 0;\n  top: 3px;\n  --wje-padding-top: .25rem;\n  --wje-padding-start: .25rem;\n  --wje-padding-end: .25rem;\n  --wje-padding-bottom: .25rem;\n  --wje-button-margin-inline: 0 .25rem;\n}\n\n:host([required]) .input-wrapper::after {\n  color: var(--wje-input-color-invalid);\n  content: "*";\n  font-family: var(--wje-force-mac-font-family);\n  font-size: 20px;\n  position: absolute;\n  right: 10px;\n  top: 2px;\n}\n\n:host([required]) .standard .input-wrapper::after {\n  top: 0;\n}\n\n:host([invalid]) {\n  .error-message {\n    display: block;\n  }\n  .default {\n    label {\n      opacity: 1 !important;\n      color: var(--wje-input-color-invalid) !important;\n      animation-name: shake;\n      animation-duration: 0.4s;\n      animation-iteration-count: 1;\n    }\n  }\n}\n\n::slotted([slot="start"]), ::slotted([slot="end"]) {\n  display: flex;\n  align-items: center;\n  border-width: var(--wje-input-border-width);\n  border-style: var(--wje-input-border-style);\n  border-color: var(--wje-input-border-color);\n  padding-inline: var(--wje-input-slot-padding-inline);\n}\n\nslot[name="start"], slot[name="end"] {\n  display: flex;\n}\n\ninput {\n  background-color: var(--wje-input-background-color);\n  border-width: var(--wje-input-border-width);\n  border-style: var(--wje-input-border-style);\n  border-color: var(--wje-input-border-color);\n  font-family: var(--wje-input-font-family);\n  color: var(--wje-input-color);\n  appearance: none;\n  outline: 0;\n  padding: .25rem .5rem;\n  line-height: var(--wje-input-line-height);\n  font-size: 14px;\n  font-weight: normal;\n  vertical-align: middle;\n  min-height: 32px;\n}\n\n.error-message {\n  display: none;\n  position: absolute;\n  width: auto;\n  max-width: 100%;\n  min-width: auto;\n  border-radius: 50px;\n  background: black;\n  padding: .25rem .5rem;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: white;\n  font-size: 12px;\n  line-height: normal;\n}\n\n@keyframes shake {\n  8%,\n  41% {\n    transform: translateX(-4px);\n  }\n  25%,\n  58% {\n    transform: translateX(4px);\n  }\n  75% {\n    transform: translateX(-2px);\n  }\n  92% {\n    transform: translateX(2px);\n  }\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n}';
 class InputFile extends WJElement {

package/dist/wje-input.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, { event } from "./wje-element.js";
 const styles = '/*\n[ WJ Input ]\n*/\n\n:host {\n  width: 100%;\n  margin-bottom: var(--wje-input-margin-bottom);\n  display: block;\n\n  .wrapper {\n    display: flex;\n    width: 100%;\n  }\n  .native-input {\n    .input-wrapper {\n      width: 100%;\n      position: relative;\n      box-sizing: border-box;\n    }\n    &.default {\n      background-color: var(--wje-input-background-color);\n      font-family: var(--wje-input-font-family);\n      position: relative;\n      border-radius: var(--wje-input-border-radius);\n      border-width: var(--wje-input-border-width);\n      border-style: var(--wje-input-border-style);\n      border-color: var(--wje-input-border-color);\n      padding-inline: 0;\n      padding-top: .25rem;\n      padding-bottom: .25rem;\n      transition: background-color 0.2s ease;\n      cursor: text;\n      .input-wrapper {\n        margin-inline: .5rem;\n      }\n      &.focused {\n        border-color: var(--wje-input-border-color-focus) !important;\n        label {\n          opacity: 0.67;\n          font-size: 12px;\n          letter-spacing: normal;\n        }\n      }\n      input {\n        border: none;\n        height: 25px;\n        min-height: 25px;\n        padding: 0;\n        margin-top: -4px;\n        background: none;\n        box-shadow: none;\n        width: 100%;\n      }\n      label {\n        margin: 0;\n        display: block;\n        opacity: 1;\n        cursor: text;\n        transition: opacity 0.2s ease;\n        line-height: var(--wje-input-line-height);\n        &.fade {\n          opacity: 0.5;\n          font-size: 12px;\n          letter-spacing: normal;\n        }\n      }\n      ::slotted([slot="start"]) {\n        border-left: none;\n        border-top: none;\n        border-bottom: none;\n      }\n\n      ::slotted([slot="end"]) {\n        border-right: none;\n        border-top: none;\n        border-bottom: none;\n      }\n    }\n    &.standard {\n      font-family: var(--wje-input-font-family);\n      position: relative;\n      border-radius: var(--wje-input-border-radius);\n      padding-inline: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n      transition: background-color 0.2s ease;\n      cursor: text;\n      &.focused {\n        input {\n          border-color: var(--wje-input-border-color-focus) !important;\n        }\n      }\n      input {\n        background-color: var(--wje-input-background-color);\n        display: block;\n        min-height: 32px;\n        padding-inline: .5rem;\n        padding-top: 0;\n        padding-bottom: 0;\n        /*background: none;*/\n        box-shadow: none;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: var(--wje-input-border-radius);\n        border-width: var(--wje-input-border-width);\n        border-style: var(--wje-input-border-style);\n        border-color: var(--wje-input-border-color);\n      }\n      label {\n        margin: 0;\n        display: inline-block;\n        opacity: 1;\n        cursor: text;\n        transition: opacity 0.2s ease;\n        line-height: var(--wje-input-line-height);\n      }\n      .input-wrapper {\n        &:hover .clear {\n          visibility: visible;\n        }\n      }\n      ::slotted([slot="start"]) {\n        border-right: none;\n        border-radius: var(--wje-input-border-radius) 0 0 var(--wje-input-border-radius);\n      }\n\n      ::slotted([slot="end"]) {\n        border-left: none;\n        border-radius: 0 var(--wje-input-border-radius) var(--wje-input-border-radius) 0;\n      }\n\n      &.has-start input{\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &.has-end input{\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      .error-message {\n        position: static;\n\n        background: transparent;\n        padding: 0.25rem 0;\n        left: auto;\n        transform: none;\n        color: var(--wje-input-color-invalid);\n        font-size: 12px;\n        line-height: normal;\n      }\n    }\n  }\n}\n\n.clear {\n  visibility: hidden;\n  position: absolute;\n  right: 0;\n  top: 3px;\n  --wje-padding-top: .25rem;\n  --wje-padding-start: .25rem;\n  --wje-padding-end: .25rem;\n  --wje-padding-bottom: .25rem;\n  --wje-button-margin-inline: 0 .25rem;\n}\n\n:host([required]) .input-wrapper::after {\n  color: var(--wje-input-color-invalid);\n  content: "*";\n  font-family: var(--wje-force-mac-font-family);\n  font-size: 20px;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n:host([required]) .standard .input-wrapper::after {\n  top: 0;\n}\n\n:host([invalid]) {\n  .error-message {\n    display: block;\n  }\n  .default {\n    label {\n      opacity: 1 !important;\n      color: var(--wje-input-color-invalid) !important;\n      animation-name: shake;\n      animation-duration: 0.4s;\n      animation-iteration-count: 1;\n    }\n  }\n}\n\n::slotted([slot="start"]), ::slotted([slot="end"]) {\n  display: flex;\n  align-items: center;\n  border-width: var(--wje-input-border-width);\n  border-style: var(--wje-input-border-style);\n  border-color: var(--wje-input-border-color);\n  padding-inline: var(--wje-input-slot-padding-inline);\n}\n\n/*\n    .options-show is a class that is added to the host element when the select options are shown\n */\n:host(.options-show) ::slotted([slot="start"]) {\n  border-bottom-left-radius: 0 !important;\n}\n\n:host(.options-show) ::slotted([slot="end"]) {\n  border-bottom-right-radius: 0 !important;\n}\n\nslot[name="start"], slot[name="end"] {\n  display: flex;\n}\n\nslot[name="error"] {\n  display: none;\n  margin-inline: .5rem;\n}\n\n:host([invalid]) slot[name="error"] {\n  display: block;\n}\n\ninput {\n  background-color: var(--wje-input-background-color);\n  border-width: var(--wje-input-border-width);\n  border-style: var(--wje-input-border-style);\n  border-color: var(--wje-input-border-color);\n  font-family: var(--wje-input-font-family);\n  color: var(--wje-input-color);\n  appearance: none;\n  outline: 0;\n  padding: .25rem .5rem;\n  line-height: var(--wje-input-line-height);\n  font-size: 14px;\n  font-weight: normal;\n  vertical-align: middle;\n  min-height: 32px;\n}\n\n.error-message {\n  display: none;\n  position: absolute;\n  width: auto;\n  max-width: 100%;\n  min-width: auto;\n  border-radius: 50px;\n  background: black;\n  padding: .25rem .5rem;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: white;\n  font-size: 12px;\n  line-height: normal;\n}\n\n@keyframes shake {\n  8%,\n  41% {\n    transform: translateX(-4px);\n  }\n  25%,\n  58% {\n    transform: translateX(4px);\n  }\n  75% {\n    transform: translateX(-2px);\n  }\n  92% {\n    transform: translateX(2px);\n  }\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n}';
 class Input extends WJElement {
@@ -188,6 +185,7 @@ class Input extends WJElement {
     let wrapper = document.createElement("div");
     wrapper.classList.add("wrapper");
     let inputWrapper = document.createElement("div");
+    inputWrapper.setAttribute("part", "wrapper");
     inputWrapper.classList.add("input-wrapper");
     let label = document.createElement("label");
     label.innerText = this.label;
@@ -449,6 +447,9 @@ class Input extends WJElement {
   formDisabledCallback(disabled) {
     console.warn("formDisabledCallback not implemented yet");
   }
+  dispatchEvent(event2) {
+    return false;
+  }
 }
 /**
  * Whether the input is associated with a form.

package/dist/wje-item.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 Item ]\n*/\n\n:host {\n    display: block;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    outline: none;\n    color: var(--wje-item-color);\n    text-align: initial;\n    text-decoration: none;\n    overflow: hidden;\n    box-sizing: border-box;\n    width: 100%;\n}\n\n.item-native {\n    border-radius: var(--wje-item-border-radius);\n    padding-top: var(--wje-item-padding-top);\n    padding-bottom: var(--wje-item-padding-bottom);\n    padding-inline: var(--wje-item-padding-start) var(--wje-item-padding-end);\n    margin: 0;\n    display: flex;\n    position: relative;\n    align-items: inherit;\n    justify-content: inherit;\n    width: 100%;\n    min-height: var(--wje-item-min-height);\n    transition: var(--wje-item-transition);\n    outline: none;\n    background: var(--wje-item-background);\n    overflow: inherit;\n    box-sizing: border-box;\n    z-index: 1;\n    text-decoration: none;\n    color: var(--wje-item-color);\n\n    .item-inner {\n        margin: 0;\n        padding: var(--wje-item-inner-padding-top) var(--wje-item-inner-padding-end) var(--wje-item-inner-padding-bottom) var(--wje-item-inner-padding-start);\n\n        display: flex;\n        position: relative;\n\n        flex: 1 1 0;\n        flex-direction: inherit;\n        align-items: inherit;\n        align-self: stretch;\n\n        min-height: inherit;\n\n        border-width: var(--wje-item-border-width);\n        border-style: var(--wje-item-border-style);\n        border-color: var(--wje-item-border-color);\n\n        box-shadow: var(--wje-item-inner-box-shadow);\n        overflow: inherit;\n        box-sizing: border-box;\n\n        .input-wrapper {\n            display: flex;\n            flex: 1 1 0;\n            flex-direction: inherit;\n            align-items: inherit;\n            align-self: stretch;\n            text-overflow: ellipsis;\n            overflow: inherit;\n            box-sizing: border-box;\n        }\n    }\n\n    .item-bottom {\n        padding: 0 var(--wje-item-inner-padding-end) 0 var(--wje-item-padding-start);\n        display: flex;\n        justify-content: space-between;\n    }\n}\n\n@media (any-hover: hover) {\n    :host(:hover) .item-native {\n        color: var(--wje-item-color);\n\n        :after {\n            transition: var(--wje-item-transition);\n            z-index: -1;\n            inset: 0;\n            position: absolute;\n            content: "";\n            background: var(--wje-item-background-hover);\n            opacity: 0.7;\n        }\n    }\n}\n\nbutton,\na {\n    cursor: pointer;\n    user-select: none;\n    -webkit-user-drag: none;\n}\n\n::slotted([slot="start"]) {\n    margin-inline: 0 1rem;\n}\n\n::slotted(wje-label:not([slot="end"])) {\n    flex: 1 1 0;\n}';
 class Item extends WJElement {

package/dist/wje-kanban.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";
 import Checkbox from "./wje-checkbox.js";
 import MenuItem from "./wje-menu-item.js";
@@ -295,8 +292,7 @@ class Kanban extends WJElement {
     });
     this.live("drop", ".pool, .pool .card-placeholder", (e) => {
       e.preventDefault();
-      if (!this.isDragging)
-        return;
+      if (!this.isDragging) return;
       const todo_id = +e.dataTransfer.getData("text");
       const card = this.shadowRoot.querySelector('.card[data-id="' + todo_id + '"]');
       if (e.target.classList.contains("pool")) {

package/dist/wje-label.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 Label ]\n*/\n\n:host(.wje-color-primary) {\n  --wje-color: var(--wje-color-primary) !important;\n}\n\n:host(.wje-color-complete) {\n  --wje-color: var(--wje-color-complete) !important;\n}\n\n:host(.wje-color-success) {\n  --wje-color-base: var(--wje-color-success) !important;\n  --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host(.wje-color-warning) {\n  --wje-color-base: var(--wje-color-warning) !important;\n  --wje-color-contrast: var(--wje-color-contrast-11) !important;\n}\n\n:host(.wje-color-danger) {\n  --wje-color-base: var(--wje-color-danger) !important;\n  --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host(.wje-color-info) {\n  --wje-color-base: var(--wje-color-info) !important;\n  --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host(.wje-color-menu) {\n  --wje-color-base: var(--wje-color-menu) !important;\n  --wje-color-contrast: var(--wje-color-contrast-0) !important;\n}\n\n:host {\n  --wje-color: initial;\n  display: block;\n  font-size: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing :border-box;\n}\n\n:host(.wje-color) {\n  color: current-color(base);\n}\n\n:host(.wje-text-wrap),\n:host([text-wrap]) {\n  white-space: normal !important;\n}\n\n/*Fixed Inputs*/\n\n:host(.label-fixed) {\n  flex: 0 0 100px;\n  width: 100px;\n  min-width: 100px;\n  max-width: 200px;\n}\n\n/*Stacked & Floating Inputs*/\n\n:host(.label-stacked),\n:host(.label-floating) {\n  margin-bottom: 0;\n  align-self: stretch;\n  width: auto;\n  max-width: 100%;\n}\n\n:host(.label-no-animate.label-floating) {\n  transition: none;\n}\n\n/*Headings*/\n\n::slotted(*) h1,\n::slotted(*) h2,\n::slotted(*) h3,\n::slotted(*) h4,\n::slotted(*) h5,\n::slotted(*) h6 {\n  text-overflow: inherit;\n  overflow: inherit;\n}\n\n:host(.wje-color) {\n  color: var(--wje-color);\n}\n\n::slotted(*:first-child) {\n  margin-top: 0 !important;\n}\n\n::slotted(*:last-child) {\n  margin-bottom: 0 !important;\n}";
 class Label extends WJElement {

package/dist/wje-list.js

@@ -1,4 +1,4 @@
-import { L as List } from "./list.element-BkOOqBtW.js";
+import { L as List } from "./list.element-TZXMx1rt.js";
 List.define("wje-list", List);
 export {
   List as default

package/dist/wje-main.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 Main ]\n*/\n\n:host {\n    display: block;\n    flex: 1;\n    flex-basis: auto;\n    padding: 1.5rem;\n    box-sizing: border-box;\n}";
 class Main extends WJElement {

package/dist/wje-masonry.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 DEFAULT_MAX_COL_WIDTH = 500;
 const DEFAULT_DEBOUNCE_MS = 300;
@@ -20,8 +17,7 @@ function getColCount(totalWidth, cols, maxColWidth) {
 }
 function debounce(cb, ms, id) {
   const existingTimeout = DEBOUNCE_MAP.get(id);
-  if (existingTimeout != null)
-    window.clearTimeout(existingTimeout);
+  if (existingTimeout != null) window.clearTimeout(existingTimeout);
   DEBOUNCE_MAP.set(id, window.setTimeout(cb, ms));
 }
 function findSmallestColIndex(colHeights) {

package/dist/wje-master.js

@@ -1,13 +1,10 @@
 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";
 import { WjePermissionsApi, event } from "./wje-element.js";
 import { defaultStoreActions, store } from "./wje-store.js";
-import { b, w } from "./router-links-F7MJWhZi.js";
+import { b, w } from "./router-links-I2vcmVCs.js";
 import { fetchAndParseCSS } from "./wje-fetchAndParseCSS.js";
 import { Localizer } from "./localize.js";
 import { default as default2 } from "./wje-accordion.js";
@@ -99,9 +96,9 @@ import { default as default84 } from "./wje-toolbar-action.js";
 import { default as default85 } from "./wje-tooltip.js";
 import { default as default86 } from "./wje-visually-hidden.js";
 import { default as default87 } from "./wje-sliding-container.js";
-import { L } from "./list.element-BkOOqBtW.js";
-import { I } from "./infinite-scroll.element-DEQ-AqTB.js";
-import { P } from "./popup.element-DvPGL_NN.js";
+import { L } from "./list.element-TZXMx1rt.js";
+import { I } from "./infinite-scroll.element-DcO1E5Es.js";
+import { P } from "./popup.element-l8v-dMoK.js";
 function formatDate(input, format) {
   let date;
   if (typeof input === "string") {

package/dist/wje-menu-button.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, { event } from "./wje-element.js";
 const styles = "/*\n[ WJ Menu Label ]\n*/\n\n:host {\n  display: inline-flex;\n}\n@media (min-width: 768px) {\n  :host {\n    display: none;\n  }\n}";
 class MenuButton extends WJElement {

package/dist/wje-menu-item.js

@@ -1,11 +1,8 @@
 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";
-import { b as bindRouterLinks } from "./router-links-F7MJWhZi.js";
+import { b as bindRouterLinks } from "./router-links-I2vcmVCs.js";
 const styles = '/*\n[ WJ Menu Item ]\n*/\n\n:host {\n  --wje-menu-item-safe-triangle-cursor-x: 0;\n  --wje-menu-item-safe-triangle-cursor-y: 0;\n  --wje-menu-item-safe-triangle-submenu-start-x: 0;\n  --wje-menu-item-safe-triangle-submenu-start-y: 0;\n  --wje-menu-item-safe-triangle-submenu-end-x: 0;\n  --wje-menu-item-safe-triangle-submenu-end-y: 0;\n\n  display: block;\n  .native-menu-item {\n    background: var(--wje-menu-item-background);\n    position: relative;\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: center;\n    color: var(--wje-menu-item-color);\n    padding-top: var(--wje-menu-item-padding-top);\n    padding-bottom: var(--wje-menu-item-padding-bottom);\n    transition: var(--wje-transition-fast) fill;\n    user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n    width: 100%;\n\n    &:hover {\n      color: var(--wje-menu-item-color-hover);\n      background: var(--wje-menu-item-background-hover);\n    }\n\n    &:focus {\n      color: var(--wje-menu-item-color-focus);\n      background: var(--wje-menu-item-background-focus);\n    }\n\n    &:active {\n      color: var(--wje-menu-item-color-active);\n      background: var(--wje-menu-item-background-active);\n    }\n\n    .label {\n      flex: 1 1 auto;\n      display: inline-block;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      line-height: normal;\n    }\n\n    .check-icon {\n      flex: 0 0 auto;\n      display: var(--wje-menu-item-check-icon-display, flex);\n      align-items: center;\n      justify-content: center;\n      width: var(--wje-menu-item-check-icon-width, 1.5rem);\n      visibility: hidden;\n\n      &.checked {\n        visibility: visible;\n      }\n    }\n\n    &.expanded-submenu {\n      color: var(--wje-menu-item-color-active);\n      background: var(--wje-menu-item-background-active);\n\n      &:hover {\n        color: var(--wje-menu-item-color-hover);\n        background: var(--wje-menu-item-background-hover);\n      }\n\n      &::after {\n        content: "";\n        position: fixed;\n        z-index: 1;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        clip-path: polygon(\n                        var(--wje-menu-item-safe-triangle-cursor-x) var(--wje-menu-item-safe-triangle-cursor-y),\n                        var(--wje-menu-item-safe-triangle-submenu-start-x) var(--wje-menu-item-safe-triangle-submenu-start-y),\n                        var(--wje-menu-item-safe-triangle-submenu-end-x) var(--wje-menu-item-safe-triangle-submenu-end-y)\n        );\n      }\n    }\n  }\n}\n\n:host(.collapse) {\n\n  ::slotted([slot="start"]) {\n    margin: 0;\n    /*width: auto;*/\n    /*display: contents;*/\n  }\n\n  ::slotted([slot="end"]) {\n    display: none;\n  }\n\n  .label,\n  .check-icon,\n  .submenu-icon {\n    display: none;\n  }\n\n}\n.submenu-icon {\n  --wje-icon-size: 14px !important;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  visibility: var(--wje-menu-item-icon-visibility);\n}\n\n.has-submenu {\n  .submenu-icon {\n    --wje-menu-item-icon-visibility: visible;\n  }\n}\n\n.submenu-icon.collapse {\n  flex: none;\n  /*right: 10px;*/\n  position: relative;\n}\n\n:host(:focus-visible) {\n  outline: none;\n}\n\n::slotted([slot="start"]) {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-inline-end: .5rem;\n}\n\n::slotted([slot="end"]) {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-inline-start: .5rem;\n}\n\n:host(.wje-menu-variant-nav) {\n  /*posun 2 a x urovne o 1 rem*/\n  ::slotted([slot="submenu"]) {\n    --wje-menu-border-width: 0 !important;\n    --wje-menu-margin-inline: 2rem 0 !important;\n  }\n}\n\n/*:host {*/\n/*  ::slotted([slot="start"]) {*/\n/*    width: 1.5rem;*/\n/*  }*/\n/*}*/\n\n:host(.wje-menu-variant-context) {\n  display: block;\n}\n\n:host(.active) {\n  color: var(--wje-menu-item-color-active);\n  background: var(--wje-menu-item-background-active);\n}\n\n:host(.open) {\n  color: var(--wje-menu-item-color-active);\n  background: var(--wje-menu-item-background-active);\n}';
 class MenuItem extends WJElement {
   /**
@@ -17,8 +14,7 @@ class MenuItem extends WJElement {
     __publicField(this, "className", "MenuItem");
     __publicField(this, "mouseenterHandler", (e) => {
       if (this.collapse || this.variant === "CONTEXT" && this.hasSubmenu) {
-        if (this.hasAttribute("manual") || this.variant === "NAV" && this.collapse)
-          return;
+        if (this.hasAttribute("manual") || this.variant === "NAV" && this.collapse) return;
         this.activateSubmenu(e);
         e.stopPropagation();
         this.showSubmenu();
@@ -77,8 +73,7 @@ class MenuItem extends WJElement {
      * Dispatches a reposition event.
      */
     __publicField(this, "dispatchReposition", (e) => {
-      if (this.submenu.assignedNodes().length === 0)
-        return;
+      if (this.submenu.assignedNodes().length === 0) return;
       let submenu = this.submenu.assignedNodes()[0];
       const { left, top, width, height } = submenu.getBoundingClientRect();
       this.style.setProperty("--wje-menu-item-safe-triangle-submenu-start-x", `${left}px`);

package/dist/wje-menu-label.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 } from "./wje-element.js";
 const styles = "/*\n[ Menu Label ]\n*/\n\n:host {\n  --wje-letter-spacing: .025rem;\n  --wje-menu-label-color: var(--wje-color-contrast-6);\n  --wje-padding-top: 0;\n  --wje-padding-bottom: 0;\n  --wje-padding-start: 1.5rem;\n  --wje-padding-end: 1.5rem;\n}\n\n.native-menu-label {\n  font-size: var(--wje-menu-label-font-size);\n  display: inline-block;\n  font-weight: var(--wje-menu-label-weight);\n  letter-spacing: var(--wje-letter-spacing);\n  color: var(--wje-menu-label-color);\n  padding: var(--wje-padding-top) var(--wje-padding-start) var(--wje-padding-bottom) var(--wje-padding-end);\n}";
 class MenuLabel extends WJElement {

package/dist/wje-menu.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 Menu ]\n*/\n\n:host {\n  display: none;\n  background: var(--wje-menu-background);\n  position: relative;\n  border-width: var(--wje-menu-border-width);\n  border-style: var(--wje-menu-border-style);\n  border-color: var(--wje-menu-border-color);\n  z-index: var(--wje-menu-z-index, 8);\n  box-shadow: var(--wje-menu-shadow);\n  border-radius: var(--wje-menu-border-radius);\n  padding-top: var(--wje-menu-padding-top);\n  padding-bottom: var(--wje-menu-padding-bottom);\n  padding-inline: var(--wje-menu-padding-inline);\n  margin-top: var(--wje-menu-margin-top);\n  margin-bottom: var(--wje-menu-margin-bottom);\n  margin-inline: var(--wje-menu-margin-inline);\n  overflow: auto;\n  overscroll-behavior: none;\n  .native-menu {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    ::slotted(wje-button) {\n      margin: 0;\n    }\n  }\n}\n\n:host(.wje-menu-collapse) {\n  width: var(--wje-menu-collapse-width);\n}\n\n:host([collapse]) {\n  box-shadow: none;\n}\n\n:host([variant=context]) {\n  display: block !important;\n  margin-left: var(--wje-menu-submenu-offset);\n}\n\n:host([variant=megamenu]) .native-menu {\n  flex-direction: row;\n  align-items: end;\n  flex-wrap: nowrap;\n  .check-icon {\n    display: none;\n  }\n}\n\n:host([active]) {\n  display: flex  !important;\n}";
 class Menu extends WJElement {

package/dist/wje-option.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, { event } from "./wje-element.js";
 import Icon from "./wje-icon.js";
 const styles = '/*\n[ WJ Option ]\n*/\n\n:host {\n  display: block;\n  wje-icon {\n    visibility: hidden;\n    margin-inline: 0.5rem;\n  }\n}\n\n:host([selected]) {\n  wje-icon {\n    visibility: visible;\n  }\n}\n\n:host([disabled]){\n  background-color: lightgray;\n  opacity: .3;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n.native-option {\n  display: flex;\n  align-items: center;\n  padding-top: var(--wje-option-padding-top);\n  padding-bottom: var(--wje-option-padding-bottom);\n}\n\n.native-option:hover {\n  background-color: var(--wje-option-highlighted);\n}\n\n::slotted([slot="start"]) {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-inline-end: .5rem;\n}\n\n::slotted([slot="end"]) {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-inline: auto .5rem;\n}';
@@ -103,8 +100,7 @@ class Option extends WJElement {
    */
   afterDraw() {
     event.addListener(this, "click", null, (e, b, c) => {
-      if (this.hasAttribute("disabled"))
-        return;
+      if (this.hasAttribute("disabled")) return;
       this.dispatchEvent(new CustomEvent("wje-option:change", {
         bubbles: true,
         composed: true,

package/dist/wje-options.js

@@ -1,12 +1,9 @@
 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, { event } from "./wje-element.js";
-import { I as InfiniteScroll } from "./infinite-scroll.element-DEQ-AqTB.js";
-import { L as List } from "./list.element-BkOOqBtW.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-DcO1E5Es.js";
+import { L as List } from "./list.element-TZXMx1rt.js";
 import Option from "./wje-option.js";
 class Options extends WJElement {
   /**

package/dist/wje-orgchart-group.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, { event } from "./wje-element.js";
 const styles = ":host {\n    text-align: center;\n    list-style-type: none;\n    position: relative;\n    padding: var(--wje-orgchart-group-height-line) 0 0 0;\n    transition: all 0.5s;\n\n    &::before, &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 50%;\n        border-top: 1px solid var(--wje-border-color);\n        width: 50%;\n        height: var(--wje-orgchart-group-height-line);\n    }\n\n    &::after {\n        right: auto;\n        left: 50%;\n        border-left: 1px solid var(--wje-border-color);\n    }\n\n    wje-card::part(native) {\n        box-sizing: border-box;\n        padding: var(--wje-orgchart-group-padding);\n    }\n\n    wje-card h4 {\n        margin: 0;\n    }\n    wje-card .items {\n        display: flex;\n    }\n\n    .orgchart-group {\n        display: flex;\n        flex-direction: column;\n        wje-card {\n            margin: 0 auto;\n            width: var(--wje-orgchart-group-width);\n        }\n    }\n}\n\n:host(:only-child)::after, :host(:only-child)::before {\n    display: none;\n}\n\n:host(:only-child) {\n    padding-top: 0;\n}\n\n:host(:first-child)::before,\n:host(:last-child)::after {\n    border: 0 none;\n}\n\n:host(:last-child)::before {\n    border-right: 1px solid var(--wje-border-color);\n    border-radius: 0 var(--wje-orgchart-group-border-radius) 0 0;\n}\n\n:host(:first-child)::after {\n    border-radius: var(--wje-orgchart-group-border-radius) 0 0 0;\n}";
 class OrgchartGroup extends WJElement {

package/dist/wje-orgchart-item.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 = `:host {
     width: var(--wje-orgchart-item-width);
@@ -215,8 +212,7 @@ class OrgchartItem extends WJElement {
     expander.classList.add("expander");
     expander.innerHTML = "-";
     card.appendChild(slot);
-    if (this.children.length > 0 && Array.from(this.children).some((el) => el.tagName === "WJE-ORGCHART"))
-      card.appendChild(expander);
+    if (this.children.length > 0 && Array.from(this.children).some((el) => el.tagName === "WJE-ORGCHART")) card.appendChild(expander);
     native.appendChild(card);
     native.appendChild(child);
     fragment.appendChild(native);

package/dist/wje-orgchart.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 = "* {margin: 0; padding: 0;}\n\n:host {\n    position: relative;\n    .native-orgchart {\n        padding-top: var(--wje-orgchart-height-line);\n        display: flex;\n        justify-content: center;\n    }\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        border-left: 1px solid var(--wje-border-color);\n        width: 0;\n        height: var(--wje-orgchart-height-line);\n    }\n}\n\n";
 class Orgchart extends WJElement {

package/dist/wje-popup.js

@@ -1,4 +1,4 @@
-import { P as Popup } from "./popup.element-DvPGL_NN.js";
+import { P as Popup } from "./popup.element-l8v-dMoK.js";
 Popup.define("wje-popup", Popup);
 export {
   Popup as default

package/dist/wje-progress-bar.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 Progress bar ]\n*/\n\n:host([color="primary"]) {\n  --wje-progress-bar-background-color: var(--wje-color-primary-2);\n  --wje-progress-bar-color: var(--wje-color-primary-9);\n}\n\n:host([color="complete"]) {\n  --wje-progress-bar-background-color: var(--wje-color-complete-2);\n  --wje-progress-bar-color: var(--wje-color-complete-9);\n}\n\n:host([color="success"]) {\n  --wje-progress-bar-background-color: var(--wje-color-success-2);\n  --wje-progress-bar-color: var(--wje-color-success-9);\n}\n\n:host([color="warning"]) {\n  --wje-progress-bar-background-color: var(--wje-color-warning-2);\n  --wje-progress-bar-color: var(--wje-color-warning-9);\n}\n\n:host([color="danger"]) {\n  --wje-progress-bar-background-color: var(--wje-color-danger-2);\n  --wje-progress-bar-color: var(--wje-color-danger-9);\n}\n\n:host([color="info"]) {\n  --wje-progress-bar-background-color: var(--wje-color-info-2);\n  --wje-progress-bar-color: var(--wje-color-info-9);\n}\n\n/*:host(.wje-color-dark) {*/\n/*  --wje-progress-bar-color: var(--wje-color-contrast-0);*/\n/*}*/\n\n/*:host(.wje-color-light) #bar {*/\n/*  --wje-progress-bar-color: var(--wje-color-contrast-9);*/\n/*}*/\n\n:host {\n  --wje-progress-bar-background-color: var(--wje-color-contrast-2);\n  --wje-progress-bar-color: var(--wje-color-contrast-6);\n  --wje-progress-bar-text-size: .75rem;\n  --wje-progress-bar-text-color: var(--wje-color);\n  /*--wje-progress-bar-stroke: var(--wje-color-contrast-3);*/\n  fill: var(--wje-progress-bar-background-color);\n  .progress {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .slot-wrapper {\n    display: flex;\n    position: absolute;\n    top: 0;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    justify-content: center;\n  }\n  #bar {\n    fill: var(--wje-progress-bar-color) ;\n  }\n\n  text {\n    transform: rotate(90deg);\n    transform-origin: center;\n    text-anchor: middle;\n    dominant-baseline: middle;\n    font-size: var(--wje-progress-bar-text-size);\n    fill: var(--wje-progress-bar-text-color);\n    stroke: var(--wje-progress-bar-text-color);\n  }\n}\n\n:host(.wje-color) #bar {\n  fill: var(--wje-progress-bar-color);\n}\n\n::slotted([slot="start"]) {\n  margin-inline: 0 1rem;\n}\n\n::slotted([slot="end"]) {\n  margin-inline: 1rem 0;\n}';
 class ProgressBar extends WJElement {

package/dist/wje-qr-code.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 = ".container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  gap: 0.5rem;\n  padding: 0.5rem;\n}\n";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};

package/dist/wje-radio-group.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";
 import Radio from "./wje-radio.js";
 const styles = "/*\n[ WJ Radio Group ]\n*/\n\n.wje-inline {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: .5rem;\n}\n\n\n";

package/dist/wje-radio.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, { event } from "./wje-element.js";
 const styles = '/*\n[ WJ Radio ]\n*/\n\n:host {\n  --wje-radio-margin-top: 0;\n  --wje-radio-margin-bottom: .5rem;\n  --wje-radio-margin-inline: 0;\n\n  display: block;\n  margin-top: var(--wje-radio-margin-top);\n  margin-bottom: var(--wje-radio-margin-bottom);\n  margin-inline: var(--wje-radio-margin-inline);\n  line-height: 100%;\n  padding-left: 0;\n\n  label {\n    display: flex;\n    cursor: pointer;\n    position: relative;\n    padding-left: 1.5rem;\n    min-width: 16px;\n    min-height: 16px;\n    margin-bottom: 0;\n    -webkit-touch-callout: none; /* iOS Safari */\n    -webkit-user-select: none; /* Safari */\n    -moz-user-select: none; /* Old versions of Firefox */\n    -ms-user-select: none; /* Internet Explorer/Edge */\n    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */\n    align-items: center;\n    &:before {\n      content: "";\n      position: absolute;\n      width: 16px;\n      height: 16px;\n      left: 0;\n      box-sizing: border-box;\n      background-color: var(--wje-color-contrast-1);\n      border: 1px solid var(--wje-color-contrast-4);\n    }\n  }\n}\n\n.native-radio {\n  input[type="radio"] +label {\n    &:before {\n      border-radius: var(--wje-border-radius-circle);\n      transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);\n    }\n  }\n  input[type="radio"]:checked {\n    & + label {\n      &:before {\n        border-color: var(--wje-color-contrast-6);\n        border-width: 5px;\n      }\n    }\n  }\n  input[type="radio"]:focus {\n    & + label {\n      color: var(--wje-color);\n      &:before{\n        outline: none !important;\n        box-shadow: 0 0 0 0 #78c8fe;\n      }\n    }\n  }\n\n  input[type="radio"] {\n    opacity: 0;\n    position: absolute;\n    top: 3px;\n    width: 16px;\n    height: 16px;\n  }\n\n  input[type="radio"][disabled] {\n    & + label {\n      cursor: not-allowed!important;\n      color: var(--wje-color-contrast-9);\n      opacity: 0.5;\n      &:before {\n        cursor: not-allowed!important;\n      }\n    }\n  }\n}\n\n:host([placement=end]) {\n  label {\n    padding-left: 0;\n    padding-right: 26px;\n\n    &:before {\n      right: 0;\n      left: auto;\n    }\n  }\n\n  input[type="checkbox"]:checked {\n    & + label {\n      position: relative;\n\n      &::after {\n        position: absolute;\n        right: 0;\n        left: auto;\n      }\n    }\n  }\n}\n\n/* Colors */\n\n:host([color=primary]) input[type="radio"]:checked + label:before {\n  border-color: var(--wje-color-primary-9);\n}\n\n:host([color=complete]) input[type="radio"]:checked + label:before {\n  border-color: var(--wje-color-complete-9);\n}\n\n:host([color=success]) input[type="radio"]:checked + label:before {\n  border-color: var(--wje-color-success-9);\n}\n\n:host([color=warning]) input[type="radio"]:checked + label:before {\n  border-color: var(--wje-color-warning-9);\n}\n\n:host([color=danger]) input[type="radio"]:checked + label:before {\n  border-color: var(--wje-color-danger-9);\n}\n\n:host([color=info]) input[type="radio"]:checked + label:before {\n  border-color: var(--wje-color-info-9);\n}';
 class Radio extends WJElement {

package/dist/wje-rate.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 Rate ]\n*/\n\n:host {\n  display: flex;\n  color: var(--wje-rate-color);\n}\n\n:host([readonly]) .wje-rate-icon {\n    cursor: default;\n}\n\n.native-rate {\n  position: relative;\n  display: flex;\n  gap: var(--wje-rate-gap);\n}\n\n.wje-rate-icon {\n  position: relative;\n  cursor: pointer;\n}\n\n.selected {\n  color: var(--wje-rate-selected-color);\n}\n\n:host(:not([readonly])) .wje-rate-icon:hover {\n  transform: scale(1.2);\n}\n\nwje-icon:first-child {\n  color: var(--wje-rate-color);\n}\n\nwje-icon:last-child {\n  color: currentColor;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n:host([disabled]) .native-rate {\n  pointer-events: none;\n  opacity: .5;\n}\n\n";
 class Rate extends WJElement {

package/dist/wje-relative-time.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";
 import { Localizer } from "./localize.js";
 class RelativeTime extends WJElement {

package/dist/wje-reorder-dropzone.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 = ".dropzone {\n    border: 1px dashed lightgrey;\n    border-radius: var(--wje-border-radius-small);\n    margin: .5rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    justify-content: center;\n    min-height: 250px;\n    width: 200px;\n}\n\n";
 class ReorderDropzone extends WJElement {

package/dist/wje-reorder-handle.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 = ".disabled {\n    opacity: .3;\n}";
 class ReorderHandle extends WJElement {
@@ -38,13 +35,11 @@ class ReorderHandle extends WJElement {
     }
   }
   startDrag(event) {
-    if (this.hasAttribute("disabled") || this.hasAttribute("locked"))
-      return;
+    if (this.hasAttribute("disabled") || this.hasAttribute("locked")) return;
     this.startDragAction(event.clientX, event.clientY);
   }
   startTouchDrag(event) {
-    if (this.hasAttribute("disabled") || this.hasAttribute("locked"))
-      return;
+    if (this.hasAttribute("disabled") || this.hasAttribute("locked")) return;
     const touch = event.touches[0];
     this.startDragAction(touch.clientX, touch.clientY);
   }
@@ -80,13 +75,11 @@ class ReorderHandle extends WJElement {
       var _a;
       moveAt(event.pageX, event.pageY);
       const dropzone = this.getClosestDropzone(event.clientX, event.clientY);
-      if (!dropzone)
-        return;
+      if (!dropzone) return;
       const siblings = Array.from(dropzone.children).filter((child) => child !== draggable && child !== placeholder);
       for (const sibling of siblings) {
         const siblingRect = sibling.getBoundingClientRect();
-        if ((_a = sibling.children[0]) == null ? void 0 : _a.hasAttribute("locked"))
-          continue;
+        if ((_a = sibling.children[0]) == null ? void 0 : _a.hasAttribute("locked")) continue;
         if (event.clientY > siblingRect.top && event.clientY < siblingRect.bottom) {
           if (event.clientY < siblingRect.top + siblingRect.height / 2) {
             dropzone.insertBefore(placeholder, sibling);
@@ -119,8 +112,7 @@ class ReorderHandle extends WJElement {
     const dropzoneAttr = this.getAttribute("dropzone");
     if (dropzoneAttr) {
       let dropzone = element.closest(dropzoneAttr);
-      if (dropzone)
-        return dropzone;
+      if (dropzone) return dropzone;
     }
     return element.parentElement;
   }
@@ -135,8 +127,7 @@ class ReorderHandle extends WJElement {
   }
   // Rekurzívne prechádza všetky shadow roots bez opakovania elementov
   getElementsFromPointAll(x, y, root = document, visited = /* @__PURE__ */ new Set()) {
-    if (visited.has(root))
-      return [];
+    if (visited.has(root)) return [];
     visited.add(root);
     const elements = root.elementsFromPoint(x, y);
     let allElements = [...elements];

package/dist/wje-reorder-item.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 } from "./wje-element.js";
 const styles = ":host {\n  /*--reorder-background-color: var(--wje-color-contrast-0);*/\n  --reorder-item-spacing: .5rem;\n}\n\n.item {\n  width: 134px;\n  height: 19px;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  position: relative;\n  gap: var(--reorder-item-spacing);\n  padding: var(--reorder-item-spacing);\n  border-radius: var(--wje-border-radius-small);\n  background-color: var(--reorder-background-color);\n  cursor: grab;\n  transition: top 0.3s ease, left 0.3s ease;\n}\n\n.item-w-handle {\n  cursor: default;\n}\n\n.item-w-handle:active {\n  opacity: .3;\n}\n\n.item:active:not(.item-w-handle):not(.moving) {\n  background-color: var(--reorder-background-color);\n  cursor: grabbing;\n}\n\n.moving {\n  background-color: lightgrey;\n}\n\n.handle {\n  cursor: grab;\n  gap: 10px;\n}\n\n.handle:active {\n  cursor: grabbing;\n}\n\n.name {\n  width: 108px;\n  height: 19px;\n  text-align: center;\n  font-size: var(--wje-font-size-medium);\n  font-weight: 400;\n  line-height: 19.36px;\n  gap: 10px;\n}\n\n/* .drag--down {\n  --item-transform: translateY(-5px);\n}\n\n.drag--up {\n  --item-transform: translateY(5px);\n} */\n\n.item {\n  transform: var(--item-transform);\n}\n";
 class ReorderItem extends WJElement {