relly-ui 1.0.0 → 1.0.1

package/dist/relly-ui.es.js

@@ -475,8 +475,8 @@ class N extends C {
     const e = this.ctx, t = this.cssWidth, n = this.cssHeight;
     e.clearRect(0, 0, t, n), e.save(), e.setLineDash([2, 4]), e.strokeStyle = "rgba(255, 255, 255, 0.08)", e.lineWidth = 1;
     for (let d of [0.25, 0.5, 0.75]) {
-      const g = Math.round(n * d);
-      e.beginPath(), e.moveTo(0, g), e.lineTo(t, g), e.stroke();
+      const f = Math.round(n * d);
+      e.beginPath(), e.moveTo(0, f), e.lineTo(t, f), e.stroke();
     }
     e.restore();
     let s = [];
@@ -491,29 +491,29 @@ class N extends C {
     const u = h - o || 1, p = t / Math.max(1, this.bufferSize - 1);
     for (const d of this.seriesList) {
       if (d.buffer.length === 0) continue;
-      const g = d.buffer.length === 1 ? [d.buffer[0], d.buffer[0]] : d.buffer, b = this.bufferSize - g.length, m = [];
-      for (let f = 0; f < g.length; f++) {
-        const x = (b + f) * p, w = Math.max(0, Math.min(1, (g[f] - o) / u)), M = Math.max(4, Math.min(n - 4, n - 6 - w * (n - 12)));
+      const f = d.buffer.length === 1 ? [d.buffer[0], d.buffer[0]] : d.buffer, b = this.bufferSize - f.length, m = [];
+      for (let g = 0; g < f.length; g++) {
+        const x = (b + g) * p, w = Math.max(0, Math.min(1, (f[g] - o) / u)), M = Math.max(4, Math.min(n - 4, n - 6 - w * (n - 12)));
         m.push({ x, y: M });
       }
       if (e.beginPath(), e.moveTo(m[0].x, n), e.lineTo(m[0].x, m[0].y), this.smoothCurves && m.length > 2)
-        for (let f = 0; f < m.length - 1; f++) {
-          const x = m[f], w = m[f + 1], M = (x.x + w.x) / 2;
+        for (let g = 0; g < m.length - 1; g++) {
+          const x = m[g], w = m[g + 1], M = (x.x + w.x) / 2;
           e.bezierCurveTo(M, x.y, M, w.y, w.x, w.y);
         }
       else
-        for (let f = 1; f < m.length; f++)
-          e.lineTo(m[f].x, m[f].y);
+        for (let g = 1; g < m.length; g++)
+          e.lineTo(m[g].x, m[g].y);
       e.lineTo(m[m.length - 1].x, n), e.closePath();
       const v = e.createLinearGradient(0, 0, 0, n);
       if (v.addColorStop(0, d.fillColor || `${d.color}40`), v.addColorStop(1, "rgba(0, 0, 0, 0)"), e.fillStyle = v, e.fill(), e.beginPath(), e.moveTo(m[0].x, m[0].y), this.smoothCurves && m.length > 2)
-        for (let f = 0; f < m.length - 1; f++) {
-          const x = m[f], w = m[f + 1], M = (x.x + w.x) / 2;
+        for (let g = 0; g < m.length - 1; g++) {
+          const x = m[g], w = m[g + 1], M = (x.x + w.x) / 2;
           e.bezierCurveTo(M, x.y, M, w.y, w.x, w.y);
         }
       else
-        for (let f = 1; f < m.length; f++)
-          e.lineTo(m[f].x, m[f].y);
+        for (let g = 1; g < m.length; g++)
+          e.lineTo(m[g].x, m[g].y);
       e.save(), e.strokeStyle = d.color, e.lineWidth = 2, e.shadowColor = d.color, e.shadowBlur = 5, e.stroke(), e.restore();
       const E = m[m.length - 1];
       E && (e.beginPath(), e.arc(E.x, E.y, 4, 0, Math.PI * 2), e.fillStyle = d.color, e.globalAlpha = 0.35, e.fill(), e.globalAlpha = 1, e.beginPath(), e.arc(E.x, E.y, 2, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill());
@@ -521,11 +521,11 @@ class N extends C {
     if (this.hoverIndex !== null) {
       const d = Math.round(this.hoverIndex * p);
       e.save(), e.setLineDash([3, 3]), e.strokeStyle = "rgba(255, 255, 255, 0.45)", e.lineWidth = 1, e.beginPath(), e.moveTo(d, 0), e.lineTo(d, n), e.stroke(), e.restore();
-      for (const g of this.seriesList) {
-        const b = this.bufferSize - g.buffer.length, m = this.hoverIndex - b;
-        if (m >= 0 && m < g.buffer.length) {
-          const v = g.buffer[m], E = Math.max(0, Math.min(1, (v - o) / u)), f = Math.max(4, Math.min(n - 4, n - 6 - E * (n - 12)));
-          e.beginPath(), e.arc(d, f, 4.5, 0, Math.PI * 2), e.fillStyle = g.color, e.fill(), e.beginPath(), e.arc(d, f, 2, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill();
+      for (const f of this.seriesList) {
+        const b = this.bufferSize - f.buffer.length, m = this.hoverIndex - b;
+        if (m >= 0 && m < f.buffer.length) {
+          const v = f.buffer[m], E = Math.max(0, Math.min(1, (v - o) / u)), g = Math.max(4, Math.min(n - 4, n - 6 - E * (n - 12)));
+          e.beginPath(), e.arc(d, g, 4.5, 0, Math.PI * 2), e.fillStyle = f.color, e.fill(), e.beginPath(), e.arc(d, g, 2, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill();
         }
       }
     }
@@ -617,8 +617,8 @@ class P extends C {
         const u = h.shiftKey ? 10 : h.altKey ? 0.1 : 1, p = this.step * u;
         let d = r + c * p;
         this.min !== void 0 && (d = Math.max(this.min, d)), this.max !== void 0 && (d = Math.min(this.max, d));
-        const g = (this.step.toString().split(".")[1] || "").length;
-        d = parseFloat(d.toFixed(Math.max(g, 2)));
+        const f = (this.step.toString().split(".")[1] || "").length;
+        d = parseFloat(d.toFixed(Math.max(f, 2)));
         const b = this.getValue();
         if (Array.isArray(b)) {
           const m = [b[0], b[1]];
@@ -695,8 +695,8 @@ class D extends C {
         const u = h.shiftKey ? 10 : h.altKey ? 0.1 : 1, p = this.step * u;
         let d = r + c * p;
         this.min !== void 0 && (d = Math.max(this.min, d)), this.max !== void 0 && (d = Math.min(this.max, d));
-        const g = (this.step.toString().split(".")[1] || "").length;
-        d = parseFloat(d.toFixed(Math.max(g, 2)));
+        const f = (this.step.toString().split(".")[1] || "").length;
+        d = parseFloat(d.toFixed(Math.max(f, 2)));
         const b = this.getValue();
         if (Array.isArray(b)) {
           const m = [
@@ -770,12 +770,12 @@ class H extends C {
   setupThumbDrag(e, t) {
     let n = !1;
     const s = (l) => {
-      var g, b;
+      var f, b;
       if (!n) return;
       const o = this.trackEl.getBoundingClientRect(), h = Math.max(0, Math.min(1, (l.clientX - o.left) / o.width)), c = this.min + h * (this.max - this.min), u = this.applyStep(c), [p, d] = this.getCurrentRange();
       if (t === "min") {
         const m = Math.min(u, d);
-        m !== p && ((g = this.soundEngine) == null || g.playTick(), this.setRangeValue(m, d));
+        m !== p && ((f = this.soundEngine) == null || f.playTick(), this.setRangeValue(m, d));
       } else {
         const m = Math.max(u, p);
         m !== d && ((b = this.soundEngine) == null || b.playTick(), this.setRangeValue(p, m));
@@ -795,8 +795,8 @@ class H extends C {
       const h = this.trackEl.getBoundingClientRect(), u = (o.clientX - t) / h.width * (this.max - this.min), p = s - n;
       let d = Math.max(this.min, Math.min(this.max - p, n + u));
       d = this.applyStep(d);
-      const g = this.applyStep(d + p), [b, m] = this.getCurrentRange();
-      (d !== b || g !== m) && ((v = this.soundEngine) == null || v.playTick(), this.setRangeValue(d, g));
+      const f = this.applyStep(d + p), [b, m] = this.getCurrentRange();
+      (d !== b || f !== m) && ((v = this.soundEngine) == null || v.playTick(), this.setRangeValue(d, f));
     }, l = () => {
       e && (e = !1, window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", l));
     };
@@ -2123,8 +2123,10 @@ class he {
       c.type = "button", c.className = "relly-context-item", h.danger && c.classList.add("relly-context-item--danger"), h.disabled && (c.disabled = !0);
       let u = "";
       h.icon && (u = `<span class="relly-context-icon">${h.icon}</span>`), c.innerHTML = `${u}<span class="relly-context-label">${h.label}</span>`, c.addEventListener("click", (p) => {
-        var d;
-        p.stopPropagation(), (d = this.soundEngine) == null || d.playClick(), this.hide(), h.action(this.currentComponent);
+        var f;
+        p.stopPropagation(), (f = this.soundEngine) == null || f.playClick();
+        const d = this.currentComponent;
+        this.hide(), h.action(d);
       }), this.menuEl.appendChild(c);
     }
     this.menuEl.style.display = "flex";
@@ -2226,14 +2228,14 @@ const S = class S extends T {
         <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
       </svg>
     `, p.appendChild(d);
-    const g = document.createElement("button");
-    g.className = "relly-header-btn", g.title = "Import settings from JSON", g.innerHTML = `
+    const f = document.createElement("button");
+    f.className = "relly-header-btn", f.title = "Import settings from JSON", f.innerHTML = `
       <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
         <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
         <polyline points="7 10 12 15 17 10"></polyline>
         <line x1="12" y1="15" x2="12" y2="3"></line>
       </svg>
-    `, p.appendChild(g);
+    `, p.appendChild(f);
     const b = document.createElement("button");
     b.className = "relly-header-btn relly-minihud-btn", b.title = "Toggle Mini-HUD pill (or double-click header)", b.textContent = "⤢", p.appendChild(b);
     const m = document.createElement("button");
@@ -2275,8 +2277,8 @@ const S = class S extends T {
     this.panelEl = l, this.headerEl = h, this.titleEl = u, this.collapseBtn = m, this.copyToastEl = v, this.soundEngine = r, this.onResizeBound = () => this.clampToViewport(), e.searchBar && (this.searchBarInstance = new se(E, e.searchOptions), h.insertAdjacentElement("afterend", this.searchBarInstance.element)), this.themeManager = new ee(this.panelEl, e.theme), this.mount(e, t), e.autoInjectStyles !== !1 && (this.shadowRoot ? $(this.shadowRoot) : $()), e.draggable !== !1 && (this.draggableInstance = new te(this.headerEl, this.panelEl, this.soundEngine)), e.resizable !== !1 && (this.resizableInstance = new ie(this.panelEl)), this.toastManager = new oe(this.panelEl, this.soundEngine), this.contextMenuManager = new he(this.panelEl, this.soundEngine), this.importModalInstance = new ae(this.panelEl, (x) => {
       this.importJSON(x);
     });
-    const f = e.hotkey === void 0 ? "KeyH" : e.hotkey;
-    f && (this.hotkeyInstance = new ne(f, () => {
+    const g = e.hotkey === void 0 ? "KeyH" : e.hotkey;
+    g && (this.hotkeyInstance = new ne(g, () => {
       this.toggle();
     })), b.addEventListener("click", (x) => {
       x.stopPropagation(), this.toggleMiniHud();
@@ -2286,7 +2288,7 @@ const S = class S extends T {
       x.stopPropagation(), this.soundEngine.playClick(), this.toggleCollapse();
     }), d.addEventListener("click", (x) => {
       x.stopPropagation(), this.soundEngine.playClick(), this.copyJSON();
-    }), g.addEventListener("click", (x) => {
+    }), f.addEventListener("click", (x) => {
       var w;
       x.stopPropagation(), this.soundEngine.playClick(), (w = this.importModalInstance) == null || w.show();
     }), e.soundVolume !== void 0 && this.soundEngine.setVolume(e.soundVolume), e.accordion && this.setAccordion(!0), e.ghostOnIdle && this.setGhostMode(!0, e.idleOpacity), this.initSparkline(c), this.panelEl.addEventListener("mouseenter", () => {