@tspro/ts-utils-lib 2.2.1 → 3.0.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 /*!
- * TsUtilsLib v2.2.1 (esm)
+ * TsUtilsLib v3.0.0 (esm)
  * (c) 2023-2025 PahkaSoft
  * Licensed under the MIT License
  */
@@ -1221,26 +1221,38 @@ function eraseAll() {
 var device_exports = {};
 __export(device_exports, {
   DPI: () => DPI,
+  DevicePixelRatio: () => DevicePixelRatio,
   FontSize: () => FontSize,
   HostAddress: () => HostAddress,
   IsMobileDevice: () => IsMobileDevice,
   IsTouchDevice: () => IsTouchDevice,
-  PxPerMm: () => PxPerMm,
   ScrollbarWidth: () => ScrollbarWidth,
-  mmToPx: () => mmToPx,
-  pxToMm: () => pxToMm,
-  toPx: () => toPx
+  pxToUnit: () => pxToUnit,
+  pxToUnitStr: () => pxToUnitStr,
+  unitToPx: () => unitToPx
 });
-function getDPI() {
+var CSS_UNIT_RE = /^\s*([+-]?\d*\.?\d+)\s*(px|cm|mm|in|pt|pc|em|rem|vw|vh|vmin|vmax|%)?\s*$/;
+function parseCssUnit(input) {
+  const m = CSS_UNIT_RE.exec(input);
+  if (!m) return void 0;
+  return {
+    value: Number(m[1]),
+    unit: m[2] ?? void 0
+  };
+}
+function getDevicePixelRatio() {
+  return typeof window === "undefined" ? 1 : window.devicePixelRatio;
+}
+function getPxPerUnit(unit, _default) {
   try {
     let el = document.createElement("div");
-    el.style.width = "1in";
+    el.style.width = "1" + unit;
     document.body.appendChild(el);
     let dpi = el.offsetWidth;
     el.remove();
-    return dpi || 96;
+    return dpi || _default;
   } catch (e) {
-    return 96;
+    return _default;
   }
 }
 function getScrollBarWidth() {
@@ -1298,55 +1310,60 @@ function getHostAddress() {
   }
   return `${location.protocol}//${location.host}`;
 }
-var UnitRegExp = /^(mm|cm|in|inch|px|em)$/;
-var ValueUnitRegExp = /^([0-9\\.]+)(.*)$/;
-var DPI = getDPI();
-var PxPerMm = DPI / 25.4;
 var ScrollbarWidth = getScrollBarWidth();
 var FontSize = getSystemFontSize();
 var IsTouchDevice = getIsTouchDevice();
 var IsMobileDevice = getIsMobileDevice();
 var HostAddress = getHostAddress();
-function pxToMm(px) {
-  return px / PxPerMm;
-}
-function mmToPx(mm) {
-  return mm * PxPerMm;
-}
-function toPx(input) {
-  if (typeof input === "number") {
-    return input;
-  }
-  let value = NaN;
-  let unit = void 0;
-  let match = input.toString().match(ValueUnitRegExp);
-  if (match && match[1]) {
-    value = parseFloat(match[1]);
-    let unitStr = match[2] ? match[2].toLowerCase() : "undefined";
-    let unitStrOk = UnitRegExp.test(unitStr);
-    unit = unitStrOk ? unitStr : void 0;
-    if (!unit) {
-      console.log("Unknown unit '" + unitStr + "' => using 'px'.");
-    }
-  } else {
-    value = parseFloat(input);
-  }
-  assert_exports.isFinite(value, "value in function toPx");
+var DevicePixelRatio = getDevicePixelRatio();
+var DPI = getPxPerUnit("in", 96);
+var PxPerIn = getPxPerUnit("in", 96);
+var PxPerMm = getPxPerUnit("mm", 96 / 25.4);
+var PxPerCm = getPxPerUnit("cm", 96 / 25.4 * 10);
+var PxPerEm = getPxPerUnit("em", FontSize);
+function unitToPx(valueUnit) {
+  if (typeof valueUnit === "number")
+    return valueUnit;
+  const p = parseCssUnit(valueUnit);
+  const value = p?.value;
+  const unit = p?.unit;
+  if (!guard_exports.isFinite(value))
+    assert_exports.fail(`Invalid value: ${value}`);
   switch (unit) {
     case "mm":
-      return mmToPx(value);
+      return value * PxPerMm;
     case "cm":
-      return mmToPx(value) * 10;
+      return value * PxPerCm;
     case "in":
-    case "inch":
-      return mmToPx(value) * 25.4;
+      return value * PxPerIn;
     case "em":
-      return FontSize * value;
-    default:
+      return value * PxPerEm;
     case "px":
+    case void 0:
       return value;
+    default:
+      assert_exports.fail(`Unsupported CssUnit: ${unit}`);
+  }
+}
+function pxToUnit(px, unit) {
+  switch (unit) {
+    case "mm":
+      return px / PxPerMm;
+    case "cm":
+      return px / PxPerCm;
+    case "em":
+      return px / PxPerEm;
+    case "in":
+      return px / PxPerIn;
+    case "px":
+      return px;
+    default:
+      assert_exports.fail(`Unsupported CssUnit: ${unit}`);
   }
 }
+function pxToUnitStr(px, unit) {
+  return `${pxToUnit(px, unit)}${unit}`;
+}
 
 // src/utils/index.ts
 var utils_exports = {};
@@ -1447,6 +1464,7 @@ __export(dom_exports, {
   getPadding: () => getPadding,
   getWidth: () => getWidth,
   hasClass: () => hasClass,
+  injectCss: () => injectCss,
   removeClass: () => removeClass,
   removeFromParent: () => removeFromParent,
   setHeight: () => setHeight,
@@ -1459,8 +1477,8 @@ __export(dom_exports, {
 function _getElemById(id) {
   return typeof document === "undefined" ? void 0 : document.getElementById(id) ?? void 0;
 }
-function toPx2(value) {
-  return value === void 0 ? void 0 : device_exports.toPx(value);
+function toPx(value) {
+  return value === void 0 ? void 0 : device_exports.unitToPx(value);
 }
 function hasClass(el, className) {
   if (className.length === 0) {
@@ -1556,38 +1574,38 @@ function getPadding(style) {
   if (!style) {
     return { top: 0, right: 0, bottom: 0, left: 0 };
   }
-  let top = toPx2(style.paddingTop);
-  let right = toPx2(style.paddingRight);
-  let bottom = toPx2(style.paddingBottom);
-  let left = toPx2(style.paddingLeft);
+  let top = toPx(style.paddingTop);
+  let right = toPx(style.paddingRight);
+  let bottom = toPx(style.paddingBottom);
+  let left = toPx(style.paddingLeft);
   let padding = (style.padding ?? "").toString().split(" ").filter((s) => s.length > 0);
   switch (padding.length) {
     case 0:
       break;
     case 1:
-      top ?? (top = toPx2(padding[0]));
-      right ?? (right = toPx2(padding[0]));
-      bottom ?? (bottom = toPx2(padding[0]));
-      left ?? (left = toPx2(padding[0]));
+      top ?? (top = toPx(padding[0]));
+      right ?? (right = toPx(padding[0]));
+      bottom ?? (bottom = toPx(padding[0]));
+      left ?? (left = toPx(padding[0]));
       break;
     case 2:
-      top ?? (top = toPx2(padding[0]));
-      right ?? (right = toPx2(padding[1]));
-      bottom ?? (bottom = toPx2(padding[0]));
-      left ?? (left = toPx2(padding[1]));
+      top ?? (top = toPx(padding[0]));
+      right ?? (right = toPx(padding[1]));
+      bottom ?? (bottom = toPx(padding[0]));
+      left ?? (left = toPx(padding[1]));
       break;
     case 3:
-      top ?? (top = toPx2(padding[0]));
-      right ?? (right = toPx2(padding[1]));
-      bottom ?? (bottom = toPx2(padding[2]));
-      left ?? (left = toPx2(padding[1]));
+      top ?? (top = toPx(padding[0]));
+      right ?? (right = toPx(padding[1]));
+      bottom ?? (bottom = toPx(padding[2]));
+      left ?? (left = toPx(padding[1]));
       break;
     case 4:
     default:
-      top ?? (top = toPx2(padding[0]));
-      right ?? (right = toPx2(padding[1]));
-      bottom ?? (bottom = toPx2(padding[2]));
-      left ?? (left = toPx2(padding[3]));
+      top ?? (top = toPx(padding[0]));
+      right ?? (right = toPx(padding[1]));
+      bottom ?? (bottom = toPx(padding[2]));
+      left ?? (left = toPx(padding[3]));
       break;
   }
   top ?? (top = 0);
@@ -1597,12 +1615,12 @@ function getPadding(style) {
   return { top, right, bottom, left };
 }
 function getDimension(style) {
-  let left = toPx2(style?.left);
-  let right = toPx2(style?.right);
-  let top = toPx2(style?.top);
-  let bottom = toPx2(style?.bottom);
-  let width = toPx2(style?.width);
-  let height = toPx2(style?.height);
+  let left = toPx(style?.left);
+  let right = toPx(style?.right);
+  let top = toPx(style?.top);
+  let bottom = toPx(style?.bottom);
+  let width = toPx(style?.width);
+  let height = toPx(style?.height);
   if (width === void 0 && left !== void 0 && right !== void 0) {
     width = right - left;
   }
@@ -1630,6 +1648,15 @@ function getCanvasTextWidth(text, font) {
   ctx.font = font;
   return ctx.measureText(text).width;
 }
+function injectCss(styleId, styleCss) {
+  if (styleId === "" || styleCss === "") return;
+  if (typeof document === "undefined") return;
+  if (document.getElementById(styleId)) return;
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = styleCss;
+  document.head.appendChild(style);
+}
 
 // src/utils/math/index.ts
 var math_exports = {};
@@ -4367,7 +4394,7 @@ var LinkedList = class _LinkedList extends BaseContainer {
 
 // src/index.ts
 function getLibInfo() {
-  return "TsUtilsLib v2.2.1 (esm)";
+  return "TsUtilsLib v3.0.0 (esm)";
 }
 
 export { AnchoredRect, assert_exports as Assert, BaseContainer, BiMap, cookies_exports as Cookies, DefaultArray, DefaultEqualityFn, device_exports as Device, guard_exports as Guard, IndexArray, LRUCache, LinkedList, MultiContainer, Rect, SignedIndexArray, Stack, TriMap, UniMap, utils_exports as Utils, ValueSet, Vec, asMulti, getLibInfo };