wj-elements 0.1.131 → 0.1.132

package/dist/wje-badge.js

@@ -68,4 +68,3 @@ Badge.define("wje-badge", Badge);
 export {
   Badge as default
 };
-//# sourceMappingURL=wje-badge.js.map

package/dist/wje-breadcrumb.js

@@ -192,4 +192,3 @@ Breadcrumb.define("wje-breadcrumb", Breadcrumb);
 export {
   Breadcrumb as default
 };
-//# sourceMappingURL=wje-breadcrumb.js.map

package/dist/wje-breadcrumbs.js

@@ -137,4 +137,3 @@ Breadcrumbs.define("wje-breadcrumbs", Breadcrumbs);
 export {
   Breadcrumbs as default
 };
-//# sourceMappingURL=wje-breadcrumbs.js.map

package/dist/wje-button-group.js

@@ -82,4 +82,3 @@ WJElement.define("wje-button-group", ButtonGroup);
 export {
   ButtonGroup as default
 };
-//# sourceMappingURL=wje-button-group.js.map

package/dist/wje-button.js

@@ -349,4 +349,3 @@ Button.define("wje-button", Button);
 export {
   Button as default
 };
-//# sourceMappingURL=wje-button.js.map

package/dist/wje-card-content.js

@@ -45,4 +45,3 @@ WJElement.define("wje-card-content", CardContent);
 export {
   CardContent as default
 };
-//# sourceMappingURL=wje-card-content.js.map

package/dist/wje-card-controls.js

@@ -45,4 +45,3 @@ WJElement.define("wje-card-controls", CardControls);
 export {
   CardControls as default
 };
-//# sourceMappingURL=wje-card-controls.js.map

package/dist/wje-card-header.js

@@ -45,4 +45,3 @@ WJElement.define("wje-card-header", CardHeader);
 export {
   CardHeader as default
 };
-//# sourceMappingURL=wje-card-header.js.map

package/dist/wje-card-subtitle.js

@@ -52,4 +52,3 @@ WJElement.define("wje-card-subtitle", CardSubtitle);
 export {
   CardSubtitle as default
 };
-//# sourceMappingURL=wje-card-subtitle.js.map

package/dist/wje-card-title.js

@@ -52,4 +52,3 @@ WJElement.define("wje-card-title", CardTitle);
 export {
   CardTitle as default
 };
-//# sourceMappingURL=wje-card-title.js.map

package/dist/wje-card.js

@@ -53,4 +53,3 @@ WJElement.define("wje-card", Card);
 export {
   Card as default
 };
-//# sourceMappingURL=wje-card.js.map

package/dist/wje-carousel-item.js

@@ -60,4 +60,3 @@ WJElement.define("wje-carousel-item", CarouselItem);
 export {
   CarouselItem as default
 };
-//# sourceMappingURL=wje-carousel-item.js.map

package/dist/wje-carousel.js

@@ -377,4 +377,3 @@ WJElement.define("wje-carousel", Carousel);
 export {
   Carousel as default
 };
-//# sourceMappingURL=wje-carousel.js.map

package/dist/wje-checkbox.js

@@ -537,4 +537,3 @@ WJElement.define("wje-checkbox", Checkbox);
 export {
   Checkbox as default
 };
-//# sourceMappingURL=wje-checkbox.js.map

package/dist/wje-chip.js

@@ -73,4 +73,3 @@ WJElement.define("wje-chip", Chip);
 export {
   Chip as default
 };
-//# sourceMappingURL=wje-chip.js.map

package/dist/wje-col.js

@@ -35,4 +35,3 @@ WJElement.define("wje-col", Col);
 export {
   Col as default
 };
-//# sourceMappingURL=wje-col.js.map

package/dist/wje-color-picker.js

@@ -1336,4 +1336,3 @@ WJElement.define("wje-color-picker", ColorPicker);
 export {
   ColorPicker as default
 };
-//# sourceMappingURL=wje-color-picker.js.map

package/dist/wje-container.js

@@ -53,4 +53,3 @@ WJElement.define("wje-container", Container);
 export {
   Container as default
 };
-//# sourceMappingURL=wje-container.js.map

package/dist/wje-copy-button.js

