datafolder 1.0.2 → 1.0.3

package/static/datafolderui/resizable-input.js

@@ -1,9 +1,9 @@
 import {
-    h
+    h as e
 } from "./hscrpt.js";
 
 import {
-    appendStyle
+    appendStyle as i
 } from "./QyUIUtils.js";
 
 customElements.define("resizable-input", class extends HTMLElement {
@@ -11,28 +11,28 @@ customElements.define("resizable-input", class extends HTMLElement {
         super();
     }
     compose() {
-        var t = this.getAttribute("value") || "";
-        let i, e;
-        this.append(h("div", {
+        var i = this.getAttribute("value") || "";
+        let t, s;
+        this.append(e("div", {
             classList: "input-container p-1"
-        }, [ i = h("span", {
+        }, [ t = e("span", {
             classList: "size-span",
             onclick: () => this._showInput()
-        }, [ t + " " ]), e = h("input", {
-            value: t,
-            id: "resizable-input" + ++id,
+        }, [ i + " " ]), s = e("input", {
+            value: i,
+            id: "resizable-input" + ++n,
             classList: "form-control",
-            style: "visibility:" + (t ? "hidden" : "visible"),
+            style: "visibility:" + (i ? "hidden" : "visible"),
             size: 1,
             oninput: () => {
-                i.textContent = e.value + " ", this.dispatchEvent(eventInput);
+                t.textContent = s.value + " ", this.dispatchEvent(a);
             },
             onblur: () => {
-                "" != e.value && this._showSpan();
+                "" != s.value && this._showSpan();
             }
         }) ])), Object.assign(this, {
-            sizeSpan: i,
-            input: e
+            sizeSpan: t,
+            input: s
         });
     }
     get text() {
@@ -47,7 +47,9 @@ customElements.define("resizable-input", class extends HTMLElement {
     }
 });
 
-let id = 0, eventInput = new Event("input"), cssText = `
+let n = 0, a = new Event("input");
+
+i(document.head, `
 .input-container {
     display: inline-grid;
 }
@@ -62,6 +64,4 @@ let id = 0, eventInput = new Event("input"), cssText = `
 }
 input {
     /*width: 100%; /* Input takes the width of its parent container (which the span sizes) */*/
-}`;
-
-appendStyle(document.head, cssText);
+}`);