wj-elements 0.1.124 → 0.1.125

package/dist/wje-dialog.js

@@ -42,6 +42,13 @@ class Dialog extends WJElement {
   get async() {
     return this.hasAttribute("async");
   }
+  set closeHidden(value) {
+    if (value)
+      this.setAttribute("close-hidden", "");
+  }
+  get closeHidden() {
+    return !!this.hasAttribute("close-hidden");
+  }
   static get cssStyleSheet() {
     return styles;
   }
@@ -67,6 +74,7 @@ class Dialog extends WJElement {
     let close = document.createElement("wje-button");
     close.setAttribute("fill", "link");
     close.setAttribute("size", "small");
+    close.setAttribute("part", "close");
     close.addEventListener("click", (e) => {
       this.close(e);
     });
@@ -83,7 +91,8 @@ class Dialog extends WJElement {
     headerActions.setAttribute("part", "header-actions");
     headerActions.appendChild(slotHeader);
     header.appendChild(headerActions);
-    header.appendChild(close);
+    if (!this.closeHidden)
+      header.appendChild(close);
     let contentSlot = document.createElement("slot");
     let body = document.createElement("div");
     body.setAttribute("part", "body");

package/dist/wje-file-upload.js

@@ -326,7 +326,7 @@ class FileUpload extends WJElement {
     native.setAttribute("part", "native");
     let label = document.createElement("div");
     label.classList.add("file-label");
-    native.setAttribute("part", "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");

package/dist/wje-icon-picker.js

@@ -65,7 +65,7 @@ class IconPicker extends WJElement {
      * @returns {string} The URL of the tags.
      */
     __publicField(this, "getTagsUrl", (path) => {
-      return new URL("http://localhost:5174/dist" + path).href;
+      return new URL(process.env.VITE_URL + path).href;
     });
     this.size = 48;
   }

package/dist/wje-icon.js

@@ -110,7 +110,7 @@ const getName = (iconName) => {
 };
 const getNamedUrl = (iconName, filled = false) => {
   const path = `${filled ? "filled" : "outline"}/${iconName}.svg`;
-  let url = new URL("http://localhost:5174/dist/assets/img/icons/" + path);
+  let url = new URL(process.env.VITE_ICON_ASSETS_URL + path);
   return url.href;
 };
 const styles = '/*\n[ WJ Icon ]\n*/\n\n:host {\n  width: var(--wje-icon-size);\n  height: var(--wje-icon-size);\n  display: block;\n}\n\n.native-icon {\n  display: flex;\n  align-items: center;\n}\n\nsvg {\n  width: 100%;\n  height: 100%;\n  stroke-width: var(--wje-icon-stroke);\n  color: var(--wje-icon-color);\n}\n\n/*STROKE*/\n:host([stroke="1"]) {\n  --wje-icon-stroke: 1;\n}\n\n:host([stroke="1.25"]) {\n  --wje-icon-stroke: 1.25;\n}\n\n:host([stroke="1.5"]) {\n  --wje-icon-stroke: 1.5;\n}\n\n:host([stroke="1.75"]) {\n  --wje-icon-stroke: 1.75;\n}\n\n:host([stroke="2"]) {\n  --wje-icon-stroke: 2;\n}\n\n/*SIZE*/\n:host([size="2x-small"]) {\n  --wje-icon-size: var(--wje-size-2x-small);\n}\n\n:host([size="x-small"]) {\n  --wje-icon-size: var(--wje-size-x-small);\n}\n\n:host([size="small"]) {\n  --wje-icon-size: var(--wje-size-small);\n}\n\n:host([size="medium"]) {\n  --wje-icon-size: var(--wje-size-medium);\n}\n\n:host([size="large"]) {\n  --wje-icon-size: var(--wje-size-large);\n}\n\n:host([size="x-large"]) {\n  --wje-icon-size: var(--wje-size-x-large);\n}\n\n:host([size="2x-large"]) {\n  --wje-icon-size: var(--wje-size-2x-large);\n}\n\n:host([size="3x-large"]) {\n  --wje-icon-size: var(--wje-size-3x-large);\n}\n\n:host([size="4x-large"]) {\n  --wje-icon-size: var(--wje-size-4x-large);\n}\n\n/*COLOR*/\n:host([color="primary"]) .native-icon {\n  color: var(--wje-color-primary-9);\n}\n\n:host([color="complete"]) .native-icon {\n  color: var(--wje-color-complete-9);\n}\n\n:host([color="success"]) .native-icon {\n  color: var(--wje-color-success-9);\n}\n\n:host([color="warning"]) .native-icon {\n  color: var(--wje-color-warning-9);\n}\n\n:host([color="danger"]) .native-icon {\n  color: var(--wje-color-danger-9);\n}\n\n:host([color="info"]) .native-icon {\n  color: var(--wje-color-info-9);\n}\n\n:host([color="menu"]) .native-icon {\n  color: var(--wje-color-contrast-9);\n}';

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