@unovis/ts 1.7.0-Phoenix.0 → 1.7.0-pre.1

package/utils/to-px.js

@@ -0,0 +1,110 @@
+// SSR-safe port of https://github.com/mikolalysenko/to-px
+function parseUnit(str) {
+    var _a;
+    str = String(str);
+    const num = parseFloat(str);
+    const unit = ((_a = str.match(/[\d.\-+]*\s*(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || '';
+    return [num, unit];
+}
+function isBrowser() {
+    return typeof window !== 'undefined' && typeof document !== 'undefined';
+}
+function getPropertyInPX(element, prop) {
+    var _a;
+    const parts = parseUnit(getComputedStyle(element).getPropertyValue(prop));
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    return parts[0] * ((_a = toPx(parts[1], element)) !== null && _a !== void 0 ? _a : 1);
+}
+function getSizeBrutal(unit, element) {
+    const testDIV = document.createElement('div');
+    testDIV.style.height = `128${unit}`;
+    element.appendChild(testDIV);
+    const size = getPropertyInPX(testDIV, 'height') / 128;
+    element.removeChild(testDIV);
+    return size;
+}
+let cachedPPI = null;
+function getPixelsPerInch() {
+    if (!isBrowser())
+        return 96; // Standard default
+    if (cachedPPI === null)
+        cachedPPI = getSizeBrutal('in', document.body);
+    return cachedPPI;
+}
+function toPx(str, element) {
+    var _a;
+    if (!str && str !== 0)
+        return null;
+    // SSR guard
+    if (!isBrowser()) {
+        // Return sensible defaults for SSR
+        const parts = parseUnit(String(str));
+        if (!isNaN(parts[0])) {
+            const unit = ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || 'px';
+            if (unit === 'px' || unit === '')
+                return parts[0];
+            if (unit === 'em' || unit === 'rem')
+                return parts[0] * 16; // Assume 16px base
+            if (unit === 'in')
+                return parts[0] * 96;
+            if (unit === 'cm')
+                return parts[0] * (96 / 2.54);
+            if (unit === 'mm')
+                return parts[0] * (96 / 25.4);
+            if (unit === 'pt')
+                return parts[0] * (96 / 72);
+            if (unit === 'pc')
+                return parts[0] * (96 / 6);
+        }
+        return null;
+    }
+    let el = document.body;
+    if (element && element !== window && element !== document) {
+        el = element;
+    }
+    const s = (String(str) || 'px').trim().toLowerCase();
+    switch (s) {
+        case '%':
+            return el.clientHeight / 100.0;
+        case 'ch':
+        case 'ex':
+            return getSizeBrutal(s, el);
+        case 'em':
+            return getPropertyInPX(el, 'font-size');
+        case 'rem':
+            return getPropertyInPX(document.body, 'font-size');
+        case 'vw':
+            return window.innerWidth / 100;
+        case 'vh':
+            return window.innerHeight / 100;
+        case 'vmin':
+            return Math.min(window.innerWidth, window.innerHeight) / 100;
+        case 'vmax':
+            return Math.max(window.innerWidth, window.innerHeight) / 100;
+        case 'in':
+            return getPixelsPerInch();
+        case 'cm':
+            return getPixelsPerInch() / 2.54;
+        case 'mm':
+            return getPixelsPerInch() / 25.4;
+        case 'pt':
+            return getPixelsPerInch() / 72;
+        case 'pc':
+            return getPixelsPerInch() / 6;
+        case 'px':
+            return 1;
+    }
+    // Detect number + units (e.g., "12px", "2em")
+    const parts = parseUnit(s);
+    if (!isNaN(parts[0])) {
+        if (parts[1]) {
+            const px = toPx(parts[1], el);
+            return typeof px === 'number' ? parts[0] * px : null;
+        }
+        return parts[0];
+    }
+    return null;
+}
+
+export { toPx };
+//# sourceMappingURL=to-px.js.map

package/utils/to-px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-px.js","sources":["../../src/utils/to-px.ts"],"sourcesContent":["// SSR-safe port of https://github.com/mikolalysenko/to-px\n\nfunction parseUnit (str: string): [number, string] {\n  str = String(str)\n  const num = parseFloat(str)\n  const unit = str.match(/[\\d.\\-+]*\\s*(.*)/)?.[1] || ''\n  return [num, unit]\n}\n\nfunction isBrowser (): boolean {\n  return typeof window !== 'undefined' && typeof document !== 'undefined'\n}\n\nfunction getPropertyInPX (element: Element, prop: string): number {\n  const parts = parseUnit(getComputedStyle(element).getPropertyValue(prop))\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  return parts[0] * (toPx(parts[1], element) ?? 1)\n}\n\nfunction getSizeBrutal (unit: string, element: Element): number {\n  const testDIV = document.createElement('div')\n  testDIV.style.height = `128${unit}`\n  element.appendChild(testDIV)\n  const size = getPropertyInPX(testDIV, 'height') / 128\n  element.removeChild(testDIV)\n  return size\n}\n\nlet cachedPPI: number | null = null\nfunction getPixelsPerInch (): number {\n  if (!isBrowser()) return 96 // Standard default\n  if (cachedPPI === null) cachedPPI = getSizeBrutal('in', document.body)\n  return cachedPPI\n}\n\nexport function toPx (str: string | number | null | undefined, element?: Element | Window | Document | null): number | null {\n  if (!str && str !== 0) return null\n\n  // SSR guard\n  if (!isBrowser()) {\n    // Return sensible defaults for SSR\n    const parts = parseUnit(String(str))\n    if (!isNaN(parts[0])) {\n      const unit = parts[1]?.toLowerCase() || 'px'\n      if (unit === 'px' || unit === '') return parts[0]\n      if (unit === 'em' || unit === 'rem') return parts[0] * 16 // Assume 16px base\n      if (unit === 'in') return parts[0] * 96\n      if (unit === 'cm') return parts[0] * (96 / 2.54)\n      if (unit === 'mm') return parts[0] * (96 / 25.4)\n      if (unit === 'pt') return parts[0] * (96 / 72)\n      if (unit === 'pc') return parts[0] * (96 / 6)\n    }\n    return null\n  }\n\n  let el: Element = document.body\n  if (element && element !== window && element !== document) {\n    el = element as Element\n  }\n\n  const s = (String(str) || 'px').trim().toLowerCase()\n\n  switch (s) {\n    case '%':\n      return el.clientHeight / 100.0\n    case 'ch':\n    case 'ex':\n      return getSizeBrutal(s, el)\n    case 'em':\n      return getPropertyInPX(el, 'font-size')\n    case 'rem':\n      return getPropertyInPX(document.body, 'font-size')\n    case 'vw':\n      return window.innerWidth / 100\n    case 'vh':\n      return window.innerHeight / 100\n    case 'vmin':\n      return Math.min(window.innerWidth, window.innerHeight) / 100\n    case 'vmax':\n      return Math.max(window.innerWidth, window.innerHeight) / 100\n    case 'in':\n      return getPixelsPerInch()\n    case 'cm':\n      return getPixelsPerInch() / 2.54\n    case 'mm':\n      return getPixelsPerInch() / 25.4\n    case 'pt':\n      return getPixelsPerInch() / 72\n    case 'pc':\n      return getPixelsPerInch() / 6\n    case 'px':\n      return 1\n  }\n\n  // Detect number + units (e.g., \"12px\", \"2em\")\n  const parts = parseUnit(s)\n  if (!isNaN(parts[0])) {\n    if (parts[1]) {\n      const px = toPx(parts[1], el)\n      return typeof px === 'number' ? parts[0] * px : null\n    }\n    return parts[0]\n  }\n\n  return null\n}\n"],"names":[],"mappings":"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"}