wj-elements 0.1.46 → 0.1.47

package/dist/wje-copy-button.js

@@ -1,13 +1,13 @@
-var h = Object.defineProperty;
-var m = (o, e, t) => e in o ? h(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var p = Object.defineProperty;
+var m = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var r = (o, e, t) => (m(o, typeof e != "symbol" ? e + "" : e, t), t);
-import f, { event as c } from "./wje-element.js";
-import b from "./wje-input.js";
-function y(o) {
+import f, { WjElementUtils as b, event as c } from "./wje-element.js";
+import y from "./wje-input.js";
+function g(o) {
   const e = document.createElement("pre");
   return e.style.width = "1px", e.style.height = "1px", e.style.position = "fixed", e.style.top = "5px", e.textContent = o, e;
 }
-function p(o) {
+function h(o) {
   if ("clipboard" in navigator)
     return navigator.clipboard.writeText(o.textContent || "");
   const e = getSelection();
@@ -17,16 +17,16 @@ function p(o) {
   const t = document.createRange();
   return t.selectNodeContents(o), e.addRange(t), e.removeAllRanges(), Promise.resolve();
 }
-function l(o) {
+function u(o) {
   if ("clipboard" in navigator)
     return navigator.clipboard.writeText(o);
   const e = document.body;
   if (!e)
     return Promise.reject(new Error());
-  const t = y(o);
-  return e.appendChild(t), p(t), e.removeChild(t), Promise.resolve();
+  const t = g(o);
+  return e.appendChild(t), h(t), e.removeChild(t), Promise.resolve();
 }
-const g = ":host{cursor:pointer;padding:.5rem}";
+const w = ":host{cursor:pointer;padding:.5rem}";
 class d extends f {
   /**
    * Constructor for the CopyButton class.
@@ -69,11 +69,12 @@ class d extends f {
     });
     /**
      * Handles the copied event.
+     * You can override this method to customize the behavior when the text is copied.
      * @param {Event} e - The event object.
      */
     r(this, "copied", (t) => {
-      this.icon.setAttribute("color", "success"), this.icon.setAttribute("name", "check"), this.tooltip.setAttribute("content", this.labelSuccess || "Copied"), setTimeout(() => {
-        this.icon.removeAttribute("color"), this.icon.setAttribute("name", "clipboard"), this.tooltip.setAttribute("content", this.label || "Copy");
+      this.hasOwnProperty("icon") && (this.icon.setAttribute("color", "success"), this.icon.setAttribute("name", "check")), this.tooltip.setAttribute("content", this.labelSuccess || "Copied"), setTimeout(() => {
+        console.log("TIMEOUT", this.hasOwnProperty("icon")), this.hasOwnProperty("icon") && (this.icon.removeAttribute("color"), this.icon.setAttribute("name", "clipboard")), this.tooltip.setAttribute("content", this.label || "Copy");
       }, this.timeout);
     });
     this.timeout = 1e3;
@@ -97,7 +98,7 @@ class d extends f {
    * @returns {string} The CSS styles.
    */
   static get cssStyleSheet() {
-    return g;
+    return w;
   }
   /**
    * Getter for the observedAttributes property.
@@ -119,33 +120,38 @@ class d extends f {
    * @param {Object} params - The parameters to use.
    * @returns {DocumentFragment} The created document fragment.
    */
-  draw(t, i, a) {
+  draw(t, i, l) {
     let s = document.createDocumentFragment(), n = document.createElement("wje-tooltip");
-    n.setAttribute("offset", "5"), n.setAttribute("content", this.label || "Copy");
-    let u = document.createElement("wje-icon");
-    return u.setAttribute("name", "clipboard"), n.appendChild(u), s.appendChild(n), this.tooltip = n, this.icon = u, s;
+    if (n.setAttribute("offset", "5"), n.setAttribute("content", this.label || "Copy"), b.hasSlot(this)) {
+      let a = document.createElement("slot");
+      n.appendChild(a);
+    } else {
+      let a = document.createElement("wje-icon");
+      a.setAttribute("name", "clipboard"), n.appendChild(a), this.icon = a;
+    }
+    return s.appendChild(n), this.tooltip = n, s;
   }
   /**
    * Sets up the event listeners after the CopyButton is drawn.
    */
   afterDraw() {
-    c.addListener(this, "click", null, this.clicked), c.addListener(this, "focus", null, this.focused), c.addListener(this, "blur", null, this.blurred), c.addListener(this, "wje:copy-button", null, this.copied);
+    c.addListener(this, "click", null, this.clicked), c.addListener(this, "focus", null, this.focused), c.addListener(this, "blur", null, this.blurred), c.addListener(this, "wje-copy-button:click", null, this.copied);
   }
   /**
    * Copies the specified text or node.
    * @param {HTMLElement} button - The button element.
    */
   async copy(t) {
-    const i = this.getAttribute("for"), a = this.getAttribute("value");
+    const i = this.getAttribute("for"), l = this.getAttribute("value");
     if (t.getAttribute("aria-disabled") !== "true") {
-      if (a)
-        await l(a), c.dispatchCustomEvent(this, "wje:copy-button");
+      if (l)
+        await u(l), c.dispatchCustomEvent(this, "wje-copy-button:click");
       else if (i) {
         const s = "getRootNode" in Element.prototype ? t.getRootNode() : t.ownerDocument;
         if (!(s instanceof Document || "ShadowRoot" in window && s instanceof ShadowRoot))
           return;
         const n = s.getElementById(i);
-        n && (await this.copyTarget(n), c.dispatchCustomEvent(this, "wje:copy-button"));
+        n && (await this.copyTarget(n), c.dispatchCustomEvent(this, "wje-copy-button:click"));
       }
     }
   }
@@ -155,7 +161,7 @@ class d extends f {
    * @returns {Promise} A promise that resolves when the content is copied.
    */
   copyTarget(t) {
-    return t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof b ? l(t.value) : t instanceof HTMLAnchorElement && t.hasAttribute("href") ? l(t.href) : p(t);
+    return t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof y ? u(t.value) : t instanceof HTMLAnchorElement && t.hasAttribute("href") ? u(t.href) : h(t);
   }
 }
 d.define("wje-copy-button", d);

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