@jsenv/plugin-toolbar 0.1.1 → 0.1.2

package/dist/js/preact.mjs

@@ -0,0 +1,316 @@
+var n,
+  l,
+  u,
+  i,
+  t,
+  o,
+  r,
+  f = {},
+  e = [],
+  c = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+function s(n, l) {
+  for (var u in l) n[u] = l[u];
+  return n;
+}
+function a(n) {
+  var l = n.parentNode;
+  l && l.removeChild(n);
+}
+function h(l, u, i) {
+  var t,
+    o,
+    r,
+    f = {};
+  for (r in u) "key" == r ? t = u[r] : "ref" == r ? o = u[r] : f[r] = u[r];
+  if (arguments.length > 2 && (f.children = arguments.length > 3 ? n.call(arguments, 2) : i), "function" == typeof l && null != l.defaultProps) for (r in l.defaultProps) void 0 === f[r] && (f[r] = l.defaultProps[r]);
+  return v(l, f, t, o, null);
+}
+function v(n, i, t, o, r) {
+  var f = {
+    type: n,
+    props: i,
+    key: t,
+    ref: o,
+    __k: null,
+    __: null,
+    __b: 0,
+    __e: null,
+    __d: void 0,
+    __c: null,
+    __h: null,
+    constructor: void 0,
+    __v: null == r ? ++u : r
+  };
+  return null == r && null != l.vnode && l.vnode(f), f;
+}
+function y() {
+  return {
+    current: null
+  };
+}
+function p(n) {
+  return n.children;
+}
+function d(n, l) {
+  this.props = n, this.context = l;
+}
+function _(n, l) {
+  if (null == l) return n.__ ? _(n.__, n.__.__k.indexOf(n) + 1) : null;
+  for (var u; l < n.__k.length; l++) if (null != (u = n.__k[l]) && null != u.__e) return u.__e;
+  return "function" == typeof n.type ? _(n) : null;
+}
+function k(n) {
+  var l, u;
+  if (null != (n = n.__) && null != n.__c) {
+    for (n.__e = n.__c.base = null, l = 0; l < n.__k.length; l++) if (null != (u = n.__k[l]) && null != u.__e) {
+      n.__e = n.__c.base = u.__e;
+      break;
+    }
+    return k(n);
+  }
+}
+function b(n) {
+  (!n.__d && (n.__d = !0) && t.push(n) && !g.__r++ || o !== l.debounceRendering) && ((o = l.debounceRendering) || setTimeout)(g);
+}
+function g() {
+  for (var n; g.__r = t.length;) n = t.sort(function (n, l) {
+    return n.__v.__b - l.__v.__b;
+  }), t = [], n.some(function (n) {
+    var l, u, i, t, o, r;
+    n.__d && (o = (t = (l = n).__v).__e, (r = l.__P) && (u = [], (i = s({}, t)).__v = t.__v + 1, j(r, t, i, l.__n, void 0 !== r.ownerSVGElement, null != t.__h ? [o] : null, u, null == o ? _(t) : o, t.__h), z(u, t), t.__e != o && k(t)));
+  });
+}
+function w(n, l, u, i, t, o, r, c, s, a) {
+  var h,
+    y,
+    d,
+    k,
+    b,
+    g,
+    w,
+    x = i && i.__k || e,
+    C = x.length;
+  for (u.__k = [], h = 0; h < l.length; h++) if (null != (k = u.__k[h] = null == (k = l[h]) || "boolean" == typeof k ? null : "string" == typeof k || "number" == typeof k || "bigint" == typeof k ? v(null, k, null, null, k) : Array.isArray(k) ? v(p, {
+    children: k
+  }, null, null, null) : k.__b > 0 ? v(k.type, k.props, k.key, k.ref ? k.ref : null, k.__v) : k)) {
+    if (k.__ = u, k.__b = u.__b + 1, null === (d = x[h]) || d && k.key == d.key && k.type === d.type) x[h] = void 0;else for (y = 0; y < C; y++) {
+      if ((d = x[y]) && k.key == d.key && k.type === d.type) {
+        x[y] = void 0;
+        break;
+      }
+      d = null;
+    }
+    j(n, k, d = d || f, t, o, r, c, s, a), b = k.__e, (y = k.ref) && d.ref != y && (w || (w = []), d.ref && w.push(d.ref, null, k), w.push(y, k.__c || b, k)), null != b ? (null == g && (g = b), "function" == typeof k.type && k.__k === d.__k ? k.__d = s = m(k, s, n) : s = A(n, k, d, x, b, s), "function" == typeof u.type && (u.__d = s)) : s && d.__e == s && s.parentNode != n && (s = _(d));
+  }
+  for (u.__e = g, h = C; h--;) null != x[h] && N(x[h], x[h]);
+  if (w) for (h = 0; h < w.length; h++) M(w[h], w[++h], w[++h]);
+}
+function m(n, l, u) {
+  for (var i, t = n.__k, o = 0; t && o < t.length; o++) (i = t[o]) && (i.__ = n, l = "function" == typeof i.type ? m(i, l, u) : A(u, i, i, t, i.__e, l));
+  return l;
+}
+function x(n, l) {
+  return l = l || [], null == n || "boolean" == typeof n || (Array.isArray(n) ? n.some(function (n) {
+    x(n, l);
+  }) : l.push(n)), l;
+}
+function A(n, l, u, i, t, o) {
+  var r, f, e;
+  if (void 0 !== l.__d) r = l.__d, l.__d = void 0;else if (null == u || t != o || null == t.parentNode) n: if (null == o || o.parentNode !== n) n.appendChild(t), r = null;else {
+    for (f = o, e = 0; (f = f.nextSibling) && e < i.length; e += 1) if (f == t) break n;
+    n.insertBefore(t, o), r = o;
+  }
+  return void 0 !== r ? r : t.nextSibling;
+}
+function C(n, l, u, i, t) {
+  var o;
+  for (o in u) "children" === o || "key" === o || o in l || H(n, o, null, u[o], i);
+  for (o in l) t && "function" != typeof l[o] || "children" === o || "key" === o || "value" === o || "checked" === o || u[o] === l[o] || H(n, o, l[o], u[o], i);
+}
+function $(n, l, u) {
+  "-" === l[0] ? n.setProperty(l, u) : n[l] = null == u ? "" : "number" != typeof u || c.test(l) ? u : u + "px";
+}
+function H(n, l, u, i, t) {
+  var o;
+  n: if ("style" === l) {
+    if ("string" == typeof u) n.style.cssText = u;else {
+      if ("string" == typeof i && (n.style.cssText = i = ""), i) for (l in i) u && l in u || $(n.style, l, "");
+      if (u) for (l in u) i && u[l] === i[l] || $(n.style, l, u[l]);
+    }
+  } else if ("o" === l[0] && "n" === l[1]) o = l !== (l = l.replace(/Capture$/, "")), l = l.toLowerCase() in n ? l.toLowerCase().slice(2) : l.slice(2), n.l || (n.l = {}), n.l[l + o] = u, u ? i || n.addEventListener(l, o ? T : I, o) : n.removeEventListener(l, o ? T : I, o);else if ("dangerouslySetInnerHTML" !== l) {
+    if (t) l = l.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");else if ("href" !== l && "list" !== l && "form" !== l && "tabIndex" !== l && "download" !== l && l in n) try {
+      n[l] = null == u ? "" : u;
+      break n;
+    } catch (n) {}
+    "function" == typeof u || (null == u || !1 === u && -1 == l.indexOf("-") ? n.removeAttribute(l) : n.setAttribute(l, u));
+  }
+}
+function I(n) {
+  this.l[n.type + !1](l.event ? l.event(n) : n);
+}
+function T(n) {
+  this.l[n.type + !0](l.event ? l.event(n) : n);
+}
+function j(n, u, i, t, o, r, f, e, c) {
+  var a,
+    h,
+    v,
+    y,
+    _,
+    k,
+    b,
+    g,
+    m,
+    x,
+    A,
+    C,
+    $,
+    H,
+    I,
+    T = u.type;
+  if (void 0 !== u.constructor) return null;
+  null != i.__h && (c = i.__h, e = u.__e = i.__e, u.__h = null, r = [e]), (a = l.__b) && a(u);
+  try {
+    n: if ("function" == typeof T) {
+      if (g = u.props, m = (a = T.contextType) && t[a.__c], x = a ? m ? m.props.value : a.__ : t, i.__c ? b = (h = u.__c = i.__c).__ = h.__E : ("prototype" in T && T.prototype.render ? u.__c = h = new T(g, x) : (u.__c = h = new d(g, x), h.constructor = T, h.render = O), m && m.sub(h), h.props = g, h.state || (h.state = {}), h.context = x, h.__n = t, v = h.__d = !0, h.__h = [], h._sb = []), null == h.__s && (h.__s = h.state), null != T.getDerivedStateFromProps && (h.__s == h.state && (h.__s = s({}, h.__s)), s(h.__s, T.getDerivedStateFromProps(g, h.__s))), y = h.props, _ = h.state, v) null == T.getDerivedStateFromProps && null != h.componentWillMount && h.componentWillMount(), null != h.componentDidMount && h.__h.push(h.componentDidMount);else {
+        if (null == T.getDerivedStateFromProps && g !== y && null != h.componentWillReceiveProps && h.componentWillReceiveProps(g, x), !h.__e && null != h.shouldComponentUpdate && !1 === h.shouldComponentUpdate(g, h.__s, x) || u.__v === i.__v) {
+          for (h.props = g, h.state = h.__s, u.__v !== i.__v && (h.__d = !1), h.__v = u, u.__e = i.__e, u.__k = i.__k, u.__k.forEach(function (n) {
+            n && (n.__ = u);
+          }), A = 0; A < h._sb.length; A++) h.__h.push(h._sb[A]);
+          h._sb = [], h.__h.length && f.push(h);
+          break n;
+        }
+        null != h.componentWillUpdate && h.componentWillUpdate(g, h.__s, x), null != h.componentDidUpdate && h.__h.push(function () {
+          h.componentDidUpdate(y, _, k);
+        });
+      }
+      if (h.context = x, h.props = g, h.__v = u, h.__P = n, C = l.__r, $ = 0, "prototype" in T && T.prototype.render) {
+        for (h.state = h.__s, h.__d = !1, C && C(u), a = h.render(h.props, h.state, h.context), H = 0; H < h._sb.length; H++) h.__h.push(h._sb[H]);
+        h._sb = [];
+      } else do {
+        h.__d = !1, C && C(u), a = h.render(h.props, h.state, h.context), h.state = h.__s;
+      } while (h.__d && ++$ < 25);
+      h.state = h.__s, null != h.getChildContext && (t = s(s({}, t), h.getChildContext())), v || null == h.getSnapshotBeforeUpdate || (k = h.getSnapshotBeforeUpdate(y, _)), I = null != a && a.type === p && null == a.key ? a.props.children : a, w(n, Array.isArray(I) ? I : [I], u, i, t, o, r, f, e, c), h.base = u.__e, u.__h = null, h.__h.length && f.push(h), b && (h.__E = h.__ = null), h.__e = !1;
+    } else null == r && u.__v === i.__v ? (u.__k = i.__k, u.__e = i.__e) : u.__e = L(i.__e, u, i, t, o, r, f, c);
+    (a = l.diffed) && a(u);
+  } catch (n) {
+    u.__v = null, (c || null != r) && (u.__e = e, u.__h = !!c, r[r.indexOf(e)] = null), l.__e(n, u, i);
+  }
+}
+function z(n, u) {
+  l.__c && l.__c(u, n), n.some(function (u) {
+    try {
+      n = u.__h, u.__h = [], n.some(function (n) {
+        n.call(u);
+      });
+    } catch (n) {
+      l.__e(n, u.__v);
+    }
+  });
+}
+function L(l, u, i, t, o, r, e, c) {
+  var s,
+    h,
+    v,
+    y = i.props,
+    p = u.props,
+    d = u.type,
+    k = 0;
+  if ("svg" === d && (o = !0), null != r) for (; k < r.length; k++) if ((s = r[k]) && "setAttribute" in s == !!d && (d ? s.localName === d : 3 === s.nodeType)) {
+    l = s, r[k] = null;
+    break;
+  }
+  if (null == l) {
+    if (null === d) return document.createTextNode(p);
+    l = o ? document.createElementNS("http://www.w3.org/2000/svg", d) : document.createElement(d, p.is && p), r = null, c = !1;
+  }
+  if (null === d) y === p || c && l.data === p || (l.data = p);else {
+    if (r = r && n.call(l.childNodes), h = (y = i.props || f).dangerouslySetInnerHTML, v = p.dangerouslySetInnerHTML, !c) {
+      if (null != r) for (y = {}, k = 0; k < l.attributes.length; k++) y[l.attributes[k].name] = l.attributes[k].value;
+      (v || h) && (v && (h && v.__html == h.__html || v.__html === l.innerHTML) || (l.innerHTML = v && v.__html || ""));
+    }
+    if (C(l, p, y, o, c), v) u.__k = [];else if (k = u.props.children, w(l, Array.isArray(k) ? k : [k], u, i, t, o && "foreignObject" !== d, r, e, r ? r[0] : i.__k && _(i, 0), c), null != r) for (k = r.length; k--;) null != r[k] && a(r[k]);
+    c || ("value" in p && void 0 !== (k = p.value) && (k !== l.value || "progress" === d && !k || "option" === d && k !== y.value) && H(l, "value", k, y.value, !1), "checked" in p && void 0 !== (k = p.checked) && k !== l.checked && H(l, "checked", k, y.checked, !1));
+  }
+  return l;
+}
+function M(n, u, i) {
+  try {
+    "function" == typeof n ? n(u) : n.current = u;
+  } catch (n) {
+    l.__e(n, i);
+  }
+}
+function N(n, u, i) {
+  var t, o;
+  if (l.unmount && l.unmount(n), (t = n.ref) && (t.current && t.current !== n.__e || M(t, null, u)), null != (t = n.__c)) {
+    if (t.componentWillUnmount) try {
+      t.componentWillUnmount();
+    } catch (n) {
+      l.__e(n, u);
+    }
+    t.base = t.__P = null, n.__c = void 0;
+  }
+  if (t = n.__k) for (o = 0; o < t.length; o++) t[o] && N(t[o], u, i || "function" != typeof n.type);
+  i || null == n.__e || a(n.__e), n.__ = n.__e = n.__d = void 0;
+}
+function O(n, l, u) {
+  return this.constructor(n, u);
+}
+function P(u, i, t) {
+  var o, r, e;
+  l.__ && l.__(u, i), r = (o = "function" == typeof t) ? null : t && t.__k || i.__k, e = [], j(i, u = (!o && t || i).__k = h(p, null, [u]), r || f, f, void 0 !== i.ownerSVGElement, !o && t ? [t] : r ? null : i.firstChild ? n.call(i.childNodes) : null, e, !o && t ? t : r ? r.__e : i.firstChild, o), z(e, u);
+}
+function S(n, l) {
+  P(n, l, S);
+}
+function q(l, u, i) {
+  var t,
+    o,
+    r,
+    f = s({}, l.props);
+  for (r in u) "key" == r ? t = u[r] : "ref" == r ? o = u[r] : f[r] = u[r];
+  return arguments.length > 2 && (f.children = arguments.length > 3 ? n.call(arguments, 2) : i), v(l.type, f, t || l.key, o || l.ref, null);
+}
+function B(n, l) {
+  var u = {
+    __c: l = "__cC" + r++,
+    __: n,
+    Consumer: function (n, l) {
+      return n.children(l);
+    },
+    Provider: function (n) {
+      var u, i;
+      return this.getChildContext || (u = [], (i = {})[l] = this, this.getChildContext = function () {
+        return i;
+      }, this.shouldComponentUpdate = function (n) {
+        this.props.value !== n.value && u.some(b);
+      }, this.sub = function (n) {
+        u.push(n);
+        var l = n.componentWillUnmount;
+        n.componentWillUnmount = function () {
+          u.splice(u.indexOf(n), 1), l && l.call(n);
+        };
+      }), n.children;
+    }
+  };
+  return u.Provider.__ = u.Consumer.contextType = u;
+}
+n = e.slice, l = {
+  __e: function (n, l, u, i) {
+    for (var t, o, r; l = l.__;) if ((t = l.__c) && !t.__) try {
+      if ((o = t.constructor) && null != o.getDerivedStateFromError && (t.setState(o.getDerivedStateFromError(n)), r = t.__d), null != t.componentDidCatch && (t.componentDidCatch(n, i || {}), r = t.__d), r) return t.__E = t;
+    } catch (l) {
+      n = l;
+    }
+    throw n;
+  }
+}, u = 0, i = function (n) {
+  return null != n && void 0 === n.constructor;
+}, d.prototype.setState = function (n, l) {
+  var u;
+  u = null != this.__s && this.__s !== this.state ? this.__s : this.__s = s({}, this.state), "function" == typeof n && (n = n(s({}, u), this.props)), n && s(u, n), null != n && this.__v && (l && this._sb.push(l), b(this));
+}, d.prototype.forceUpdate = function (n) {
+  this.__v && (this.__e = !0, n && this.__h.push(n), b(this));
+}, d.prototype.render = p, t = [], g.__r = 0, r = 0;
+export { d as Component, p as Fragment, q as cloneElement, B as createContext, h as createElement, y as createRef, h, S as hydrate, i as isValidElement, l as options, P as render, x as toChildArray };

