tgui-core 1.5.5 → 1.5.7

package/dist/common/color.d.ts

@@ -23,55 +23,3 @@ export declare class Color {
      */
     static lookup(value: number, colors: Color[]): Color;
 }
-export interface RgbColor {
-    r: number;
-    g: number;
-    b: number;
-}
-export interface RgbaColor extends RgbColor {
-    a: number;
-}
-export interface HslColor {
-    h: number;
-    s: number;
-    l: number;
-}
-export interface HslaColor extends HslColor {
-    a: number;
-}
-export interface HsvColor {
-    h: number;
-    s: number;
-    v: number;
-}
-export interface HsvaColor extends HsvColor {
-    a: number;
-}
-export type ObjectColor = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor;
-export type AnyColor = string | ObjectColor;
-export declare const hexToHsva: (hex: string) => HsvaColor;
-export declare const hexToRgba: (hex: string) => RgbaColor;
-export declare const parseHue: (value: string, unit?: string) => number;
-export declare const hslaStringToHsva: (hslString: string) => HsvaColor;
-export declare const hslStringToHsva: (hslString: string) => HsvaColor;
-export declare const hslaToHsva: ({ h, s, l, a }: HslaColor) => HsvaColor;
-export declare const hsvaToHex: (hsva: HsvaColor) => string;
-export declare const hsvaToHsla: ({ h, s, v, a }: HsvaColor) => HslaColor;
-export declare const hsvaToHslString: (hsva: HsvaColor) => string;
-export declare const hsvaToHsvString: (hsva: HsvaColor) => string;
-export declare const hsvaToHsvaString: (hsva: HsvaColor) => string;
-export declare const hsvaToHslaString: (hsva: HsvaColor) => string;
-export declare const hsvaToRgba: ({ h, s, v, a }: HsvaColor) => RgbaColor;
-export declare const hsvaToRgbString: (hsva: HsvaColor) => string;
-export declare const hsvaToRgbaString: (hsva: HsvaColor) => string;
-export declare const hsvaStringToHsva: (hsvString: string) => HsvaColor;
-export declare const hsvStringToHsva: (hsvString: string) => HsvaColor;
-export declare const rgbaStringToHsva: (rgbaString: string) => HsvaColor;
-export declare const rgbStringToHsva: (rgbaString: string) => HsvaColor;
-export declare const rgbaToHex: ({ r, g, b, a }: RgbaColor) => string;
-export declare const rgbaToHsva: ({ r, g, b, a }: RgbaColor) => HsvaColor;
-export declare const roundHsva: (hsva: HsvaColor) => HsvaColor;
-export declare const rgbaToRgb: ({ r, g, b }: RgbaColor) => RgbColor;
-export declare const hslaToHsl: ({ h, s, l }: HslaColor) => HslColor;
-export declare const hsvaToHsv: (hsva: HsvaColor) => HsvColor;
-export declare const validHex: (value: string, alpha?: boolean) => boolean;

package/dist/common/color.js

