tgui-core 1.1.0 → 1.1.2

package/dist/{assets.d.ts → common/assets.d.ts}

@@ -1,4 +1,4 @@
-import { Middleware } from './common/redux';
+import { Middleware } from './redux';
 
 export declare const resolveAsset: (name: string) => string;
 export declare const assetMiddleware: Middleware;

package/dist/common/events.d.ts

@@ -7,4 +7,27 @@ export declare class EventEmitter {
     emit(name: string, ...params: any[]): void;
     clear(): void;
 }
+export declare const globalEvents: EventEmitter;
+export declare const setupGlobalEvents: (options?: {
+    ignoreWindowFocus?: boolean;
+}) => void;
+export declare function canStealFocus(node: HTMLElement): boolean;
+export declare function addScrollableNode(node: HTMLElement): void;
+export declare function removeScrollableNode(node: HTMLElement): void;
+export declare class KeyEvent {
+    event: KeyboardEvent;
+    type: 'keydown' | 'keyup';
+    code: number;
+    ctrl: boolean;
+    shift: boolean;
+    alt: boolean;
+    repeat: boolean;
+    _str?: string;
+    constructor(e: KeyboardEvent, type: 'keydown' | 'keyup', repeat?: boolean);
+    hasModifierKeys(): boolean;
+    isModifierKey(): boolean;
+    isDown(): boolean;
+    isUp(): boolean;
+    toString(): string;
+}
 export {};

package/dist/common/events.js