package/dist/js/responsive.js

@@ -0,0 +1,104 @@
+export const createHorizontalBreakpoint = breakpointValue => {
+  return createBreakpoint(windowWidthMeasure, breakpointValue);
+};
+const createMeasure = ({
+  compute,
+  register
+}) => {
+  let currentValue = compute();
+  const get = () => compute();
+  const changed = createSignal();
+  let unregister = () => {};
+  if (register) {
+    unregister = register(() => {
+      const value = compute();
+      if (value !== currentValue) {
+        const previousValue = value;
+        currentValue = value;
+        changed.notify(value, previousValue);
+      }
+    });
+  }
+  return {
+    get,
+    changed,
+    unregister
+  };
+};
+const createSignal = () => {
+  const callbackArray = [];
+  const listen = callback => {
+    callbackArray.push(callback);
+    return () => {
+      const index = callbackArray.indexOf(callback);
+      if (index > -1) {
+        callbackArray.splice(index, 1);
+      }
+    };
+  };
+  const notify = (...args) => {
+    callbackArray.slice().forEach(callback => {
+      callback(...args);
+    });
+  };
+  return {
+    listen,
+    notify
+  };
+};
+const windowWidthMeasure = createMeasure({
+  name: "window-width",
+  compute: () => window.innerWidth,
+  register: onchange => {
+    window.addEventListener("resize", onchange);
+    window.addEventListener("orientationchange", onchange);
+    return () => {
+      window.removeEventListener("resize", onchange);
+      window.removeEventListener("orientationchange", onchange);
+    };
+  }
+});
+const createBreakpoint = (measure, breakpointValue) => {
+  const getBreakpointState = () => {
+    const value = measure.get();
+    if (value < breakpointValue) {
+      return "below";
+    }
+    if (value > breakpointValue) {
+      return "above";
+    }
+    return "equals";
+  };
+  let currentBreakpointState = getBreakpointState();
+  const isAbove = () => {
+    return measure.get() > breakpointValue;
+  };
+  const isBelow = () => {
+    return measure.get() < breakpointValue;
+  };
+  const breakpointChanged = createSignal();
+  measure.changed.listen(() => {
+    const breakpointState = getBreakpointState();
+    if (breakpointState !== currentBreakpointState) {
+      const breakpointStatePrevious = currentBreakpointState;
+      currentBreakpointState = breakpointState;
+      breakpointChanged.notify(breakpointState, breakpointStatePrevious);
+    }
+  });
+  return {
+    isAbove,
+    isBelow,
+    changed: breakpointChanged
+  };
+};
+
+// const windowScrollTop = createMeasure({
+//   name: "window-scroll-top",
+//   compute: () => window.scrollTop,
+//   register: (onchange) => {
+//     window.addEventListener("scroll", onchange)
+//     return () => {
+//       window.removeEventListener("scroll", onchange)
+//     }
+//   },
+// })