@@ -1,13 +1,13 @@
-var v = Object.defineProperty;
-var H = (r, t, s) => t in r ? v(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
-var c = (r, t, s) => H(r, typeof t != "symbol" ? t + "" : t, s);
-class u {
-  constructor(t = 0, s = 0, n = 0, e = 1) {
-    c(this, "r");
-    c(this, "g");
-    c(this, "b");
-    c(this, "a");
-    this.r = t, this.g = s, this.b = n, this.a = e;
+var g = Object.defineProperty;
+var u = (e, t, r) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var i = (e, t, r) => u(e, typeof t != "symbol" ? t + "" : t, r);
+class n {
+  constructor(t = 0, r = 0, s = 0, a = 1) {
+    i(this, "r");
+    i(this, "g");
+    i(this, "b");
+    i(this, "a");
+    this.r = t, this.g = r, this.b = s, this.a = a;
   }
   toString() {
     let t = this.a;
@@ -15,11 +15,11 @@ class u {
   }
   /**  Darkens a color by a given percent. Returns a color, which can have toString called to get it's rgba() css value. */
   darken(t) {
-    const s = t / 100;
-    return new u(
-      this.r - this.r * s,
-      this.g - this.g * s,
-      this.b - this.b * s,
+    const r = t / 100;
+    return new n(
+      this.r - this.r * r,
+      this.g - this.g * r,
+      this.b - this.b * r,
       this.a
     );
   }
@@ -31,7 +31,7 @@ class u {
    * Creates a color from the CSS hex color notation.
    */
   static fromHex(t) {
-    return new u(
+    return new n(
       Number.parseInt(t.slice(1, 3), 16),
       Number.parseInt(t.slice(3, 5), 16),
       Number.parseInt(t.slice(5, 7), 16)
@@ -40,169 +40,31 @@ class u {
   /**
    * Linear interpolation of two colors.
    */
-  static lerp(t, s, n) {
-    return new u(
-      (s.r - t.r) * n + t.r,
-      (s.g - t.g) * n + t.g,
-      (s.b - t.b) * n + t.b,
-      (s.a - t.a) * n + t.a
+  static lerp(t, r, s) {
+    return new n(
+      (r.r - t.r) * s + t.r,
+      (r.g - t.g) * s + t.g,
+      (r.b - t.b) * s + t.b,
+      (r.a - t.a) * s + t.a
     );
   }
   /**
    * Loops up the color in the provided list of colors
    * with linear interpolation.
    */
-  static lookup(t, s) {
-    const n = s.length;
-    if (n < 2)
+  static lookup(t, r) {
+    const s = r.length;
+    if (s < 2)
       throw new Error("Needs at least two colors!");
-    const e = t * (n - 1);
+    const a = t * (s - 1);
     if (t < 1e-4)
-      return s[0];
+      return r[0];
     if (t >= 1 - 1e-4)
-      return s[n - 1];
-    const o = e % 1, h = e | 0;
-    return u.lerp(s[h], s[h + 1], o);
+      return r[s - 1];
+    const b = a % 1, h = a | 0;
+    return n.lerp(r[h], r[h + 1], b);
   }
 }
-const a = (r, t = 0, s = 10 ** t) => Math.round(s * r) / s, T = {
-  grad: 360 / 400,
-  turn: 360,
-  rad: 360 / (Math.PI * 2)
-}, E = (r) => N(p(r)), p = (r) => {
-  let t = r;
-  return t[0] === "#" && (t = t.substring(1)), t.length < 6 ? {
-    r: Number.parseInt(t[0] + t[0], 16),
-    g: Number.parseInt(t[1] + t[1], 16),
-    b: Number.parseInt(t[2] + t[2], 16),
-    a: t.length === 4 ? a(Number.parseInt(t[3] + t[3], 16) / 255, 2) : 1
-  } : {
-    r: Number.parseInt(t.substring(0, 2), 16),
-    g: Number.parseInt(t.substring(2, 4), 16),
-    b: Number.parseInt(t.substring(4, 6), 16),
-    a: t.length === 8 ? a(Number.parseInt(t.substring(6, 8), 16) / 255, 2) : 1
-  };
-}, $ = (r, t = "deg") => Number(r) * (T[t] || 1), S = (r) => {
-  const s = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
-  return s ? x({
-    h: $(s[1], s[2]),
-    s: Number(s[3]),
-    l: Number(s[4]),
-    a: s[5] === void 0 ? 1 : Number(s[5]) / (s[6] ? 100 : 1)
-  }) : { h: 0, s: 0, v: 0, a: 1 };
-}, P = S, x = ({ h: r, s: t, l: s, a: n }) => (t *= (s < 50 ? s : 100 - s) / 100, {
-  h: r,
-  s: t > 0 ? 2 * t / (s + t) * 100 : 0,
-  v: s + t,
-  a: n
-}), k = (r) => w(m(r)), l = ({ h: r, s: t, v: s, a: n }) => {
-  const e = (200 - t) * s / 100;
-  return {
-    h: a(r),
-    s: a(
-      e > 0 && e < 200 ? t * s / 100 / (e <= 100 ? e : 200 - e) * 100 : 0
-    ),
-    l: a(e / 2),
-    a: a(n, 2)
-  };
-}, L = (r) => {
-  const { h: t, s, l: n } = l(r);
-  return `hsl(${t}, ${s}%, ${n}%)`;
-}, O = (r) => {
-  const { h: t, s, v: n } = g(r);
-  return `hsv(${t}, ${s}%, ${n}%)`;
-}, F = (r) => {
-  const { h: t, s, v: n, a: e } = g(r);
-  return `hsva(${t}, ${s}%, ${n}%, ${e})`;
-}, y = (r) => {
-  const { h: t, s, l: n, a: e } = l(r);
-  return `hsla(${t}, ${s}%, ${n}%, ${e})`;
-}, m = ({ h: r, s: t, v: s, a: n }) => {
-  r = r / 360 * 6, t = t / 100, s = s / 100;
-  const e = Math.floor(r), o = s * (1 - t), h = s * (1 - (r - e) * t), b = s * (1 - (1 - r + e) * t), d = e % 6;
-  return {
-    r: [s, h, o, o, b, s][d] * 255,
-    g: [b, s, s, h, o, o][d] * 255,
-    b: [o, o, b, s, s, h][d] * 255,
-    a: a(n, 2)
-  };
-}, A = (r) => {
-  const { r: t, g: s, b: n } = m(r);
-  return `rgb(${a(t)}, ${a(s)}, ${a(n)})`;
-}, U = (r) => {
-  const { r: t, g: s, b: n, a: e } = m(r);
-  return `rgba(${a(t)}, ${a(s)}, ${a(n)}, ${a(e, 2)})`;
-}, I = (r) => {
-  const s = /hsva?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
-  return s ? g({
-    h: $(s[1], s[2]),
-    s: Number(s[3]),
-    v: Number(s[4]),
-    a: s[5] === void 0 ? 1 : Number(s[5]) / (s[6] ? 100 : 1)
-  }) : { h: 0, s: 0, v: 0, a: 1 };
-}, V = I, f = (r) => {
-  const s = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
-  return s ? N({
-    r: Number(s[1]) / (s[2] ? 100 / 255 : 1),
-    g: Number(s[3]) / (s[4] ? 100 / 255 : 1),
-    b: Number(s[5]) / (s[6] ? 100 / 255 : 1),
-    a: s[7] === void 0 ? 1 : Number(s[7]) / (s[8] ? 100 : 1)
-  }) : { h: 0, s: 0, v: 0, a: 1 };
-}, j = f, i = (r) => {
-  const t = r.toString(16);
-  return t.length < 2 ? `0${t}` : t;
-}, w = ({ r, g: t, b: s, a: n }) => {
-  const e = n < 1 ? i(a(n * 255)) : "";
-  return `#${i(a(r))}${i(a(t))}${i(a(s))}${e}`;
-}, N = ({ r, g: t, b: s, a: n }) => {
-  const e = Math.max(r, t, s), o = e - Math.min(r, t, s), h = o ? e === r ? (t - s) / o : e === t ? 2 + (s - r) / o : 4 + (r - t) / o : 0;
-  return {
-    h: 60 * (h < 0 ? h + 6 : h),
-    s: e ? o / e * 100 : 0,
-    v: e / 255 * 100,
-    a: n
-  };
-}, g = (r) => ({
-  h: a(r.h),
-  s: a(r.s),
-  v: a(r.v),
-  a: a(r.a, 2)
-}), q = ({ r, g: t, b: s }) => ({ r, g: t, b: s }), z = ({ h: r, s: t, l: s }) => ({ h: r, s: t, l: s }), B = (r) => {
-  const { h: t, s, v: n } = g(r);
-  return { h: t, s, v: n };
-}, M = /^#?([0-9A-F]{3,8})$/i, D = (r, t) => {
-  const s = M.exec(r), n = s ? s[1].length : 0;
-  return n === 3 || // '#rgb' format
-  n === 6 || // '#rrggbb' format
-  !!t && n === 4 || // '#rgba' format
-  !!t && n === 8;
-};
 export {
-  u as Color,
-  E as hexToHsva,
-  p as hexToRgba,
-  P as hslStringToHsva,
-  S as hslaStringToHsva,
-  z as hslaToHsl,
-  x as hslaToHsva,
-  V as hsvStringToHsva,
-  I as hsvaStringToHsva,
-  k as hsvaToHex,
-  L as hsvaToHslString,
-  l as hsvaToHsla,
-  y as hsvaToHslaString,
-  B as hsvaToHsv,
-  O as hsvaToHsvString,
-  F as hsvaToHsvaString,
-  A as hsvaToRgbString,
-  m as hsvaToRgba,
-  U as hsvaToRgbaString,
-  $ as parseHue,
-  j as rgbStringToHsva,
-  f as rgbaStringToHsva,
-  w as rgbaToHex,
-  N as rgbaToHsva,
-  q as rgbaToRgb,
-  g as roundHsva,
-  D as validHex
+  n as Color
 };

package/dist/common/hotkeys.js

@@ -1,5 +1,5 @@
 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";
+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 w } from "./keycodes.js";
 const m = {}, c = [
   K,
   E,
@@ -10,103 +10,103 @@ const m = {}, c = [
   S,
   Y,
   _,
-  b,
-  B
+  B,
+  w
 ], o = {}, u = [];
-function w(t) {
-  if (t === 16) return "Shift";
-  if (t === 17) return "Ctrl";
-  if (t === 18) return "Alt";
-  if (t === 33) return "Northeast";
-  if (t === 34) return "Southeast";
-  if (t === 35) return "Southwest";
-  if (t === 36) return "Northwest";
-  if (t === 37) return "West";
-  if (t === 38) return "North";
-  if (t === 39) return "East";
-  if (t === 40) return "South";
-  if (t === 45) return "Insert";
-  if (t === 46) return "Delete";
-  if (t >= 48 && t <= 57 || t >= 65 && t <= 90)
-    return String.fromCharCode(t);
-  if (t >= 96 && t <= 105)
-    return `Numpad${t - 96}`;
-  if (t >= 112 && t <= 123)
-    return `F${t - 111}`;
-  if (t === 188) return ",";
-  if (t === 189) return "-";
-  if (t === 190) return ".";
+function F(n) {
+  if (n === 16) return "Shift";
+  if (n === 17) return "Ctrl";
+  if (n === 18) return "Alt";
+  if (n === 33) return "Northeast";
+  if (n === 34) return "Southeast";
+  if (n === 35) return "Southwest";
+  if (n === 36) return "Northwest";
+  if (n === 37) return "West";
+  if (n === 38) return "North";
+  if (n === 39) return "East";
+  if (n === 40) return "South";
+  if (n === 45) return "Insert";
+  if (n === 46) return "Delete";
+  if (n >= 48 && n <= 57 || n >= 65 && n <= 90)
+    return String.fromCharCode(n);
+  if (n >= 96 && n <= 105)
+    return `Numpad${n - 96}`;
+  if (n >= 112 && n <= 123)
+    return `F${n - 111}`;
+  if (n === 188) return ",";
+  if (n === 189) return "-";
+  if (n === 190) return ".";
 }
-function F(t) {
-  const n = String(t);
-  if (n === "Ctrl+F5" || n === "Ctrl+R") {
+function N(n) {
+  const t = String(n);
+  if (t === "Ctrl+F5" || t === "Ctrl+R") {
     location.reload();
     return;
   }
-  if (n === "Ctrl+F" || t.event.defaultPrevented || t.isModifierKey() || c.includes(t.code))
+  if (t === "Ctrl+F" || n.event.defaultPrevented || n.isModifierKey() || c.includes(n.code))
     return;
-  const e = w(t.code);
-  if (!e)
+  const i = F(n.code);
+  if (!i)
     return;
-  const f = m[e];
+  const f = m[i];
   if (f)
     return Byond.command(f);
-  if (t.isDown() && !o[e]) {
-    o[e] = !0;
-    const r = `KeyDown "${e}"`;
+  if (n.isDown() && !o[i]) {
+    o[i] = !0;
+    const r = `KeyDown "${i}"`;
     return Byond.command(r);
   }
-  if (t.isUp() && o[e]) {
-    o[e] = !1;
-    const r = `KeyUp "${e}"`;
+  if (n.isUp() && o[i]) {
+    o[i] = !1;
+    const r = `KeyUp "${i}"`;
     return Byond.command(r);
   }
 }
-function O(t) {
-  c.push(t);
+function P(n) {
+  c.push(n);
 }
-function P(t) {
-  const n = c.indexOf(t);
-  n >= 0 && c.splice(n, 1);
+function R(n) {
+  const t = c.indexOf(n);
+  t >= 0 && c.splice(t, 1);
 }
-function N() {
-  for (const t of Object.keys(o))
-    o[t] && (o[t] = !1, Byond.command(`KeyUp "${t}"`));
+function T() {
+  for (const n in o)
+    o[n] && (o[n] = !1, Byond.command(`KeyUp "${n}"`));
 }
-function R() {
-  Byond.winget("default.*").then((t) => {
-    const n = {};
-    for (const r of Object.keys(t)) {
-      const s = r.split("."), i = s[1], a = s[2];
-      i && a && (n[i] || (n[i] = {}), n[i][a] = t[r]);
+function v() {
+  Byond.winget("default.*").then((n) => {
+    const t = {};
+    for (const r in n) {
+      const s = r.split("."), e = s[1], a = s[2];
+      e && a && (t[e] || (t[e] = {}), t[e][a] = n[r]);
     }
-    const e = /\\"/g;
+    const i = /\\"/g;
     function f(r) {
-      return r.substring(1, r.length - 1).replace(e, '"');
+      return r.substring(1, r.length - 1).replace(i, '"');
     }
-    for (const r of Object.keys(n)) {
-      const s = n[r], i = f(s.name);
-      m[i] = f(s.command);
+    for (const r in t) {
+      const s = t[r], e = f(s.name);
+      m[e] = f(s.command);
     }
   }), l.on("window-blur", () => {
-    N();
-  }), l.on("key", (t) => {
-    for (const n of u)
-      n(t);
-    F(t);
+    T();
+  }), l.on("key", (n) => {
+    for (const t of u)
+      t(n);
+    N(n);
   });
 }
-function v(t) {
-  u.push(t);
-  let n = !1;
+function x(n) {
+  u.push(n);
+  let t = !1;
   return () => {
-    n || (n = !0, u.splice(u.indexOf(t), 1));
+    t || (t = !0, u.splice(u.indexOf(n), 1));
   };
 }
 export {
-  O as acquireHotKey,
-  v as listenForKeyEvents,
-  N as releaseHeldKeys,
-  P as releaseHotKey,
-  R as setupHotKeys
+  P as acquireHotKey,
+  x as listenForKeyEvents,
+  T as releaseHeldKeys,
+  R as releaseHotKey,
+  v as setupHotKeys
 };

package/dist/components/AnimatedNumber.d.ts

@@ -9,13 +9,13 @@ type Props = {
      * If provided, a function that formats the inner string. By default,
      * attempts to match the numeric precision of `value`.
      */
-    format?: (value: number) => string;
+    format: (value: number) => string;
     /**
      * If provided, the initial value displayed. By default, the same as `value`.
      * If `initial` and `value` are different, the component immediately starts
      * animating.
      */
-    initial?: number;
+    initial: number;
 }>;
 /**
  * ## AnimatedNumber

package/dist/components/Button.d.ts

@@ -54,21 +54,11 @@ type Props = Partial<{
     /** Align content vertically using flex. Use lineHeight if the height is static. */
     verticalAlignContent: string;
 }> & EllipsisUnion & BoxProps;
-/**
- * ## Button
- * Buttons allow users to take actions, and make choices, with a single click.
- */
 export declare function Button(props: Props): import("react/jsx-runtime").JSX.Element;
-export declare namespace Button {
-    var Checkbox: typeof ButtonCheckbox;
-    var Confirm: typeof ButtonConfirm;
-    var Input: typeof ButtonInput;
-    var File: typeof ButtonFile;
-}
 type CheckProps = Partial<{
     checked: BooleanLike;
 }> & Props;
-export declare function ButtonCheckbox(props: CheckProps): import("react/jsx-runtime").JSX.Element;
+declare function ButtonCheckbox(props: CheckProps): import("react/jsx-runtime").JSX.Element;
 type ConfirmProps = Partial<{
     confirmColor: string;
     confirmContent: ReactNode;
@@ -78,7 +68,6 @@ declare function ButtonConfirm(props: ConfirmProps): import("react/jsx-runtime")
 type InputProps = Partial<{
     currentValue: string;
     defaultValue: string;
-    fluid: boolean;
     maxLength: number;
     onCommit: (e: any, value: string) => void;
     placeholder: string;
@@ -90,4 +79,32 @@ type FileProps = {
     onSelectFiles: (files: string | string[]) => void;
 } & Props;
 declare function ButtonFile(props: FileProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * ## Button
+ * Buttons allow users to take actions, and make choices, with a single click.
+ */
+export declare namespace Button {
+    /**
+     * ## Button.Checkbox
+     * A ghetto checkbox, made entirely using existing Button API.
+     */
+    const Checkbox: typeof ButtonCheckbox;
+    /**
+     * ## Button.Confirm
+     * A button with an extra confirmation step, using native button component.
+     */
+    const Confirm: typeof ButtonConfirm;
+    /**
+     * ## Button.Input
+     * A button that turns into an input box after the first click.
+     *
+     * Turns back into a button after the user hits enter, defocuses, or hits escape. Enter and defocus commit, while escape cancels.
+     */
+    const Input: typeof ButtonInput;
+    /**
+     * ## Button.File
+     * Accepts file input, based on the native element.
+     */
+    const File: typeof ButtonFile;
+}
 export {};