@@ -1,32 +1,147 @@
-var h = Object.defineProperty;
-var c = (e, s, t) => s in e ? h(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var n = (e, s, t) => c(e, typeof s != "symbol" ? s + "" : s, t);
-class u {
+var _ = Object.defineProperty;
+var v = (t, e, s) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => v(t, typeof e != "symbol" ? e + "" : e, s);
+import { KEY_CTRL as F, KEY_SHIFT as L, KEY_ALT as b, KEY_F1 as K, KEY_F12 as S } from "./keycodes.js";
+class C {
   constructor() {
-    n(this, "listeners");
+    i(this, "listeners");
     this.listeners = {};
   }
-  on(s, t) {
-    this.listeners[s] = this.listeners[s] || [], this.listeners[s].push(t);
-  }
-  off(s, t) {
-    const r = this.listeners[s];
-    if (!r)
-      throw new Error(`There is no listeners for "${s}"`);
-    this.listeners[s] = r.filter((i) => i !== t);
-  }
-  emit(s, ...t) {
-    const r = this.listeners[s];
-    if (r)
-      for (let i = 0, l = r.length; i < l; i += 1) {
-        const o = r[i];
-        o(...t);
+  on(e, s) {
+    this.listeners[e] = this.listeners[e] || [], this.listeners[e].push(s);
+  }
+  off(e, s) {
+    const n = this.listeners[e];
+    if (!n)
+      throw new Error(`There is no listeners for "${e}"`);
+    this.listeners[e] = n.filter((l) => l !== s);
+  }
+  emit(e, ...s) {
+    const n = this.listeners[e];
+    if (n)
+      for (let l = 0, k = n.length; l < k; l += 1) {
+        const g = n[l];
+        g(...s);
       }
   }
   clear() {
     this.listeners = {};
   }
 }
+const o = new C();
+let m = !1;
+const W = (t = {}) => {
+  m = !!t.ignoreWindowFocus;
+};
+let d, f = !0;
+function u(t, e) {
+  if (m) {
+    f = !0;
+    return;
+  }
+  if (d && (clearTimeout(d), d = null), e) {
+    d = setTimeout(() => u(t));
+    return;
+  }
+  f !== t && (f = t, o.emit(t ? "window-focus" : "window-blur"), o.emit("window-focus-change", t));
+}
+let r = null;
+function E(t) {
+  const e = String(t.tagName).toLowerCase();
+  return e === "input" || e === "textarea";
+}
+function T(t) {
+  a(), r = t, r.addEventListener("blur", a);
+}
+function a() {
+  r && (r.removeEventListener("blur", a), r = null);
+}
+let w = null, c = null;
+const h = [];
+function A(t) {
+  h.push(t);
+}
+function B(t) {
+  const e = h.indexOf(t);
+  e >= 0 && h.splice(e, 1);
+}
+function N(t) {
+  if (r || !f)
+    return;
+  const e = document.body;
+  for (; t && t !== e; ) {
+    if (h.includes(t)) {
+      if (t.contains(w))
+        return;
+      w = t, t.focus();
+      return;
+    }
+    t = t.parentElement;
+  }
+}
+window.addEventListener("mousemove", (t) => {
+  const e = t.target;
+  e !== c && (c = e, N(e));
+});
+window.addEventListener("focusin", (t) => {
+  c = null, w = t.target, u(!0), E(t.target) && T(t.target);
+});
+window.addEventListener("focusout", () => {
+  c = null, u(!1, !0);
+});
+window.addEventListener("blur", () => {
+  c = null, u(!1, !0);
+});
+window.addEventListener("beforeunload", () => {
+  u(!1);
+});
+const y = {};
+class p {
+  constructor(e, s, n) {
+    i(this, "event");
+    i(this, "type");
+    i(this, "code");
+    i(this, "ctrl");
+    i(this, "shift");
+    i(this, "alt");
+    i(this, "repeat");
+    i(this, "_str");
+    this.event = e, this.type = s, this.code = e.keyCode, this.ctrl = e.ctrlKey, this.shift = e.shiftKey, this.alt = e.altKey, this.repeat = !!n;
+  }
+  hasModifierKeys() {
+    return this.ctrl || this.alt || this.shift;
+  }
+  isModifierKey() {
+    return this.code === F || this.code === L || this.code === b;
+  }
+  isDown() {
+    return this.type === "keydown";
+  }
+  isUp() {
+    return this.type === "keyup";
+  }
+  toString() {
+    return this._str ? this._str : (this._str = "", this.ctrl && (this._str += "Ctrl+"), this.alt && (this._str += "Alt+"), this.shift && (this._str += "Shift+"), this.code >= 48 && this.code <= 90 ? this._str += String.fromCharCode(this.code) : this.code >= K && this.code <= S ? this._str += "F" + (this.code - 111) : this._str += "[" + this.code + "]", this._str);
+  }
+}
+document.addEventListener("keydown", (t) => {
+  if (E(t.target))
+    return;
+  const e = t.keyCode, s = new p(t, "keydown", y[e]);
+  o.emit("keydown", s), o.emit("key", s), y[e] = !0;
+});
+document.addEventListener("keyup", (t) => {
+  if (E(t.target))
+    return;
+  const e = t.keyCode, s = new p(t, "keyup");
+  o.emit("keyup", s), o.emit("key", s), y[e] = !1;
+});
 export {
-  u as EventEmitter
+  C as EventEmitter,
+  p as KeyEvent,
+  A as addScrollableNode,
+  E as canStealFocus,
+  o as globalEvents,
+  B as removeScrollableNode,
+  W as setupGlobalEvents
 };

package/dist/{hotkeys.js → common/hotkeys.js}

@@ -1,5 +1,5 @@
-import { KEY_ESCAPE as K, KEY_ENTER as E, KEY_SPACE as p, KEY_TAB as h, KEY_CTRL as d, KEY_SHIFT as g, KEY_UP as S, KEY_DOWN as Y, KEY_LEFT as _, KEY_RIGHT as b, KEY_F5 as B } from "./common/keycodes.js";
 import { globalEvents as l } from "./events.js";
+import { KEY_ESCAPE as K, KEY_ENTER as E, KEY_SPACE as p, KEY_TAB as h, KEY_CTRL as d, KEY_SHIFT as g, KEY_UP as S, KEY_DOWN as Y, KEY_LEFT as _, KEY_RIGHT as b, KEY_F5 as B } from "./keycodes.js";
 const m = {}, c = [
   K,
   E,

package/dist/common/keys.d.ts

@@ -10,7 +10,7 @@
  * @url https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
  * @usage
  * ```ts
- * import { KEY } from 'tgui/common/keys';
+ * import { KEY } from 'tgui/keys';
  *
  * if (event.key === KEY.Enter) {
  *   // do something

package/dist/components/BodyZoneSelector.js

@@ -3,7 +3,7 @@ var _ = (e, t, s) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writab
 var l = (e, t, s) => _(e, typeof t != "symbol" ? t + "" : t, s);
 import { jsxs as d, jsx as h } from "react/jsx-runtime";
 import { Component as v, createRef as $ } from "react";
-import { resolveAsset as p } from "../assets.js";
+import { resolveAsset as p } from "../common/assets.js";
 import { Image as f } from "./Image.js";
 var b = /* @__PURE__ */ ((e) => (e.Chest = "chest", e.Eyes = "eyes", e.Groin = "groin", e.Head = "head", e.LeftArm = "l_arm", e.LeftLeg = "l_leg", e.Mouth = "mouth", e.RightArm = "r_arm", e.RightLeg = "r_leg", e))(b || {});
 const C = (e, t) => {

package/dist/components/Box.js

@@ -1,6 +1,6 @@
 import { createElement as y } from "react";
-import { classes as b } from "../common/react.js";
-import { CSS_COLORS as u } from "../constants.js";
+import { CSS_COLORS as b } from "../common/constants.js";
+import { classes as u } from "../common/react.js";
 function p(o) {
   if (typeof o == "string")
     return o.endsWith("px") ? parseFloat(o) / 12 + "rem" : o;
@@ -17,7 +17,7 @@ function x(o) {
   return !a(o);
 }
 function a(o) {
-  return typeof o == "string" && u.includes(o);
+  return typeof o == "string" && b.includes(o);
 }
 const m = (o) => (t, i) => {
   (typeof i == "number" || typeof i == "string") && (t[o] = i);
@@ -108,7 +108,7 @@ function S(o) {
 }
 function d(o) {
   const t = o.textColor || o.color, i = o.backgroundColor;
-  return b([
+  return u([
     a(t) && "color-" + t,
     a(i) && "color-bg-" + i
   ]);

package/dist/components/ByondUi.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
+import { Component as a, createRef as c } from "react";
 import { shallowDiffers as r } from "../common/react.js";
-import { debounce as a } from "../common/timer.js";
-import { Component as c, createRef as m } from "react";
+import { debounce as m } from "../common/timer.js";
 import { computeBoxProps as l } from "./Box.js";
 const o = [];
 function h(t) {
@@ -37,10 +37,10 @@ function u(t) {
     ]
   };
 }
-class U extends c {
+class U extends a {
   constructor(n) {
     var e;
-    super(n), this.containerRef = m(), this.byondUiElement = h((e = n.params) == null ? void 0 : e.id), this.handleResize = a(() => {
+    super(n), this.containerRef = c(), this.byondUiElement = h((e = n.params) == null ? void 0 : e.id), this.handleResize = m(() => {
       this.forceUpdate();
     }, 100);
   }

package/dist/components/DmIcon.js

@@ -1,7 +1,7 @@
 import { jsx as $ } from "react/jsx-runtime";
 import { useState as R, useEffect as d } from "react";
-import { resolveAsset as j } from "../assets.js";
-import { fetchRetry as v } from "../http.js";
+import { resolveAsset as j } from "../common/assets.js";
+import { fetchRetry as v } from "../common/http.js";
 import { Image as x } from "./Image.js";
 let e;
 function b(n) {

package/dist/components/KeyListener.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { KeyEvent } from '../events';
+import { KeyEvent } from '../common/events';
 
 type KeyListenerProps = Partial<{
     onKey: (key: KeyEvent) => void;

package/dist/components/KeyListener.js

@@ -2,7 +2,7 @@ var t = Object.defineProperty;
 var e = (s, o, p) => o in s ? t(s, o, { enumerable: !0, configurable: !0, writable: !0, value: p }) : s[o] = p;
 var i = (s, o, p) => e(s, typeof o != "symbol" ? o + "" : o, p);
 import { Component as r } from "react";
-import { listenForKeyEvents as h } from "../hotkeys.js";
+import { listenForKeyEvents as h } from "../common/hotkeys.js";
 class d extends r {
   constructor(p) {
     super(p);

package/dist/components/ProgressBar.js

@@ -1,7 +1,7 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { keyOfMatchingRange as v, toFixed as y, scale as N, clamp01 as _ } from "../common/math.js";
+import { CSS_COLORS as v } from "../common/constants.js";
+import { keyOfMatchingRange as y, toFixed as N, scale as _, clamp01 as B } from "../common/math.js";
 import { classes as m } from "../common/react.js";
-import { CSS_COLORS as B } from "../constants.js";
 import { s as o } from "../ProgressBar.module-BkAFfFy0.js";
 import { computeBoxProps as S, computeBoxClassName as O } from "./Box.js";
 function w(d) {
@@ -14,14 +14,14 @@ function w(d) {
     ranges: h = {},
     children: l,
     ...t
-  } = d, a = N(r, u, p), x = l !== void 0, s = C || v(r, h) || "default", e = S(t), c = [
+  } = d, a = _(r, u, p), x = l !== void 0, s = C || y(r, h) || "default", e = S(t), c = [
     o.progressBar,
     f,
     O(t)
   ], i = {
-    width: _(a) * 100 + "%"
+    width: B(a) * 100 + "%"
   };
-  return B.includes(s) || s === "default" ? c.push(o["color__" + s]) : (e.style = { ...e.style, borderColor: s }, i.backgroundColor = s), /* @__PURE__ */ g("div", { className: m(c), ...e, children: [
+  return v.includes(s) || s === "default" ? c.push(o["color__" + s]) : (e.style = { ...e.style, borderColor: s }, i.backgroundColor = s), /* @__PURE__ */ g("div", { className: m(c), ...e, children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -29,7 +29,7 @@ function w(d) {
         style: i
       }
     ),
-    /* @__PURE__ */ n("div", { className: o.content, children: x ? l : y(a * 100) + "%" })
+    /* @__PURE__ */ n("div", { className: o.content, children: x ? l : N(a * 100) + "%" })
   ] });
 }
 export {

package/dist/components/Section.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { forwardRef as S, useEffect as j } from "react";
-import { classes as z, canRender as m } from "../common/react.js";
-import { addScrollableNode as B, removeScrollableNode as H } from "../events.js";
+import { addScrollableNode as z, removeScrollableNode as B } from "../common/events.js";
+import { classes as H, canRender as m } from "../common/react.js";
 import { s as t } from "../Section.module-CLVHJ4yA.js";
 import { computeBoxClassName as T, computeBoxProps as y } from "./Box.js";
 const q = S(
@@ -21,14 +21,14 @@ const q = S(
     } = a, x = m(n) || m(c);
     return j(() => {
       if (l != null && l.current && !(!i && !e))
-        return B(l.current), () => {
-          l != null && l.current && H(l.current);
+        return z(l.current), () => {
+          l != null && l.current && B(l.current);
         };
     }, []), /* @__PURE__ */ r(
       "div",
       {
         id: v || "",
-        className: z([
+        className: H([
           t.section,
           N && t.fill,
           b && t.fitted,

package/dist/components/TimeDisplay.js

@@ -1,5 +1,5 @@
 import { Component as r } from "react";
-import { formatTime as u } from "../format.js";
+import { formatTime as u } from "../common/format.js";
 function s(e) {
   return typeof e == "number" && Number.isFinite(e) && !Number.isNaN(e);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "TGUI core component library",
   "keywords": [
     "TGUI",
@@ -11,17 +11,13 @@
     "dist"
   ],
   "exports": {
-    "./common/*": {
-      "import": "./dist/*.js",
-      "require": "./dist/*.cjs"
-    },
     "./components": {
       "import": "./dist/components/index.js",
       "require": "./dist/components/index.cjs"
     },
     "./*": {
-      "import": "./dist/*.js",
-      "require": "./dist/*.cjs"
+      "import": "./dist/common/*.js",
+      "require": "./dist/common/*.cjs"
     }
   },
   "repository": {

package/dist/events.d.ts

@@ -1,25 +0,0 @@
-import { EventEmitter } from './common/events';
-
-export declare const globalEvents: EventEmitter;
-export declare const setupGlobalEvents: (options?: {
-    ignoreWindowFocus?: boolean;
-}) => void;
-export declare function canStealFocus(node: HTMLElement): boolean;
-export declare function addScrollableNode(node: HTMLElement): void;
-export declare function removeScrollableNode(node: HTMLElement): void;
-export declare class KeyEvent {
-    event: KeyboardEvent;
-    type: 'keydown' | 'keyup';
-    code: number;
-    ctrl: boolean;
-    shift: boolean;
-    alt: boolean;
-    repeat: boolean;
-    _str?: string;
-    constructor(e: KeyboardEvent, type: 'keydown' | 'keyup', repeat?: boolean);
-    hasModifierKeys(): boolean;
-    isModifierKey(): boolean;
-    isDown(): boolean;
-    isUp(): boolean;
-    toString(): string;
-}

package/dist/events.js

@@ -1,128 +0,0 @@
-var p = Object.defineProperty;
-var k = (t, e, i) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var s = (t, e, i) => k(t, typeof e != "symbol" ? e + "" : e, i);
-import { EventEmitter as _ } from "./common/events.js";
-import { KEY_CTRL as g, KEY_SHIFT as v, KEY_ALT as F, KEY_F1 as L, KEY_F12 as b } from "./common/keycodes.js";
-/**
- * Normalized browser focus events and BYOND-specific focus helpers.
- *
- * @file
- * @copyright 2020 Aleksej Komarov
- * @license MIT
- */
-const o = new _();
-let y = !1;
-const Y = (t = {}) => {
-  y = !!t.ignoreWindowFocus;
-};
-let d, u = !0;
-function c(t, e) {
-  if (y) {
-    u = !0;
-    return;
-  }
-  if (d && (clearTimeout(d), d = null), e) {
-    d = setTimeout(() => c(t));
-    return;
-  }
-  u !== t && (u = t, o.emit(t ? "window-focus" : "window-blur"), o.emit("window-focus-change", t));
-}
-let n = null;
-function w(t) {
-  const e = String(t.tagName).toLowerCase();
-  return e === "input" || e === "textarea";
-}
-function K(t) {
-  f(), n = t, n.addEventListener("blur", f);
-}
-function f() {
-  n && (n.removeEventListener("blur", f), n = null);
-}
-let a = null, r = null;
-const l = [];
-function x(t) {
-  l.push(t);
-}
-function W(t) {
-  const e = l.indexOf(t);
-  e >= 0 && l.splice(e, 1);
-}
-function S(t) {
-  if (n || !u)
-    return;
-  const e = document.body;
-  for (; t && t !== e; ) {
-    if (l.includes(t)) {
-      if (t.contains(a))
-        return;
-      a = t, t.focus();
-      return;
-    }
-    t = t.parentElement;
-  }
-}
-window.addEventListener("mousemove", (t) => {
-  const e = t.target;
-  e !== r && (r = e, S(e));
-});
-window.addEventListener("focusin", (t) => {
-  r = null, a = t.target, c(!0), w(t.target) && K(t.target);
-});
-window.addEventListener("focusout", () => {
-  r = null, c(!1, !0);
-});
-window.addEventListener("blur", () => {
-  r = null, c(!1, !0);
-});
-window.addEventListener("beforeunload", () => {
-  c(!1);
-});
-const h = {};
-class m {
-  constructor(e, i, E) {
-    s(this, "event");
-    s(this, "type");
-    s(this, "code");
-    s(this, "ctrl");
-    s(this, "shift");
-    s(this, "alt");
-    s(this, "repeat");
-    s(this, "_str");
-    this.event = e, this.type = i, this.code = e.keyCode, this.ctrl = e.ctrlKey, this.shift = e.shiftKey, this.alt = e.altKey, this.repeat = !!E;
-  }
-  hasModifierKeys() {
-    return this.ctrl || this.alt || this.shift;
-  }
-  isModifierKey() {
-    return this.code === g || this.code === v || this.code === F;
-  }
-  isDown() {
-    return this.type === "keydown";
-  }
-  isUp() {
-    return this.type === "keyup";
-  }
-  toString() {
-    return this._str ? this._str : (this._str = "", this.ctrl && (this._str += "Ctrl+"), this.alt && (this._str += "Alt+"), this.shift && (this._str += "Shift+"), this.code >= 48 && this.code <= 90 ? this._str += String.fromCharCode(this.code) : this.code >= L && this.code <= b ? this._str += "F" + (this.code - 111) : this._str += "[" + this.code + "]", this._str);
-  }
-}
-document.addEventListener("keydown", (t) => {
-  if (w(t.target))
-    return;
-  const e = t.keyCode, i = new m(t, "keydown", h[e]);
-  o.emit("keydown", i), o.emit("key", i), h[e] = !0;
-});
-document.addEventListener("keyup", (t) => {
-  if (w(t.target))
-    return;
-  const e = t.keyCode, i = new m(t, "keyup");
-  o.emit("keyup", i), o.emit("key", i), h[e] = !1;
-});
-export {
-  m as KeyEvent,
-  x as addScrollableNode,
-  w as canStealFocus,
-  o as globalEvents,
-  W as removeScrollableNode,
-  Y as setupGlobalEvents
-};