@@ -215,4 +215,3 @@ CopyButton.define("wje-copy-button", CopyButton);
 export {
   CopyButton as default
 };
-//# sourceMappingURL=wje-copy-button.js.map

package/dist/wje-dialog.js

@@ -2,8 +2,7 @@ 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);
 import WJElement, { event } from "./wje-element.js";
-import "./wje-icon.js";
-const styles = "/*\n[ WJ Dialog ]\n*/\n\n:host {\n    --wje-dialog-header-actions-gap: 0.5rem;\n\n    .close {\n        margin-left: auto;\n    }\n\n    .header-actions {\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n        gap: var(--wje-dialog-header-actions-gap);\n    }\n\n    .modal-content {\n        border-radius: 3px;\n        box-shadow: none;\n    }\n\n    .dialog-header {\n        position: relative;\n        border-bottom: 0;\n        padding-inline: var(--wje-dialog-padding);\n        padding-top: var(--wje-dialog-padding);\n        padding-bottom: var(--wje-dialog-padding);\n        display: flex;\n        align-items: center;\n        span {\n            font-family: var(--wje-font-family-secondary);\n            font-size: 10.5px;\n            text-transform: uppercase;\n            display: inline-block;\n            letter-spacing: 0.06em;\n            font-weight: 500;\n            margin: 0;\n            padding: 0;\n            line-height: normal;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            filter: alpha(opacity=40);\n        }\n    }\n\n    .dialog-content {\n        box-shadow: none;\n        padding-inline: var(--wje-dialog-padding);\n        white-space: normal;\n        z-index: 1;\n    }\n\n    .dialog-footer {\n        display: flex;\n        justify-content: end;\n        border-top: none;\n        box-shadow: none;\n        margin-top: 0;\n        padding-inline: var(--wje-dialog-padding-inline);\n        padding-top: var(--wje-dialog-padding-top);\n        padding-bottom: var(--wje-dialog-padding-bottom);\n    }\n}\n\ndialog::backdrop {\n    opacity: var(--wje-backdrop-opacity);\n    background-color: var(--wje-backdrop);\n}\n\ndialog:focus-visible {\n    outline: none;\n}\n\n:host(.separator) .dialog-header:after {\n    content: '';\n    height: 1px;\n    background: rgba(0, 0, 0, 0.08);\n    left: var(--wje-dialog-padding);\n    right: var(--wje-dialog-padding);\n    position: absolute;\n    bottom: 0;\n}\n\n:host {\n    dialog {\n        box-sizing: border-box;\n        transition: all 0.2s !important;\n        width: var(--wje-dialog-width);\n        height: var(--wje-dialog-height);\n        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n\n        border-radius: var(--wje-dialog-border-radius);\n        border-width: var(--wje-dialog-border-width);\n        border-style: var(--wje-dialog-border-style);\n        border-color: var(--wje-dialog-border-color);\n\n        margin-top: var(--wje-dialog-margin-top);\n\n        margin-bottom: var(--wje-dialog-margin-bottom);\n        margin-inline: var(--wje-dialog-margin-start) var(--wje-dialog-margin-end);\n\n        padding: 0;\n    }\n}\n\n/*Top*/\n:host(.stick-up) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: fit-content;\n    --wje-dialog-border-radius: 0 0 8px 8px;\n    --wje-dialog-border-width: 0 1px 1px 1px;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-translate-from: translateY(-110%);\n    --wje-dialog-template-to: translateX(0);\n}\n\n/*Cenetered*/\n:host(.slide-up) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: fit-content;\n    --wje-dialog-border-radius: 8px;\n    --wje-dialog-border-width: 1px;\n    --wje-dialog-opacity-from: 0;\n    --wje-dialog-translate-from: scale(0.9);\n    --wje-dialog-translate-to: scale(1);\n}\n\n/*Fullscreen*/\n:host(.fill-in) {\n    --wje-dialog-width: 100%;\n    --wje-dialog-height: 100%;\n    --wje-dialog-border-radius: 0 0 0 0 !important;\n    --wje-dialog-border-width: 0;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-margin-start: 0;\n    --wje-dialog-margin-end: 0;\n    --wje-dialog-margin-bottom: 0;\n    --wje-dialog-translate-from: scale(0.95);\n    --wje-dialog-translate-to: scale(1);\n    dialog {\n        min-width: var(--wje-dialog-width);\n        min-height: var(--wje-dialog-height);\n    }\n}\n\n/*Slide Left*/\n:host(.slide-left) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: 100% !important;\n    --wje-dialog-border-radius: 0;\n    --wje-dialog-border-width: 0 1px 0 0;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-margin-start: 0;\n    --wje-dialog-margin-end: auto;\n    --wje-dialog-margin-bottom: 0;\n    dialog {\n        min-height: var(--wje-dialog-height);\n        --wje-dialog-translate-from: translateX(-110%);\n        --wje-dialog-template-to: translateX(0);\n    }\n}\n\n/*Slide Right*/\n:host(.slide-right) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: 100% !important;\n    --wje-dialog-border-radius: 0;\n    --wje-dialog-border-width: 0 0 0 1px;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-margin-start: auto;\n    --wje-dialog-margin-end: 0;\n    --wje-dialog-margin-bottom: 0;\n    dialog {\n        min-height: var(--wje-dialog-height);\n        --wje-dialog-translate-from: translateX(110%);\n        --wje-dialog-template-to: translateX(0);\n    }\n}\n\n:host(.small) {\n    --wje-dialog-width: 300px !important;\n}\n\n:host(.medium) {\n    --wje-dialog-width: 500px !important;\n}\n\n:host(.large) {\n    --wje-dialog-width: 600px !important;\n}\n\n:host(.ex-large) {\n    --wje-dialog-width: 900px !important;\n}\n\ndialog[open] {\n    animation: show 0.5s ease normal;\n}\n\n@keyframes show {\n    from {\n        opacity: var(--wje-dialog-opacity-from, 1);\n        transform: var(--wje-dialog-translate-from);\n    }\n    to {\n        opacity: 1;\n        transform: var(--wje-dialog-translate-to);\n    }\n}\n";
+const styles = "/*\n[ WJ Dialog ]\n*/\n\n:host {\n    --wje-dialog-header-actions-gap: 0.5rem;\n\n    .close {\n        margin-left: auto;\n    }\n\n    .header-actions {\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n        gap: var(--wje-dialog-header-actions-gap);\n    }\n\n    .modal-content {\n        border-radius: 3px;\n        box-shadow: none;\n    }\n\n    .dialog-header {\n        position: relative;\n        border-bottom: 0;\n        padding-inline: var(--wje-dialog-padding);\n        padding-top: var(--wje-dialog-padding);\n        padding-bottom: var(--wje-dialog-padding);\n        display: flex;\n        align-items: center;\n        span {\n            font-family: var(--wje-font-family-secondary);\n            font-size: 10.5px;\n            text-transform: uppercase;\n            display: inline-block;\n            letter-spacing: 0.06em;\n            font-weight: 500;\n            margin: 0;\n            padding: 0;\n            line-height: normal;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            filter: alpha(opacity=40);\n        }\n    }\n\n    .dialog-content {\n        box-shadow: none;\n        padding-inline: var(--wje-dialog-padding);\n        white-space: normal;\n        z-index: 1;\n    }\n\n    .dialog-footer {\n        display: flex;\n        justify-content: end;\n        border-top: none;\n        box-shadow: none;\n        margin-top: 0;\n        padding-inline: var(--wje-dialog-padding-inline);\n        padding-top: var(--wje-dialog-padding-top);\n        padding-bottom: var(--wje-dialog-padding-bottom);\n    }\n}\n\n/*Blocking element styles*/\n.blocking-element {	\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0;\n	bottom: 0;\n	background-color: var(--wje-color-contrast-0);\n	opacity: 0.75;\n	z-index: 1;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	height: 100%;\n\n	wje-icon {\n		animation: loader 1s linear infinite;\n	}\n}\n\n@keyframes loader {\n	0% {\n		transform: rotate(0deg);\n	}\n	100% {\n		transform: rotate(360deg);\n	}\n}\n\ndialog::backdrop {\n    opacity: var(--wje-backdrop-opacity);\n    background-color: var(--wje-backdrop);\n}\n\ndialog:focus-visible {\n    outline: none;\n}\n\n:host(.separator) .dialog-header:after {\n    content: '';\n    height: 1px;\n    background: rgba(0, 0, 0, 0.08);\n    left: var(--wje-dialog-padding);\n    right: var(--wje-dialog-padding);\n    position: absolute;\n    bottom: 0;\n}\n\n:host {\n    dialog {\n        box-sizing: border-box;\n        transition: all 0.2s !important;\n        width: var(--wje-dialog-width);\n        height: var(--wje-dialog-height);\n        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n\n        border-radius: var(--wje-dialog-border-radius);\n        border-width: var(--wje-dialog-border-width);\n        border-style: var(--wje-dialog-border-style);\n        border-color: var(--wje-dialog-border-color);\n\n        margin-top: var(--wje-dialog-margin-top);\n\n        margin-bottom: var(--wje-dialog-margin-bottom);\n        margin-inline: var(--wje-dialog-margin-start) var(--wje-dialog-margin-end);\n\n        padding: 0;\n    }\n}\n\n/*Top*/\n:host(.stick-up) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: fit-content;\n    --wje-dialog-border-radius: 0 0 8px 8px;\n    --wje-dialog-border-width: 0 1px 1px 1px;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-translate-from: translateY(-110%);\n    --wje-dialog-template-to: translateX(0);\n}\n\n/*Cenetered*/\n:host(.slide-up) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: fit-content;\n    --wje-dialog-border-radius: 8px;\n    --wje-dialog-border-width: 1px;\n    --wje-dialog-opacity-from: 0;\n    --wje-dialog-translate-from: scale(0.9);\n    --wje-dialog-translate-to: scale(1);\n}\n\n/*Fullscreen*/\n:host(.fill-in) {\n    --wje-dialog-width: 100%;\n    --wje-dialog-height: 100%;\n    --wje-dialog-border-radius: 0 0 0 0 !important;\n    --wje-dialog-border-width: 0;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-margin-start: 0;\n    --wje-dialog-margin-end: 0;\n    --wje-dialog-margin-bottom: 0;\n    --wje-dialog-translate-from: scale(0.95);\n    --wje-dialog-translate-to: scale(1);\n    dialog {\n        min-width: var(--wje-dialog-width);\n        min-height: var(--wje-dialog-height);\n    }\n}\n\n/*Slide Left*/\n:host(.slide-left) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: 100% !important;\n    --wje-dialog-border-radius: 0;\n    --wje-dialog-border-width: 0 1px 0 0;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-margin-start: 0;\n    --wje-dialog-margin-end: auto;\n    --wje-dialog-margin-bottom: 0;\n    dialog {\n        min-height: var(--wje-dialog-height);\n        --wje-dialog-translate-from: translateX(-110%);\n        --wje-dialog-template-to: translateX(0);\n    }\n}\n\n/*Slide Right*/\n:host(.slide-right) {\n    --wje-dialog-width: 300px !important;\n    --wje-dialog-height: 100% !important;\n    --wje-dialog-border-radius: 0;\n    --wje-dialog-border-width: 0 0 0 1px;\n    --wje-dialog-margin-top: 0;\n    --wje-dialog-margin-start: auto;\n    --wje-dialog-margin-end: 0;\n    --wje-dialog-margin-bottom: 0;\n    dialog {\n        min-height: var(--wje-dialog-height);\n        --wje-dialog-translate-from: translateX(110%);\n        --wje-dialog-template-to: translateX(0);\n    }\n}\n\n:host(.small) {\n    --wje-dialog-width: 300px !important;\n}\n\n:host(.medium) {\n    --wje-dialog-width: 500px !important;\n}\n\n:host(.large) {\n    --wje-dialog-width: 600px !important;\n}\n\n:host(.ex-large) {\n    --wje-dialog-width: 900px !important;\n}\n\ndialog[open] {\n    animation: show 0.5s ease normal;\n}\n\n@keyframes show {\n    from {\n        opacity: var(--wje-dialog-opacity-from, 1);\n        transform: var(--wje-dialog-translate-from);\n    }\n    to {\n        opacity: 1;\n        transform: var(--wje-dialog-translate-to);\n    }\n}\n";
 class Dialog extends WJElement {
   /**
    * @class
@@ -214,9 +213,36 @@ class Dialog extends WJElement {
    */
   afterClose() {
   }
+  /**
+   * Registers an event listener on the provided button that triggers a blocking UI element
+   * and executes a given promise when the button is clicked.
+   * @param {HTMLElement} button The button element to attach the event listener to.
+   * @param {Function} promise A function that returns a promise to be executed when the button is clicked.
+   */
+  registerBlockingEvent(button, promise) {
+    button.addEventListener("wje-button:click", async (e) => {
+      console.log("Button clicked");
+      let blockingElement = document.createElement("div");
+      blockingElement.classList.add("blocking-element");
+      let icon = document.createElement("wje-icon");
+      icon.setAttribute("name", "loader-2");
+      icon.setAttribute("size", "2x-large");
+      blockingElement.appendChild(icon);
+      let scrollOffset = this.dialog.scrollTop;
+      blockingElement.style.top = `${scrollOffset}px`;
+      blockingElement.style.bottom = `-${scrollOffset}px`;
+      this.dialog.appendChild(blockingElement);
+      await promise().then((res) => {
+        this.close();
+        blockingElement.remove();
+      }).catch((err) => {
+        console.error(err);
+        blockingElement.remove();
+      });
+    });
+  }
 }
 Dialog.define("wje-dialog", Dialog);
 export {
   Dialog as default
 };
