datafolder 1.0.2 → 1.0.4

package/static/datafolderui/querySelectorShadowRoot.js

@@ -1,24 +1,20 @@
-function* getShadowRootChild(e) {
-    for (var o of e.children) {
-        var t = o.shadowRoot;
-        t ? yield t : yield* getShadowRootChild(o);
+function* t(e) {
+    for (var r of e.children) {
+        var l = r.shadowRoot;
+        l ? yield l : yield* t(r);
     }
 }
 
-function querySelectorShadowRoot(e, o) {
-    let t = e.querySelector(o);
-    if (t) return t;
-    var l = getShadowRootChild(e);
-    for (let e = l.next().value; e; e = l.next().value) if (t = e.querySelector(o)) return t;
-}
-
-function querySelectorAllShadowRoot(e, o) {
-    var t = [ ...e.querySelectorAll(o) ], l = getShadowRootChild(e);
-    for (let e = l.next().value; e; e = l.next().value) t.push(...e.querySelectorAll(o));
-    return t;
-}
-
 Object.assign(globalThis, {
-    querySelectorShadowRoot: querySelectorShadowRoot,
-    querySelectorAllShadowRoot: querySelectorAllShadowRoot
+    querySelectorShadowRoot: function(e, r) {
+        let l = e.querySelector(r);
+        if (l) return l;
+        var o = t(e);
+        for (let e = o.next().value; e; e = o.next().value) if (l = e.querySelector(r)) return l;
+    },
+    querySelectorAllShadowRoot: function(e, r) {
+        var l = [ ...e.querySelectorAll(r) ], o = t(e);
+        for (let e = o.next().value; e; e = o.next().value) l.push(...e.querySelectorAll(r));
+        return l;
+    }
 });

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);
+}`);