package/dist/js/server_actions.js

@@ -0,0 +1,7 @@
+import { serverTooltipOpenedSignal } from "./server_signals.js";
+export const openServerTooltip = () => {
+  serverTooltipOpenedSignal.value = true;
+};
+export const closeServerTooltip = () => {
+  serverTooltipOpenedSignal.value = false;
+};

package/dist/js/server_effects.js

@@ -0,0 +1,9 @@
+import { effect } from "./signals.mjs";
+import { serverConnectionSignal } from "./server_signals.js";
+import { openServerTooltip } from "./server_actions.js";
+effect(() => {
+  const serverConnection = serverConnectionSignal.value;
+  if (serverConnection === "connecting" || serverConnection === "closed") {
+    openServerTooltip();
+  }
+});

package/dist/js/server_indicator.js

@@ -0,0 +1,52 @@
+import { effect } from "./signals.mjs";
+import { serverConnectionSignal, serverTooltipOpenedSignal } from "./server_signals.js";
+import { openServerTooltip, closeServerTooltip } from "./server_actions.js";
+import { removeForceHideElement } from "./dom.js";
+import { enableVariant } from "./variant.js";
+const parentServerEvents = window.parent.__server_events__;
+const serverEvents = window.__server_events__;
+const serverIndicator = document.querySelector("#server_indicator");
+export const renderServerIndicator = () => {
+  removeForceHideElement(document.querySelector("#server_indicator"));
+  effect(() => {
+    const serverConnection = serverConnectionSignal.value;
+    updateServerIndicator(serverConnection);
+  });
+  effect(() => {
+    const serverTooltipOpened = serverTooltipOpenedSignal.value;
+    if (serverTooltipOpened) {
+      serverIndicator.setAttribute("data-tooltip-visible", "");
+    } else {
+      serverIndicator.removeAttribute("data-tooltip-visible");
+    }
+  });
+};
+const updateServerIndicator = connectionState => {
+  enableVariant(serverIndicator, {
+    connectionState
+  });
+  const variantNode = document.querySelector("#server_indicator > [data-when-active]");
+  variantNode.querySelector("button").onclick = () => {
+    const serverTooltipOpened = serverTooltipOpenedSignal.value;
+    if (serverTooltipOpened) {
+      closeServerTooltip();
+    } else {
+      openServerTooltip();
+    }
+  };
+  if (connectionState === "connecting") {
+    variantNode.querySelector("a").onclick = () => {
+      if (parentServerEvents) {
+        parentServerEvents.disconnect();
+      }
+      serverEvents.disconnect();
+    };
+  } else if (connectionState === "closed") {
+    variantNode.querySelector("a").onclick = () => {
+      if (parentServerEvents) {
+        parentServerEvents.connect();
+      }
+      serverEvents.connect();
+    };
+  }
+};

package/dist/js/server_signals.js

@@ -0,0 +1,10 @@
+import { signal } from "./signals.mjs";
+export const serverTooltipOpenedSignal = signal(false);
+export const serverConnectionSignal = signal("default");
+const serverEvents = window.__server_events__;
+if (serverEvents) {
+  serverEvents.readyState.onchange = () => {
+    serverConnectionSignal.value = serverEvents.readyState.value;
+  };
+  serverConnectionSignal.value = serverEvents.readyState.value;
+}

package/dist/js/settings_actions.js

@@ -0,0 +1,7 @@
+import { settingsOpenedSignal } from "./settings_signals.js";
+export const openSettings = () => {
+  settingsOpenedSignal.value = true;
+};
+export const closeSettings = () => {
+  settingsOpenedSignal.value = false;
+};

package/dist/js/settings_signals.js

@@ -0,0 +1,2 @@
+import { signal } from "./signals.mjs";
+export const settingsOpenedSignal = signal(false);