-//# sourceMappingURL=wje-dialog.js.map

package/dist/wje-divider.js

@@ -52,4 +52,3 @@ Divider.define("wje-divider", Divider);
 export {
   Divider as default
 };
-//# sourceMappingURL=wje-divider.js.map

package/dist/wje-dropdown.js

@@ -2,7 +2,7 @@ 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);
 import WJElement, { event } from "./wje-element.js";
-import { P as Popup } from "./popup.element-4DNn6DjX.js";
+import { P as Popup } from "./popup.element-tyYxow0p.js";
 class Dropdown extends WJElement {
   /**
    * Creates an instance of Dropdown.
@@ -191,4 +191,3 @@ Dropdown.define("wje-dropdown", Dropdown);
 export {
   Dropdown as default
 };
-//# sourceMappingURL=wje-dropdown.js.map

package/dist/wje-element.js

@@ -961,4 +961,3 @@ export {
   WJElement as default,
   event
 };
-//# sourceMappingURL=wje-element.js.map

package/dist/wje-fetchAndParseCSS.js

@@ -57,4 +57,3 @@ export {
   animations,
   fetchAndParseCSS
 };
-//# sourceMappingURL=wje-fetchAndParseCSS.js.map

package/dist/wje-file-upload-item.js

@@ -131,4 +131,3 @@ FileUploadItem.define("wje-file-upload-item", FileUploadItem);
 export {
   FileUploadItem as default
 };
-//# sourceMappingURL=wje-file-upload-item.js.map

package/dist/wje-file-upload.js

@@ -298,6 +298,20 @@ class FileUpload extends WJElement {
   get autoProcessFiles() {
     return JSON.parse(this.getAttribute("auto-process-files")) ?? true;
   }
+  /**
+   * Sets the noUploadButton attribute.
+   * @param value
+   */
+  set noUploadButton(value) {
+    this.setAttribute("no-upload-button", value);
+  }
+  /**
+   * Gets the noUploadButton attribute.
+   * @returns {boolean}
+   */
+  get noUploadButton() {
+    return this.hasAttribute("no-upload-button");
+  }
   /**
    * Sets the uploaded files.
    * @param value
@@ -363,36 +377,38 @@ class FileUpload extends WJElement {
     label.setAttribute("part", "label");
     label.classList.add("file-label");
     label.setAttribute("part", "file-label");
-    let button = document.createElement("wje-button");
-    button.innerText = this.label || this.localizer.translate("wj.file.upload.button");
-    let slot = document.createElement("slot");
-    let fileInput = document.createElement("input");
-    fileInput.setAttribute("type", "file");
-    fileInput.setAttribute("multiple", "");
-    fileInput.setAttribute("style", "display:none;");
-    button.appendChild(slot);
-    button.appendChild(fileInput);
-    this.fileInput = fileInput;
     let fileList = document.createElement("slot");
     fileList.setAttribute("name", "item");
     fileList.setAttribute("part", "items");
     fileList.classList.add("file-list");
+    let slot = document.createElement("slot");
     label.appendChild(slot);
-    label.appendChild(button);
+    let fileInput = document.createElement("input");
+    fileInput.setAttribute("type", "file");
+    fileInput.setAttribute("multiple", "");
+    fileInput.setAttribute("style", "display:none;");
+    if (!this.noUploadButton) {
+      let button = document.createElement("wje-button");
+      button.innerText = this.label || this.localizer.translate("wj.file.upload.button");
+      button.setAttribute("part", "upload-button");
+      label.appendChild(button);
+      this.button = button;
+    }
     native.appendChild(fileInput);
     native.appendChild(label);
     native.appendChild(fileList);
     fragment.appendChild(native);
     this.native = native;
     this.fileList = fileList;
-    this.button = button;
+    this.fileInput = fileInput;
     return fragment;
   }
   /**
    * Method to perform actions after the component is drawn.
    */
   afterDraw() {
-    this.button.addEventListener("click", () => {
+    var _a;
+    (_a = this.button) == null ? void 0 : _a.addEventListener("click", () => {
       this.fileInput.click();
     });
     this.fileInput.addEventListener("change", this.handleInputChange);
@@ -528,4 +544,3 @@ FileUpload.define("wje-file-upload", FileUpload);
 export {
   FileUpload as default
 };
-//# sourceMappingURL=wje-file-upload.js.map

package/dist/wje-footer.js

@@ -49,4 +49,3 @@ Footer.define("wje-footer", Footer);
 export {
   Footer as default
 };
-//# sourceMappingURL=wje-footer.js.map

package/dist/wje-form.js

@@ -50,4 +50,3 @@ Form.define("wje-form", Form);
 export {
   Form as default
 };
-//# sourceMappingURL=wje-form.js.map

package/dist/wje-format-digital.js

@@ -143,4 +143,3 @@ FormatDigital.define("wje-format-digital", FormatDigital);
 export {
   FormatDigital as default
 };
-//# sourceMappingURL=wje-format-digital.js.map

package/dist/wje-grid.js

@@ -51,4 +51,3 @@ Grid.define("wje-grid", Grid);
 export {
   Grid as default
 };
-//# sourceMappingURL=wje-grid.js.map

package/dist/wje-header.js

@@ -53,4 +53,3 @@ Header.define("wje-header", Header);
 export {
   Header as default
 };
-//# sourceMappingURL=wje-header.js.map

package/dist/wje-icon-picker.js

@@ -6,8 +6,8 @@ import "./wje-infinite-scroll.js";
 import Input from "./wje-input.js";
 import "./wje-popup.js";
 import Tooltip from "./wje-tooltip.js";
+import { P as Popup } from "./popup.element-tyYxow0p.js";
 import { I as InfiniteScroll } from "./infinite-scroll.element-XVJukzjy.js";
-import { P as Popup } from "./popup.element-4DNn6DjX.js";
 const styles = "/*\n[ Wj Icon Picker ]\n*/\n\n:host {\n    padding: 0 1rem;\n}\n\n.anchor {\n    width: var(--wje-icon-picker-icon-size);\n    height: var(--wje-icon-picker-icon-size);\n    padding: var(--wje-icon-picker-padding);\n    border-width: var(--wje-icon-picker-border-width);\n    border-style: var(--wje-icon-picker-border-style);\n    border-color: var(--wje-icon-picker-border-color);\n    box-sizing: border-box;\n    border-radius: var(--wje-icon-picker-radius);\n}\n\n.picker {\n    width: 320px;\n    height: 271px;\n    box-shadow:\n        0 0 5px rgba(0, 0, 0, 0.05),\n        0 5px 20px rgba(0, 0, 0, 0.1);\n    border-radius: var(--wje-icon-picker-radius);\n    border-width: var(--wje-icon-picker-border-width);\n    border-style: var(--wje-icon-picker-border-style);\n    border-color: var(--wje-icon-picker-border-color);\n    overflow: auto;\n    padding: 1rem;\n    background: var(--wje-background);\n}\n\n.icon-items {\n    --icon-min-width: 2rem;\n    display: grid;\n    grid-gap: 0.5rem;\n    grid-template-columns: repeat(auto-fit, minmax(var(--icon-min-width), 1fr));\n}\n\n.icon-item {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: inherit;\n    padding: 0.25rem;\n    min-height: var(--wje-icon-picker-icon-size);\n    min-width: var(--wje-icon-picker-icon-size);\n    text-decoration: none;\n\n    &:hover {\n        border-radius: 0.25rem;\n        background: var(--wje-border-color);\n    }\n}\n\n.wje-size {\n    --wje-icon-size: 24px !important;\n}\n\nicon-item svg {\n    width: var(--wje-icon-picker-icon-size);\n    height: var(--wje-icon-picker-icon-size);\n}\n\nwje-input {\n    --wje-input-border-radius: 4px;\n    --wje-input-margin-bottom: 0;\n}\n\nwje-infinite-scroll {\n    margin-top: 1rem;\n}\n\nwje-select {\n    --wje-select-border-width: 0 0 1px 0 !important;\n    --wje-select-border-radius: 0 !important;\n    margin-bottom: 1rem;\n}\n\n.anchor wje-icon {\n    --wje-icon-size: 100% !important;\n}\n";
 class IconPicker extends WJElement {
   /**
@@ -346,4 +346,3 @@ IconPicker.define("wje-icon-picker", IconPicker);
 export {
   IconPicker as default
 };
-//# sourceMappingURL=wje-icon-picker.js.map

package/dist/wje-icon.js

@@ -188,4 +188,3 @@ Icon.define("wje-icon", Icon);
 export {
   Icon as default
 };
-//# sourceMappingURL=wje-icon.js.map

package/dist/wje-img-comparer.js

@@ -128,4 +128,3 @@ ImgComparer.define("wje-img-comparer", ImgComparer);
 export {
   ImgComparer as default
 };
-//# sourceMappingURL=wje-img-comparer.js.map

package/dist/wje-img.js

@@ -69,4 +69,3 @@ Img.define("wje-img", Img);
 export {
   Img as default
 };
-//# sourceMappingURL=wje-img.js.map

package/dist/wje-infinite-scroll.js

@@ -3,4 +3,3 @@ InfiniteScroll.define("wje-infinite-scroll", InfiniteScroll);
 export {
   InfiniteScroll as default
 };
-//# sourceMappingURL=wje-infinite-scroll.js.map

package/dist/wje-input-file.js

@@ -108,4 +108,3 @@ InputFile.define("wje-input-file", InputFile);
 export {
   InputFile as default
 };
-//# sourceMappingURL=wje-input-file.js.map

package/dist/wje-input.js

@@ -449,4 +449,3 @@ Input.define("wje-input", Input);
 export {
   Input as default
 };
-//# sourceMappingURL=wje-input.js.map

package/dist/wje-item.js

@@ -85,4 +85,3 @@ Item.define("wje-item", Item);
 export {
   Item as default
 };
-//# sourceMappingURL=wje-item.js.map

package/dist/wje-kanban.js

@@ -459,4 +459,3 @@ Kanban.define("wje-kanban", Kanban);
 export {
   Kanban as default
 };
-//# sourceMappingURL=wje-kanban.js.map

package/dist/wje-label.js

@@ -50,4 +50,3 @@ Label.define("wje-label", Label);
 export {
   Label as default
 };
-//# sourceMappingURL=wje-label.js.map

package/dist/wje-list.js

@@ -3,4 +3,3 @@ List.define("wje-list", List);
 export {
   List as default
 };
-//# sourceMappingURL=wje-list.js.map

package/dist/wje-main.js

@@ -49,4 +49,3 @@ Main.define("wje-main", Main);
 export {
   Main as default
 };
-//# sourceMappingURL=wje-main.js.map

package/dist/wje-masonry.js

@@ -2,7 +2,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);
 import WJElement from "./wje-element.js";
-const DEFAULT_MAX_COL_WIDTH = 500;
 const DEFAULT_DEBOUNCE_MS = 300;
 const COL_COUNT_CSS_VAR_NAME = `--wje-masonry-layout-col-count`;
 const GAP_CSS_VAR_NAME = `--wje-masonry-layout-gap`;
@@ -108,7 +107,7 @@ class Masonry extends WJElement {
    * @returns {number} The maximum column width.
    */
   get maxColWidth() {
-    return this.hasAttribute("max-col-width") ? +this.getAttribute("max-col-width") : +DEFAULT_MAX_COL_WIDTH;
+    return this.hasAttribute("max-col-width") ? +this.getAttribute("max-col-width") : 500;
   }
   /**
    * Setter for the cols property.
@@ -265,4 +264,3 @@ Masonry.define("wje-masonry", Masonry);
 export {
   Masonry as default
 };
-//# sourceMappingURL=wje-masonry.js.map

package/dist/wje-master.js

@@ -95,12 +95,10 @@ 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-tree.js";
-import { default as default88 } from "./wje-tree-item.js";
-import { default as default89 } from "./wje-visually-hidden.js";
-import { L } from "./list.element-Ce1vIm1O.js";
+import { default as default87 } from "./wje-visually-hidden.js";
 import { I } from "./infinite-scroll.element-XVJukzjy.js";
-import { P } from "./popup.element-4DNn6DjX.js";
+import { L } from "./list.element-Ce1vIm1O.js";
+import { P } from "./popup.element-tyYxow0p.js";
 function formatDate(input, format) {
   let date;
   if (typeof input === "string") {
@@ -332,9 +330,7 @@ export {
   default84 as Toolbar,
   default85 as ToolbarAction,
   default86 as Tooltip,
-  default87 as Tree,
-  default88 as TreeItem,
-  default89 as VisuallyHidden,
+  default87 as VisuallyHidden,
   WJElement,
   WjePermissionsApi,
   b as bindRouterLinks,
@@ -344,4 +340,3 @@ export {
   formatDate,
   store
 };
-//# sourceMappingURL=wje-master.js.map

package/dist/wje-menu-button.js

@@ -57,4 +57,3 @@ MenuButton.define("wje-menu-button", MenuButton);
 export {
   MenuButton as default
 };
-//# sourceMappingURL=wje-menu-button.js.map

package/dist/wje-menu-item.js

@@ -542,4 +542,3 @@ MenuItem.define("wje-menu-item", MenuItem);
 export {
   MenuItem as default
 };
-//# sourceMappingURL=wje-menu-item.js.map

package/dist/wje-menu-label.js

@@ -52,4 +52,3 @@ MenuLabel.define("wje-menu-label", MenuLabel);
 export {
   MenuLabel as default
 };
-//# sourceMappingURL=wje-menu-label.js.map

package/dist/wje-menu.js

@@ -69,4 +69,3 @@ Menu.define("wje-menu", Menu);
 export {
   Menu as default
 };
-//# sourceMappingURL=wje-menu.js.map

package/dist/wje-option.js

@@ -109,4 +109,3 @@ Option.define("wje-option", Option);
 export {
   Option as default
 };
-//# sourceMappingURL=wje-option.js.map

package/dist/wje-options.js

@@ -339,4 +339,3 @@ Options.define("wje-options", Options);
 export {
   Options as default
 };
-//# sourceMappingURL=wje-options.js.map

package/dist/wje-orgchart-group.js

@@ -69,4 +69,3 @@ OrgchartGroup.define("wje-orgchart-group", OrgchartGroup);
 export {
   OrgchartGroup as default
 };
-//# sourceMappingURL=wje-orgchart-group.js.map

package/dist/wje-orgchart-item.js

@@ -95,4 +95,3 @@ OrgchartItem.define("wje-orgchart-item", OrgchartItem);
 export {
   OrgchartItem as default
 };
-//# sourceMappingURL=wje-orgchart-item.js.map

package/dist/wje-orgchart.js

@@ -46,4 +46,3 @@ Orgchart.define("wje-orgchart", Orgchart);
 export {
   Orgchart as default
 };
-//# sourceMappingURL=wje-orgchart.js.map

package/dist/wje-popup.js

@@ -1,6 +1,5 @@
-import { P as Popup } from "./popup.element-4DNn6DjX.js";
+import { P as Popup } from "./popup.element-tyYxow0p.js";
 Popup.define("wje-popup", Popup);
 export {
   Popup as default
 };
-//# sourceMappingURL=wje-popup.js.map

package/dist/wje-progress-bar.js

@@ -210,4 +210,3 @@ ProgressBar.define("wje-progress-bar", ProgressBar);
 export {
   ProgressBar as default
 };
-//# sourceMappingURL=wje-progress-bar.js.map