physical-quantity 1.1.92 → 1.2.2

package/dist/pq.es.js

@@ -1,4 +1,41 @@
-const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 1852, V = 66 * 660, d = 4.54609, p = 231, I = 268.8025, g = 1 / 8, F = 1 / 20, G = 1 / 16, B = 8, _ = 8, q = 1 / 16, z = 240, K = 250, Q = 10, T = 14.59390294, f = 1055.05585262, w = 4.1868, b = 4.184, R = 550 * o * r * n, N = 101325, $ = 1 / 760, y = 133.322387415, j = 624150974e10, U = {
+/**
+ * physical-quantity v1.2.0
+ * A web component bundle to represent physical quantities with automated unit conversion.
+ * @license MIT
+ * @author E3d - Don Wen <don.wen@calcslive.com>
+ */
+const THOUSAND = 1e3;
+const MILLION = 1e6;
+const BILLION = 1e9;
+const POUNDMASS_KG = 0.45359237;
+const GRAVITY_SI = 9.80665;
+const MILE_FOOT = 5280;
+const INCH_METER = 25.4 / 1e3;
+const FOOT_METER = 12 * INCH_METER;
+const NM_METER = 1852;
+const ACRE_FOOT2 = 66 * 660;
+const GALLON_UK_IMPERIAL_LITRE = 4.54609;
+const GALLON_US_LIQUID_IN3 = 231;
+const GALLON_US_DRY_IN3 = 268.8025;
+const PINT_GALLON = 1 / 8;
+const OUNCE_FLUID_PINT_UK_IMPERIAL = 1 / 20;
+const OUNCE_FLUID_PINT_US_LIQUID = 1 / 16;
+const BUSHEL_GALLON_UK_IMPERIAL = 8;
+const BUSHEL_GALLON_US_DRY = 8;
+const CUP_US_GALLON_LIQUID = 1 / 16;
+const CUP_LEGAL_ML_LIQUID = 240;
+const CUP_METRIC_ML_LIQUID = 250;
+const CUP_IMPERIAL_OUNCE_LIQUID = 10;
+const SLUG_KG = 14.59390294;
+const BTU_J = 1055.05585262;
+const CALORIE_IT_J = 4.1868;
+const CALORIE_TH_J = 4.184;
+const HP_W = 550 * POUNDMASS_KG * GRAVITY_SI * FOOT_METER;
+const ATM_PA = 101325;
+const TORR_ATM = 1 / 760;
+const MMHG_PA = 133.322387415;
+const J_EV = 624150974e10;
+const UNITS = {
   /* 901  */
   Length: [
     "m",
@@ -556,59 +593,60 @@ const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 185
   ]
   /* 154  */
   /*   */
-}, M = {
+};
+const CONVERSION_FACTORS = {
   /* 901  */
   Length: {
-    m: 1,
-    "nano[nm]": 1 / 1e9,
-    µm: 1 / 1e6,
-    micron: 1 / 1e6,
-    mm: 1 / 1e3,
-    cm: 0.01,
-    dm: 0.1,
-    km: 1e3,
-    in: l,
-    "thou[mil, or thousandth of an inch]": l / 1e3,
+    "m": 1,
+    "nano[nm]": 1 / BILLION,
+    "µm": 1 / MILLION,
+    "micron": 1 / MILLION,
+    "mm": 1 / THOUSAND,
+    "cm": 0.01,
+    "dm": 0.1,
+    "km": THOUSAND,
+    "in": INCH_METER,
+    "thou[mil, or thousandth of an inch]": INCH_METER / THOUSAND,
     // a thousandth is called a thou per wiki
-    "ft-in": l,
-    ft: n,
-    yd: 3 * n,
-    mile: v * n,
-    "NM[M, nmi, or nautical mile]": W
+    "ft-in": INCH_METER,
+    "ft": FOOT_METER,
+    "yd": 3 * FOOT_METER,
+    "mile": MILE_FOOT * FOOT_METER,
+    "NM[M, nmi, or nautical mile]": NM_METER
   },
   /* 902  */
   Mass: {
-    kg: 1,
-    g: 1e-3,
-    mg: 1 / 1e6,
-    µg: 1 / 1e9,
-    oz: 1 / 16 * o,
-    lbm: o,
-    slug: T,
-    "ton(US/short)": 2e3 * o,
-    "ton(UK-Imperial/long)": 2240 * o,
-    tonne: 1e3
+    "kg": 1,
+    "g": 1e-3,
+    "mg": 1 / MILLION,
+    "µg": 1 / BILLION,
+    "oz": 1 / 16 * POUNDMASS_KG,
+    "lbm": POUNDMASS_KG,
+    "slug": SLUG_KG,
+    "ton(US/short)": 2e3 * POUNDMASS_KG,
+    "ton(UK-Imperial/long)": 2240 * POUNDMASS_KG,
+    "tonne": THOUSAND
   },
   /* 903  */
   Time: {
     /* ["s[second]", "s", "minute", "h", "h[hour]", "day", "week"], */
     "s[second]": 1,
-    s: 1,
-    minute: 60,
-    h: 3600,
+    "s": 1,
+    "minute": 60,
+    "h": 3600,
     "h[hour]": 3600,
-    day: 3600 * 24,
-    week: 3600 * 24 * 7
+    "day": 3600 * 24,
+    "week": 3600 * 24 * 7
   },
   /* 904  */
   ElectricalCurrent: {
     /* ["A", "Ampere[amp]", "mA", "µA", "kA", "MA", "esu/s"], */
-    A: 1,
+    "A": 1,
     "Ampere[amp]": 1,
-    mA: 1e-3,
-    µA: 1e-6,
-    kA: 1e3,
-    MA: 1e6,
+    "mA": 1e-3,
+    "µA": 1e-6,
+    "kA": THOUSAND,
+    "MA": MILLION,
     "esu/s": 1 / 3e9
   },
   /* 905  */
@@ -620,9 +658,9 @@ const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 185
   },
   /* 906  */
   "Amount of Substance": {
-    mol: 1,
-    mmol: 1e-3,
-    kmol: 1e3
+    "mol": 1,
+    "mmol": 1e-3,
+    "kmol": THOUSAND
   },
   /* 907  */
   "Luminous Intensity": {
@@ -636,15 +674,15 @@ const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 185
     "m/s²": 1,
     "m/min²": 1 / 3600,
     "mm/s²": 1e-3,
-    "ft/s²": n,
-    "ft/min²": n / 3600,
-    "in/s²": l
+    "ft/s²": FOOT_METER,
+    "ft/min²": FOOT_METER / 3600,
+    "in/s²": INCH_METER
   },
   /* 1001 */
   "Gravitational Constant": {
     "m³/kg/s²": 1,
     "N⋅m²/kg²": 1,
-    "dyn⋅cm²/g²": 1e3
+    "dyn⋅cm²/g²": THOUSAND
   },
   /* 1010 */
   "Velocity (Angular)": {
@@ -666,102 +704,102 @@ const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 185
   },
   /* 102  */
   Illuminance: {
-    lux: 1,
+    "lux": 1,
     "lumen/m²": 1,
     "lm/m²": 1,
     "meter-candle": 1,
-    phot: 1e4,
-    "foot-candle": 1 / Math.pow(n, 2),
-    fc: 1 / Math.pow(n, 2),
-    "lumen/ft²": 1 / Math.pow(n, 2),
-    "lm/ft²": 1 / Math.pow(n, 2)
+    "phot": 1e4,
+    "foot-candle": 1 / Math.pow(FOOT_METER, 2),
+    "fc": 1 / Math.pow(FOOT_METER, 2),
+    "lumen/ft²": 1 / Math.pow(FOOT_METER, 2),
+    "lm/ft²": 1 / Math.pow(FOOT_METER, 2)
   },
   /* 103 */
   Frequency: {
-    Hz: 1,
+    "Hz": 1,
     "1/s": 1,
     "1/min": 1 / 60,
-    rpm: 1 / 60,
+    "rpm": 1 / 60,
     "1/hour": 1 / 3600,
-    mHz: 1 / 1e3,
-    kHz: 1e3,
-    MHz: 1e6,
-    GHz: 1e9
+    "mHz": 1 / THOUSAND,
+    "kHz": THOUSAND,
+    "MHz": MILLION,
+    "GHz": BILLION
   },
   /* 104 */
   Area: {
     "m²": 1,
-    "µm²": Math.pow(1 / 1e6, 2),
-    "mm²": Math.pow(1 / 1e3, 2),
+    "µm²": Math.pow(1 / MILLION, 2),
+    "mm²": Math.pow(1 / THOUSAND, 2),
     "cm²": Math.pow(1 / 100, 2),
-    "km²": 1e6,
-    hectare: Math.pow(100, 2),
-    "in²": Math.pow(l, 2),
-    "ft²": Math.pow(n, 2),
-    "yd²": Math.pow(n * 3, 2),
-    acre: V * Math.pow(n, 2),
-    "mile²": Math.pow(v * n, 2)
+    "km²": MILLION,
+    "hectare": Math.pow(100, 2),
+    "in²": Math.pow(INCH_METER, 2),
+    "ft²": Math.pow(FOOT_METER, 2),
+    "yd²": Math.pow(FOOT_METER * 3, 2),
+    "acre": ACRE_FOOT2 * Math.pow(FOOT_METER, 2),
+    "mile²": Math.pow(MILE_FOOT * FOOT_METER, 2)
   },
   /* 105 */
   "Volume / Section Modulus": {
     "m³": 1,
-    "µm³": Math.pow(1 / 1e6, 3),
-    "mm³": Math.pow(1 / 1e3, 3),
+    "µm³": Math.pow(1 / MILLION, 3),
+    "mm³": Math.pow(1 / THOUSAND, 3),
     "cm³": Math.pow(1 / 100, 3),
-    L: 1 / 1e3,
-    ml: 1 / 1e6,
-    "km³": Math.pow(1e3, 3),
-    "in³": Math.pow(l, 3),
-    "ft³": Math.pow(n, 3),
-    "yd³": Math.pow(n * 3, 3),
-    "gal(UK-imperial)": d * 1 / 1e3,
-    "gal(US-liquid)": p * Math.pow(l, 3),
-    "gal(US-dry)": I * Math.pow(l, 3),
-    "pint(UK-imperial)": g * d * 1 / 1e3,
-    "pint(US-liquid)": g * p * Math.pow(l, 3),
-    "pint(US-dry)": g * I * Math.pow(l, 3),
-    "fluid ounce(UK-imperial)": F * g * d / 1e3,
-    "fluid ounce(US-liquid)": G * g * p * Math.pow(l, 3),
-    "bushel(UK-imperial)": B * d / 1e3,
-    "bushel(US-dry)": _ * I * Math.pow(l, 3),
-    "cup(US-liquid)": q * p * Math.pow(l, 3),
-    "cup(Legal)": z * Math.pow(0.01, 3),
-    "cup(Metric)": K * Math.pow(0.01, 3),
-    "cup(Imperial)": Q * F * g * d / 1e3
+    "L": 1 / THOUSAND,
+    "ml": 1 / MILLION,
+    "km³": Math.pow(THOUSAND, 3),
+    "in³": Math.pow(INCH_METER, 3),
+    "ft³": Math.pow(FOOT_METER, 3),
+    "yd³": Math.pow(FOOT_METER * 3, 3),
+    "gal(UK-imperial)": GALLON_UK_IMPERIAL_LITRE * 1 / 1e3,
+    "gal(US-liquid)": GALLON_US_LIQUID_IN3 * Math.pow(INCH_METER, 3),
+    "gal(US-dry)": GALLON_US_DRY_IN3 * Math.pow(INCH_METER, 3),
+    "pint(UK-imperial)": PINT_GALLON * GALLON_UK_IMPERIAL_LITRE * 1 / 1e3,
+    "pint(US-liquid)": PINT_GALLON * GALLON_US_LIQUID_IN3 * Math.pow(INCH_METER, 3),
+    "pint(US-dry)": PINT_GALLON * GALLON_US_DRY_IN3 * Math.pow(INCH_METER, 3),
+    "fluid ounce(UK-imperial)": OUNCE_FLUID_PINT_UK_IMPERIAL * PINT_GALLON * GALLON_UK_IMPERIAL_LITRE / 1e3,
+    "fluid ounce(US-liquid)": OUNCE_FLUID_PINT_US_LIQUID * PINT_GALLON * GALLON_US_LIQUID_IN3 * Math.pow(INCH_METER, 3),
+    "bushel(UK-imperial)": BUSHEL_GALLON_UK_IMPERIAL * GALLON_UK_IMPERIAL_LITRE / 1e3,
+    "bushel(US-dry)": BUSHEL_GALLON_US_DRY * GALLON_US_DRY_IN3 * Math.pow(INCH_METER, 3),
+    "cup(US-liquid)": CUP_US_GALLON_LIQUID * GALLON_US_LIQUID_IN3 * Math.pow(INCH_METER, 3),
+    "cup(Legal)": CUP_LEGAL_ML_LIQUID * Math.pow(0.01, 3),
+    "cup(Metric)": CUP_METRIC_ML_LIQUID * Math.pow(0.01, 3),
+    "cup(Imperial)": CUP_IMPERIAL_OUNCE_LIQUID * OUNCE_FLUID_PINT_UK_IMPERIAL * PINT_GALLON * GALLON_UK_IMPERIAL_LITRE / 1e3
   },
   /* 106 */
   "Polar Moment of Inertia": {
     "m⁴": 1,
     "mm⁴": 1e-12,
     "cm⁴": 1e-8,
-    "in⁴": Math.pow(l, 4),
-    "ft⁴": Math.pow(n, 4)
+    "in⁴": Math.pow(INCH_METER, 4),
+    "ft⁴": Math.pow(FOOT_METER, 4)
   },
   /* 1060 */
   "Moment of Inertia": {
     "kg⋅m²": 1,
-    "g⋅cm²": 1 / (1e3 * 1e4),
-    "g⋅mm²": 1 / (1e3 * 1e6),
-    "lbm⋅ft²": o * Math.pow(n, 2),
-    "lbm⋅in²": o * Math.pow(l, 2),
-    "oz⋅in²": o / 16 * Math.pow(l, 2)
+    "g⋅cm²": 1 / (THOUSAND * 1e4),
+    "g⋅mm²": 1 / (THOUSAND * MILLION),
+    "lbm⋅ft²": POUNDMASS_KG * Math.pow(FOOT_METER, 2),
+    "lbm⋅in²": POUNDMASS_KG * Math.pow(INCH_METER, 2),
+    "oz⋅in²": POUNDMASS_KG / 16 * Math.pow(INCH_METER, 2)
   },
   /* 107 */
   Force: {
-    N: 1,
-    kN: 1e3,
-    MN: 1e6,
-    kgf: r,
-    lb: o * r,
-    lbf: o * r,
-    "kip[kilo pound]": 1e3 * o * r
+    "N": 1,
+    "kN": THOUSAND,
+    "MN": MILLION,
+    "kgf": GRAVITY_SI,
+    "lb": POUNDMASS_KG * GRAVITY_SI,
+    "lbf": POUNDMASS_KG * GRAVITY_SI,
+    "kip[kilo pound]": THOUSAND * POUNDMASS_KG * GRAVITY_SI
   },
   /* 108 */
   Angle: {
-    radian: 1,
-    rad: 1,
+    "radian": 1,
+    "rad": 1,
     "deg°": Math.PI / 180,
-    revolution: Math.PI * 2
+    "revolution": Math.PI * 2
   },
   /* 1081 */
   "Solid Angle": {
@@ -771,15 +809,15 @@ const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 185
   /* 1090 */
   "BMI-Body Mass Index/Ballistic Coefficient": {
     "kg/m²": 1,
-    "g/cm²": 1 / 1e3 / Math.pow(0.01, 2),
-    "g/mm²": 1 / 1e3 / Math.pow(1e-3, 2),
-    "tonne/m²": 1e3,
-    "lbm/yd²": o / Math.pow(n * 3, 2),
-    "lbm/ft²": o / Math.pow(n, 2),
-    "lbm/in²": o / Math.pow(l, 2),
-    "oz/yd²": o / 16 / Math.pow(3 * n, 2),
-    "oz/ft²": o / 16 / Math.pow(n, 2),
-    "oz/in²": o / 16 / Math.pow(l, 2)
+    "g/cm²": 1 / THOUSAND / Math.pow(0.01, 2),
+    "g/mm²": 1 / THOUSAND / Math.pow(1e-3, 2),
+    "tonne/m²": THOUSAND,
+    "lbm/yd²": POUNDMASS_KG / Math.pow(FOOT_METER * 3, 2),
+    "lbm/ft²": POUNDMASS_KG / Math.pow(FOOT_METER, 2),
+    "lbm/in²": POUNDMASS_KG / Math.pow(INCH_METER, 2),
+    "oz/yd²": POUNDMASS_KG / 16 / Math.pow(3 * FOOT_METER, 2),
+    "oz/ft²": POUNDMASS_KG / 16 / Math.pow(FOOT_METER, 2),
+    "oz/in²": POUNDMASS_KG / 16 / Math.pow(INCH_METER, 2)
   },
   /* 1091 */
   Density: {
@@ -787,269 +825,348 @@ const o = 0.45359237, r = 9.80665, v = 5280, l = 25.4 / 1e3, n = 12 * l, W = 185
     "kg/L": 1e3,
     "g/cm³": 1 / 1e3 / Math.pow(0.01, 3),
     "g/mm³": 1 / 1e3 / Math.pow(1e-3, 3),
-    "lbm/ft³": o / Math.pow(n, 3),
-    "lbm/in³": o / Math.pow(l, 3)
+    "lbm/ft³": POUNDMASS_KG / Math.pow(FOOT_METER, 3),
+    "lbm/in³": POUNDMASS_KG / Math.pow(INCH_METER, 3)
   },
   /* 110 */
   Energy: {
     "J[Joule]": 1,
-    kJ: 1e3,
-    MJ: 1e6,
-    GJ: 1e9,
-    "TNT Equivalent[kiloton]": 1e9 * b,
+    "kJ": THOUSAND,
+    "MJ": MILLION,
+    "GJ": BILLION,
+    "TNT Equivalent[kiloton]": 1e9 * CALORIE_TH_J,
     // 1e9 = 1000000000.0,
-    Btu: f,
-    "MM Btu": f * 1e6,
-    "calorie(IT)": w,
+    "Btu": BTU_J,
+    "MM Btu": BTU_J * MILLION,
+    "calorie(IT)": CALORIE_IT_J,
     // 4.1868J
-    "kilo-calorie(IT)": w * 1e3,
-    "calorie(TH)": b,
+    "kilo-calorie(IT)": CALORIE_IT_J * THOUSAND,
+    "calorie(TH)": CALORIE_TH_J,
     // 4.184J
-    "kilo-calorie(TH)": b * 1e3,
-    "HP Hour": R * 3600,
-    Wh: 3600,
-    kWh: 3600 * 1e3,
-    "eV{electron-volt]": 1 / j
+    "kilo-calorie(TH)": CALORIE_TH_J * 1e3,
+    "HP Hour": HP_W * 3600,
+    "Wh": 3600,
+    "kWh": 3600 * THOUSAND,
+    "eV{electron-volt]": 1 / J_EV
   },
   /* 111 */
   Power: {
-    W: 1,
-    kW: 1e3,
-    MW: 1e6,
-    "GW[Gigawatt]": 1e9,
-    "Btu/h": f / 3600,
-    "Btu/minute": f / 60,
-    "MM Btu/h": f * 1e6 / 3600,
-    "Btu(AC)": f / 3600,
-    "calorie(IT)/second": w,
-    "calorie(IT)/minute": w / 60,
-    "kilo-calorie(IT)/hour": w * 1e3 / 3600,
-    "calorie(TH)/second": b,
-    "calorie(TH)/minute": b / 60,
-    "kilo-calorie(TH)/hour": b * 1e3 / 3600,
-    "lb-ft/second": o * r * n,
-    "lb-ft/minute": o * r * n / 60,
-    HP: R,
+    "W": 1,
+    "kW": THOUSAND,
+    "MW": MILLION,
+    "GW[Gigawatt]": BILLION,
+    "Btu/h": BTU_J / 3600,
+    "Btu/minute": BTU_J / 60,
+    "MM Btu/h": BTU_J * MILLION / 3600,
+    "Btu(AC)": BTU_J / 3600,
+    "calorie(IT)/second": CALORIE_IT_J,
+    "calorie(IT)/minute": CALORIE_IT_J / 60,
+    "kilo-calorie(IT)/hour": CALORIE_IT_J * THOUSAND / 3600,
+    "calorie(TH)/second": CALORIE_TH_J,
+    "calorie(TH)/minute": CALORIE_TH_J / 60,
+    "kilo-calorie(TH)/hour": CALORIE_TH_J * THOUSAND / 3600,
+    "lb-ft/second": POUNDMASS_KG * GRAVITY_SI * FOOT_METER,
+    "lb-ft/minute": POUNDMASS_KG * GRAVITY_SI * FOOT_METER / 60,
+    "HP": HP_W,
     "J/second": 1,
     "J/minute": 1 / 60,
     "J/h": 1 / 3600,
-    "MJ/h": 1e6 / 3600,
-    "kJ/minute": 1e3 / 60
+    "MJ/h": MILLION / 3600,
+    "kJ/minute": THOUSAND / 60
   },
   /* 112 */
   "Torque, Moment of Force": {
-    Nm: 1,
-    kNm: 1e3,
-    "lb-in": o * r * l,
-    "kip-in": 1e3 * o * r * l,
-    "lb-ft": o * r * n,
-    "oz-in": o / 16 * r * l,
-    "oz-ft": o / 16 * r * n
+    "Nm": 1,
+    "kNm": THOUSAND,
+    "lb-in": POUNDMASS_KG * GRAVITY_SI * INCH_METER,
+    "kip-in": THOUSAND * POUNDMASS_KG * GRAVITY_SI * INCH_METER,
+    "lb-ft": POUNDMASS_KG * GRAVITY_SI * FOOT_METER,
+    "oz-in": POUNDMASS_KG / 16 * GRAVITY_SI * INCH_METER,
+    "oz-ft": POUNDMASS_KG / 16 * GRAVITY_SI * FOOT_METER
   },
   /* 1130 */
   "Pressure/Stress": {
-    Pa: 1,
-    kPa: 1e3,
-    MPa: 1e6,
-    GPa: 1e9,
-    bar: 100 * 1e3,
-    mbar: 100,
-    atm: N,
-    "mm HG": y,
-    "cm HG": y * 10,
-    "in HG": y * 25.4,
-    "mm W.C.": 1 / 1e3 * 1e3 * r,
-    "m W.C.": 1 * 1e3 * r,
-    "in W.C.": l * 1e3 * r,
-    psf: o * r / Math.pow(n, 2),
-    psi: o * r / Math.pow(l, 2),
-    ksi: o * r / Math.pow(l, 2) * 1e3,
-    "ksi{kip/in²]": o * r / Math.pow(l, 2) * 1e3
+    "Pa": 1,
+    "kPa": THOUSAND,
+    "MPa": MILLION,
+    "GPa": BILLION,
+    "bar": 100 * THOUSAND,
+    "mbar": 100,
+    "atm": ATM_PA,
+    "mm HG": MMHG_PA,
+    "cm HG": MMHG_PA * 10,
+    "in HG": MMHG_PA * 25.4,
+    "mm W.C.": 1 / 1e3 * 1e3 * GRAVITY_SI,
+    "m W.C.": 1 * 1e3 * GRAVITY_SI,
+    "in W.C.": INCH_METER * 1e3 * GRAVITY_SI,
+    "psf": POUNDMASS_KG * GRAVITY_SI / Math.pow(FOOT_METER, 2),
+    "psi": POUNDMASS_KG * GRAVITY_SI / Math.pow(INCH_METER, 2),
+    "ksi": POUNDMASS_KG * GRAVITY_SI / Math.pow(INCH_METER, 2) * THOUSAND,
+    "ksi{kip/in²]": POUNDMASS_KG * GRAVITY_SI / Math.pow(INCH_METER, 2) * THOUSAND
   },
   /* 1131 */
   "Pressure Drop per Unit Length": {
     "Pa/m": 1,
     "Pascal/m": 1,
-    "kPa/m": 1e3,
-    "MPa/km": 1e6 / 1e3,
+    "kPa/m": THOUSAND,
+    "MPa/km": MILLION / THOUSAND,
     "bar/m": 1e5,
-    "mbar/mm": 100 * 1e3,
-    "atm/m": N,
-    "mm HG/m": y,
-    "in HG/ft": y * 25.4 / n,
-    "mm W.C./m": 1 / 1e3 * 1e3 * r,
-    "m W.C./m": 1e3 * r,
-    "in W.C./ft": l * 1e3 * r / n,
-    "in W.C./100 ft": l * 1e3 * r / n / 100,
-    "psf/in": o * r / Math.pow(n, 2) / l,
-    "psi/ft": o * r / Math.pow(n, 2) / n,
-    "ksi/ft": o * r / Math.pow(n, 2) / n * 1e3,
-    "Torr/ft": $ * N / n,
-    "mTorr/m": $ * N / 1e3
+    "mbar/mm": 100 * THOUSAND,
+    "atm/m": ATM_PA,
+    "mm HG/m": MMHG_PA,
+    "in HG/ft": MMHG_PA * 25.4 / FOOT_METER,
+    "mm W.C./m": 1 / THOUSAND * THOUSAND * GRAVITY_SI,
+    "m W.C./m": THOUSAND * GRAVITY_SI,
+    "in W.C./ft": INCH_METER * THOUSAND * GRAVITY_SI / FOOT_METER,
+    "in W.C./100 ft": INCH_METER * THOUSAND * GRAVITY_SI / FOOT_METER / 100,
+    "psf/in": POUNDMASS_KG * GRAVITY_SI / Math.pow(FOOT_METER, 2) / INCH_METER,
+    "psi/ft": POUNDMASS_KG * GRAVITY_SI / Math.pow(FOOT_METER, 2) / FOOT_METER,
+    "ksi/ft": POUNDMASS_KG * GRAVITY_SI / Math.pow(FOOT_METER, 2) / FOOT_METER * THOUSAND,
+    "Torr/ft": TORR_ATM * ATM_PA / FOOT_METER,
+    "mTorr/m": TORR_ATM * ATM_PA / THOUSAND
   },
   /* 1132 */
   "Uniformly Distributed (Uniform Line) Load | Stiffness of Linear Spring": {
     "N/m": 1,
-    "N/mm": 1e3,
-    "kN/m": 1e3,
-    "lb/ft": o * r / n,
-    "kips/ft": 1e3 * o * r / n,
-    "lb/in": o * r / l
+    "N/mm": THOUSAND,
+    "kN/m": THOUSAND,
+    "lb/ft": POUNDMASS_KG * GRAVITY_SI / FOOT_METER,
+    "kips/ft": THOUSAND * POUNDMASS_KG * GRAVITY_SI / FOOT_METER,
+    "lb/in": POUNDMASS_KG * GRAVITY_SI / INCH_METER
   },
   /* 1133 */
   "Stiffness of Rotary Spring": {
     "N⋅m/rad": 1,
     "N⋅m/deg°": 1 / Math.PI * 180,
-    "N⋅mm/rad": 1 / 1e3,
-    "N⋅mm/deg°": 1 / 1e3 / Math.PI * 180,
-    "lb-ft/rad": o * r * n,
-    "lb-ft/deg°": o * r * n / (Math.PI / 180),
-    "lb-in/rad": o * r * l,
-    "lb-in/deg°": o * r * l / (Math.PI / 180)
+    "N⋅mm/rad": 1 / THOUSAND,
+    "N⋅mm/deg°": 1 / THOUSAND / Math.PI * 180,
+    "lb-ft/rad": POUNDMASS_KG * GRAVITY_SI * FOOT_METER,
+    "lb-ft/deg°": POUNDMASS_KG * GRAVITY_SI * FOOT_METER / (Math.PI / 180),
+    "lb-in/rad": POUNDMASS_KG * GRAVITY_SI * INCH_METER,
+    "lb-in/deg°": POUNDMASS_KG * GRAVITY_SI * INCH_METER / (Math.PI / 180)
   },
   /* 114  */
   "Flow Rate (Volume)": {
     "m³/s": 1,
     "m³/min": 1 / 60,
     "m³/h": 1 / 3600,
-    "L/s": 1 / 1e3,
-    "L/min": 1 / 1e3 / 60,
-    "L/h": 1 / 1e3 / 3600,
+    "L/s": 1 / THOUSAND,
+    "L/min": 1 / THOUSAND / 60,
+    "L/h": 1 / THOUSAND / 3600,
     "cm³/s": 1e-6,
     "cm³/min": 1e-6 / 60,
-    "in³/s": Math.pow(l, 3),
-    "in³/min": Math.pow(l, 3) / 60,
-    "ft³/s": Math.pow(n, 3),
-    CFM: Math.pow(n, 3) / 60,
-    "CFM[ft³/min]": Math.pow(n, 3) / 60,
-    CFH: Math.pow(n, 3) / 3600,
-    "CFH[ft³/h]": Math.pow(n, 3) / 3600,
-    "yd³/min": Math.pow(n * 3, 3) / 60,
-    "yd³/h": Math.pow(n * 3, 3) / 3600,
-    "gpm(US)": p * Math.pow(l, 3) / 60,
-    "gph(US)": p * Math.pow(l, 3) / 3600,
-    "bushel(UK-imperial)/h": B * d / 1e3 / 3600,
-    "bushel(US)/h": _ * I * Math.pow(l, 3) / 3600
+    "in³/s": Math.pow(INCH_METER, 3),
+    "in³/min": Math.pow(INCH_METER, 3) / 60,
+    "ft³/s": Math.pow(FOOT_METER, 3),
+    "CFM": Math.pow(FOOT_METER, 3) / 60,
+    "CFM[ft³/min]": Math.pow(FOOT_METER, 3) / 60,
+    "CFH": Math.pow(FOOT_METER, 3) / 3600,
+    "CFH[ft³/h]": Math.pow(FOOT_METER, 3) / 3600,
+    "yd³/min": Math.pow(FOOT_METER * 3, 3) / 60,
+    "yd³/h": Math.pow(FOOT_METER * 3, 3) / 3600,
+    "gpm(US)": GALLON_US_LIQUID_IN3 * Math.pow(INCH_METER, 3) / 60,
+    "gph(US)": GALLON_US_LIQUID_IN3 * Math.pow(INCH_METER, 3) / 3600,
+    "bushel(UK-imperial)/h": BUSHEL_GALLON_UK_IMPERIAL * GALLON_UK_IMPERIAL_LITRE / 1e3 / 3600,
+    "bushel(US)/h": BUSHEL_GALLON_US_DRY * GALLON_US_DRY_IN3 * Math.pow(INCH_METER, 3) / 3600
   },
   /* 115 */
   "Flow Rate (Mass)": {
     "kg/s": 1,
     "kg/min": 1 / 60,
     "kg/h": 1 / 3600,
-    "g/s": 1 / 1e3,
-    "g/min": 1 / 1e3 / 60,
-    "g/h": 1 / 1e3 / 3600,
-    "slug/s": T,
-    "slug/min": T / 60,
-    "slug/h": T / 3600,
-    "lbm/s": o,
-    "lbm/min": o / 60,
-    "lbm/h": o / 3600,
-    "oz/s": o / 16,
-    "oz/min": o / 16 / 60,
-    "oz/h": o / 16 / 3600,
-    "tonne/h": 1e3 / 3600,
-    "short ton/h": 2e3 * o / 3600,
-    "long ton/h": 2240 * o / 3600
+    "g/s": 1 / THOUSAND,
+    "g/min": 1 / THOUSAND / 60,
+    "g/h": 1 / THOUSAND / 3600,
+    "slug/s": SLUG_KG,
+    "slug/min": SLUG_KG / 60,
+    "slug/h": SLUG_KG / 3600,
+    "lbm/s": POUNDMASS_KG,
+    "lbm/min": POUNDMASS_KG / 60,
+    "lbm/h": POUNDMASS_KG / 3600,
+    "oz/s": POUNDMASS_KG / 16,
+    "oz/min": POUNDMASS_KG / 16 / 60,
+    "oz/h": POUNDMASS_KG / 16 / 3600,
+    "tonne/h": THOUSAND / 3600,
+    "short ton/h": 2e3 * POUNDMASS_KG / 3600,
+    "long ton/h": 2240 * POUNDMASS_KG / 3600
   },
   /* 117 */
   "Speed / Velocity (Linear)": {
     "m/s": 1,
-    "mm/s": 1 / 1e3,
+    "mm/s": 1 / THOUSAND,
     "km/s": 1,
-    "mm/min": 1 / 1e3 / 60,
+    "mm/min": 1 / THOUSAND / 60,
     "m/min": 1 / 60,
-    "km/min": 1e3 / 60,
-    "mm/h": 1 / 1e3 / 3600,
+    "km/min": THOUSAND / 60,
+    "mm/h": 1 / THOUSAND / 3600,
     "m/h": 1 / 3600,
-    "km/h": 1e3 / 3600,
-    "in/s": l,
-    fps: n,
-    "fps[ft/second]": n,
-    fpm: n / 60,
+    "km/h": THOUSAND / 3600,
+    "in/s": INCH_METER,
+    "fps": FOOT_METER,
+    "fps[ft/second]": FOOT_METER,
+    "fpm": FOOT_METER / 60,
     // clear version
-    "fpm[ft/minute]": n / 60,
+    "fpm[ft/minute]": FOOT_METER / 60,
     // redundant version
-    "mph[mile/h]": v * n / 3600,
-    "knot[kn, kt, or nautical mile/h]": W / 3600
+    "mph[mile/h]": MILE_FOOT * FOOT_METER / 3600,
+    "knot[kn, kt, or nautical mile/h]": NM_METER / 3600
   },
   /* 126 */
   "Electrical Potential Difference (Voltage)": {
-    V: 1,
-    Volt: 1,
+    "V": 1,
+    "Volt": 1,
     "joule/coulomb": 1,
     "J/C": 1,
-    µV: 1 / 1e6,
-    mV: 1 / 1e3,
-    kV: 1e3,
-    MV: 1e6
+    "µV": 1 / MILLION,
+    "mV": 1 / THOUSAND,
+    "kV": THOUSAND,
+    "MV": MILLION
+  }
+};
+const getUnitCategory = (unit) => {
+  console.log("getUnitCategory called with unit:", unit);
+  if (!unit) {
+    console.warn("Unit is undefined or null");
+    return "Custom";
+  }
+  for (const category in UNITS) {
+    if (UNITS[category].includes(unit)) {
+      console.log(`Category found for unit ${unit}:`, category);
+      return category;
+    }
   }
-}, k = (a) => {
-  if (console.log("getUnitCategory called with unit:", a), !a)
-    return console.warn("Unit is undefined or null"), "Custom";
-  for (const t in U)
-    if (U[t].includes(a))
-      return console.log(`Category found for unit ${a}:`, t), t;
-  return console.warn(`No category found for unit: ${a}`), "Custom";
-}, u = (a, t, e, i) => {
-  if (t === "ft-in" && e !== "ft-in")
-    return Y(a, e);
-  if (t !== "ft-in" && e === "ft-in")
-    return X(a, t);
-  if (i !== "Temperature") {
-    const s = M[i][t] / M[i][e];
-    return a * s;
+  console.warn(`No category found for unit: ${unit}`);
+  return "Custom";
+};
+const convertValue = (value, fromUnit, toUnit, unitCategory) => {
+  if (fromUnit === "ft-in" && toUnit !== "ft-in") {
+    return convertFromFeetInches(value, toUnit);
+  } else if (fromUnit !== "ft-in" && toUnit === "ft-in") {
+    return convertToFeetInches(value, fromUnit);
+  } else if (unitCategory !== "Temperature") {
+    const c = CONVERSION_FACTORS[unitCategory][fromUnit] / CONVERSION_FACTORS[unitCategory][toUnit];
+    return value * c;
+  } else {
+    const Cf0 = CONVERSION_FACTORS[unitCategory][fromUnit].c0;
+    const Cf1 = CONVERSION_FACTORS[unitCategory][fromUnit].c1;
+    const Ct0 = CONVERSION_FACTORS[unitCategory][toUnit].c0;
+    const Ct1 = CONVERSION_FACTORS[unitCategory][toUnit].c1;
+    return (value * Cf0 + Cf1 - Ct1) / Ct0;
+  }
+};
+const formatValue = (value, decimalPlaces) => {
+  let formattedValue;
+  if (Number.isInteger(value)) {
+    formattedValue = value.toString();
   } else {
-    const s = M[i][t].c0, m = M[i][t].c1, c = M[i][e].c0, h = M[i][e].c1;
-    return (a * s + m - h) / c;
+    formattedValue = value.toFixed(decimalPlaces).replace(/\.?0+$/, "");
+  }
+  if (Math.abs(parseFloat(formattedValue)) >= 1e3) {
+    const parts = formattedValue.split(".");
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    formattedValue = parts.join(".");
+  }
+  return formattedValue;
+};
+const parseFeetInchesValue = (valueString) => {
+  const regexFeetInches = /(\d+)\'(\s*-\s*)?(\d+)?(\s+)?(\d+)?\/?(\d+)?/;
+  const regexFeet = /(\d+)\'/;
+  const regexInches = /(\d+)/;
+  let match = valueString.match(regexFeetInches);
+  if (match) {
+    const feet = parseInt(match[1]) || 0;
+    const inches = parseInt(match[3]) || 0;
+    const numerator = parseInt(match[5]) || 0;
+    const denominator = parseInt(match[6]) || 1;
+    return calculateTotalInches(feet, inches, numerator, denominator);
+  }
+  match = valueString.match(regexFeet);
+  if (match) {
+    const feet = parseInt(match[1]) || 0;
+    return calculateTotalInches(feet, 0, 0, 1);
+  }
+  match = valueString.match(regexInches);
+  if (match) {
+    const inches = parseInt(match[1]) || 0;
+    return calculateTotalInches(0, inches, 0, 1);
+  }
+  return parseFloat(valueString);
+};
+const calculateTotalInches = (feet, inches, numerator, denominator) => {
+  return feet * 12 + inches + numerator / denominator;
+};
+const formatFeetInchesValue = (totalInches, inchPrecision = '1/16"') => {
+  if (totalInches < 0) {
+    return `-${formatFeetInchesValue(-totalInches, inchPrecision)}`;
+  }
+  const precisionDenominator = parseInt(inchPrecision.split("/")[1].replace('"', ""));
+  let feet = Math.floor(totalInches / 12);
+  let inches = Math.floor(totalInches % 12);
+  const fractionalInches = totalInches - Math.floor(totalInches);
+  let fractionStr = "";
+  if (fractionalInches > 0) {
+    if (inchPrecision !== 0) {
+      let numerator = Math.round(fractionalInches * precisionDenominator);
+      const gcd = (a, b) => b ? gcd(b, a % b) : a;
+      const commonDivisor = gcd(numerator, precisionDenominator);
+      fractionStr = ` ${numerator / commonDivisor}/${precisionDenominator / commonDivisor}`;
+      if (fractionStr.trim() === "1/1") {
+        inches++;
+        if (inches >= 12) {
+          feet++;
+          inches -= 12;
+        }
+        fractionStr = "";
+      }
+    }
   }
-}, O = (a, t) => {
-  let e;
-  if (Number.isInteger(a) ? e = a.toString() : e = a.toFixed(t).replace(/\.?0+$/, ""), Math.abs(parseFloat(e)) >= 1e3) {
-    const i = e.split(".");
-    i[0] = i[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), e = i.join(".");
+  let output = "";
+  if (feet > 0) {
+    output += `${feet}'`;
   }
-  return e;
-}, D = (a) => {
-  const t = /(\d+)\'(\s*-\s*)?(\d+)?(\s+)?(\d+)?\/?(\d+)?/, e = /(\d+)\'/, i = /(\d+)/;
-  let s = a.match(t);
-  if (s) {
-    const m = parseInt(s[1]) || 0, c = parseInt(s[3]) || 0, h = parseInt(s[5]) || 0, L = parseInt(s[6]) || 1;
-    return H(m, c, h, L);
+  if (feet > 0 && (inches > 0 || fractionStr !== "")) {
+    output += `-`;
   }
-  if (s = a.match(e), s) {
-    const m = parseInt(s[1]) || 0;
-    return H(m, 0, 0, 1);
+  if (inches > 0) {
+    output += `${inches}`;
   }
-  if (s = a.match(i), s) {
-    const m = parseInt(s[1]) || 0;
-    return H(0, m, 0, 1);
+  if (fractionStr !== "") {
+    output += fractionStr;
   }
-  return parseFloat(a);
-}, H = (a, t, e, i) => a * 12 + t + e / i, C = (a, t = '1/16"') => {
-  if (a < 0)
-    return `-${C(-a, t)}`;
-  const e = parseInt(t.split("/")[1].replace('"', ""));
-  let i = Math.floor(a / 12), s = Math.floor(a % 12);
-  const m = a - Math.floor(a);
-  let c = "";
-  if (m > 0 && t !== 0) {
-    let L = Math.round(m * e);
-    const P = (x, S) => S ? P(S, x % S) : x, E = P(L, e);
-    c = ` ${L / E}/${e / E}`, c.trim() === "1/1" && (s++, s >= 12 && (i++, s -= 12), c = "");
+  if (inches > 0 || fractionStr !== "") {
+    output += '"';
   }
-  let h = "";
-  return i > 0 && (h += `${i}'`), i > 0 && (s > 0 || c !== "") && (h += "-"), s > 0 && (h += `${s}`), c !== "" && (h += c), (s > 0 || c !== "") && (h += '"'), h.trim();
-}, Y = (a, t) => {
-  const e = a * 0.0254;
-  return u(e, "m", t, "Length");
-}, X = (a, t) => u(a, t, "m", "Length") / 0.0254;
-class J extends HTMLElement {
+  return output.trim();
+};
+const convertFromFeetInches = (totalInches, toUnit) => {
+  const inchesInMeters = totalInches * 0.0254;
+  return convertValue(inchesInMeters, "m", toUnit, "Length");
+};
+const convertToFeetInches = (value, fromUnit) => {
+  const valueInMeters = convertValue(value, fromUnit, "m", "Length");
+  return valueInMeters / 0.0254;
+};
+class PhysicalQuantity extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.tooltipTimeout = null, this.unitCategory = "", this.e3dLogoUrl = "https://firebasestorage.googleapis.com/v0/b/auto-calc-80237.appspot.com/o/shared%2Fassets%2Fimages%2Fe3d-logo2.png?alt=media&token=7064f466-6168-4b8a-b921-4e86115cb492", console.log("PhysicalQuantity constructor called");
+    super();
+    this.attachShadow({ mode: "open" });
+    this.unitCategory = "";
+    console.log("PhysicalQuantity constructor called");
   }
   connectedCallback() {
-    console.log("connectedCallback called"), this.unit = this.getAttribute("unit"), console.log("Initial unit:", this.unit), this.updateUnitCategory(), this.inputValue = this.getAttribute("value"), console.log("Initial inputValue:", this.inputValue), this.value = this.parseValue(this.inputValue, this.unit), console.log("Parsed value:", this.value), this.decimalPlaces = parseInt(this.getAttribute("decimal-places")) || 2, this.showUnitArrow = !this.hasAttribute("show-unit-arrow") || this.getAttribute("show-unit-arrow") === "true", console.log("Initial state:", { unit: this.unit, value: this.value, unitCategory: this.unitCategory, decimalPlaces: this.decimalPlaces, showUnitArrow: this.showUnitArrow }), this.render(), this.attachEventListeners();
+    console.log("connectedCallback called");
+    this.unit = this.getAttribute("unit");
+    console.log("Initial unit:", this.unit);
+    this.updateUnitCategory();
+    this.inputValue = this.getAttribute("value");
+    console.log("Initial inputValue:", this.inputValue);
+    this.value = this.parseValue(this.inputValue, this.unit);
+    console.log("Parsed value:", this.value);
+    this.decimalPlaces = parseInt(this.getAttribute("decimal-places")) || 2;
+    this.showUnitArrow = !this.hasAttribute("show-unit-arrow") || this.getAttribute("show-unit-arrow") === "true";
+    console.log("Initial state:", { unit: this.unit, value: this.value, unitCategory: this.unitCategory, decimalPlaces: this.decimalPlaces, showUnitArrow: this.showUnitArrow });
+    this.render();
+    this.attachEventListeners();
   }
   disconnectedCallback() {
     this.removeEventListeners();
@@ -1057,42 +1174,76 @@ class J extends HTMLElement {
   static get observedAttributes() {
     return ["value", "unit", "decimal-places", "show-unit-arrow"];
   }
-  attributeChangedCallback(t, e, i) {
-    if (console.log(`attributeChangedCallback called: ${t}`, { oldValue: e, newValue: i }), t === "value")
-      this.inputValue = i || "0", this.value = this.parseValue(this.inputValue, this.unit), console.log("New value parsed:", this.value);
-    else if (t === "unit") {
-      const s = this.unit, m = this.unitCategory;
-      this.unit = i || "mm", this.updateUnitCategory(), s !== this.unit && (m === this.unitCategory ? (console.log("Converting value:", { from: s, to: this.unit, value: this.value, unitCategory: this.unitCategory }), this.value = u({
-        value: this.value,
-        fromUnit: s,
-        toUnit: this.unit,
-        unitCategory: this.unitCategory
-      })) : console.log("Unit category changed, keeping original value"), console.log("New value:", this.value));
-    } else
-      t === "decimal-places" ? (this.decimalPlaces = parseInt(i) || 2, console.log("New decimal places:", this.decimalPlaces)) : t === "show-unit-arrow" && (this.showUnitArrow = i === null || i === "true", console.log("Show unit arrow:", this.showUnitArrow));
+  attributeChangedCallback(name, oldValue, newValue) {
+    console.log(`attributeChangedCallback called: ${name}`, { oldValue, newValue });
+    if (name === "value") {
+      this.inputValue = newValue || "0";
+      this.value = this.parseValue(this.inputValue, this.unit);
+      console.log("New value parsed:", this.value);
+    } else if (name === "unit") {
+      const oldUnit = this.unit;
+      const oldCategory = this.unitCategory;
+      this.unit = newValue || "mm";
+      this.updateUnitCategory();
+      if (oldUnit !== this.unit) {
+        if (oldCategory === this.unitCategory) {
+          console.log("Converting value:", { from: oldUnit, to: this.unit, value: this.value, unitCategory: this.unitCategory });
+          this.value = convertValue({
+            value: this.value,
+            fromUnit: oldUnit,
+            toUnit: this.unit,
+            unitCategory: this.unitCategory
+          });
+        } else {
+          console.log("Unit category changed, keeping original value");
+        }
+        console.log("New value:", this.value);
+      }
+    } else if (name === "decimal-places") {
+      this.decimalPlaces = parseInt(newValue) || 2;
+      console.log("New decimal places:", this.decimalPlaces);
+    } else if (name === "show-unit-arrow") {
+      this.showUnitArrow = newValue === null || newValue === "true";
+      console.log("Show unit arrow:", this.showUnitArrow);
+    }
     this.render();
   }
   updateUnitCategory() {
-    console.log("updateUnitCategory called with unit:", this.unit), this.unitCategory = k(this.unit), console.log("Updated unit category:", this.unitCategory);
+    console.log("updateUnitCategory called with unit:", this.unit);
+    this.unitCategory = getUnitCategory(this.unit);
+    console.log("Updated unit category:", this.unitCategory);
   }
-  parseValue(t, e) {
-    if (console.log("parseValue called with:", { value: t, unit: e }), typeof t == "string" && t.trim() === "")
-      return console.log("Empty string value, returning 0"), 0;
-    const i = e === "ft-in" ? D(t) : parseFloat(t) || 0;
-    return console.log("Parsed value:", i), i;
+  parseValue(value, unit) {
+    console.log("parseValue called with:", { value, unit });
+    if (typeof value === "string" && value.trim() === "") {
+      console.log("Empty string value, returning 0");
+      return 0;
+    }
+    const parsedValue = unit === "ft-in" ? parseFeetInchesValue(value) : parseFloat(value) || 0;
+    console.log("Parsed value:", parsedValue);
+    return parsedValue;
   }
   formatDisplayValue() {
-    return this.unit === "ft-in" ? C(this.value) : O(this.value, this.decimalPlaces);
+    if (this.unit === "ft-in") {
+      return formatFeetInchesValue(this.value);
+    } else {
+      return formatValue(this.value, this.decimalPlaces);
+    }
   }
-  handleUnitChange(t) {
-    if (t.target.tagName === "SELECT") {
-      const e = t.target.value;
-      console.log("handleUnitChange:", { from: this.unit, to: e, value: this.value, unitCategory: this.unitCategory }), this.value = u(this.value, this.unit, e, this.unitCategory), console.log("Converted value:", this.value), this.unit = e, this.updateUnitCategory(), this.render();
+  handleUnitChange(event) {
+    if (event.target.tagName === "SELECT") {
+      const newUnit = event.target.value;
+      console.log("handleUnitChange:", { from: this.unit, to: newUnit, value: this.value, unitCategory: this.unitCategory });
+      this.value = convertValue(this.value, this.unit, newUnit, this.unitCategory);
+      console.log("Converted value:", this.value);
+      this.unit = newUnit;
+      this.updateUnitCategory();
+      this.render();
     }
     this.updateDropdownWidth();
   }
   render() {
-    const t = this.formatDisplayValue();
+    const formattedValue = this.formatDisplayValue();
     this.shadowRoot.innerHTML = `
       <style>
         :host {
@@ -1138,117 +1289,95 @@ class J extends HTMLElement {
         .unit-container select::-ms-expand {
           display: ${this.showUnitArrow ? "block" : "none"};
         }
-        /* Custom arrow styles */
-        /*
-        .unit-container::after {
-          content: '▼';
-          font-size: 0.7em; 
-          color: red;
-          position: absolute;
-          right: 0.3em;
-          top: 50%;
-          transform: translateY(-50%);
-          pointer-events: none;
-        } 
-        */
-        .tooltip {
-          position: absolute;
-          bottom: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          padding: 0;
-          display: none;   
-          font-size: 12px;  
-          pointer-events: none;     
-        }
-        .unit-container:hover .tooltip {
-          display: block;
-        }
-        .tooltip a {
-          text-decoration: none;
-          color: blue;
-        }
-        .tooltip a:hover {
-          text-decoration: underline;
-        }
       </style>
       
       <div class="quantity">
-        <span class="value">${t}</span>
+        <span class="value">${formattedValue}</span>
         <div class="unit-container">
           <select>
-            ${(U[this.unitCategory] || [this.unit]).map((e) => `<option value="${e}" ${e === this.unit ? "selected" : ""}>
-                ${e}</option>`).join("")}
+            ${(UNITS[this.unitCategory] || [this.unit]).map((unit) => `<option value="${unit}" ${unit === this.unit ? "selected" : ""}>
+                ${unit}</option>`).join("")}
           </select>
-          
-          ${this.showUnitArrow && this.unitCategory !== "Custom" ? `
-          <a class="tooltip" href="https://v2-docs.donwen.com/daily-calculations/unit-converter.html" 
-            title="Unit Converter for All Categories" target="_blank">
-            <img src="${this.e3dLogoUrl}" width="12" />
-          </a>
-          ` : ""}
-          
         </div>        
       </div> 
-    `, this.updateDropdownWidth();
+    `;
+    this.updateDropdownWidth();
   }
   updateDropdownWidth() {
-    const t = this.shadowRoot.querySelector("select");
-    if (!t)
+    const selectElement = this.shadowRoot.querySelector("select");
+    if (!selectElement)
       return;
-    const e = document.createElement("span");
-    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.style.font = window.getComputedStyle(t).font, document.body.appendChild(e), e.textContent = this.unit;
-    const i = e.offsetWidth;
-    document.body.removeChild(e);
-    const s = this.showUnitArrow ? 16 : 6, m = this.showUnitArrow ? 8 : 0;
-    let h = i + s + m + 2;
-    h = Math.max(h, 30), t.style.width = `${h}px`;
+    const tempSpan = document.createElement("span");
+    tempSpan.style.visibility = "hidden";
+    tempSpan.style.position = "absolute";
+    tempSpan.style.whiteSpace = "nowrap";
+    tempSpan.style.font = window.getComputedStyle(selectElement).font;
+    document.body.appendChild(tempSpan);
+    tempSpan.textContent = this.unit;
+    const textWidth = tempSpan.offsetWidth;
+    document.body.removeChild(tempSpan);
+    const selectPadding = this.showUnitArrow ? 16 : 6;
+    const arrowWidth = this.showUnitArrow ? 8 : 0;
+    const extraPadding = 2;
+    let finalWidth = textWidth + selectPadding + arrowWidth + extraPadding;
+    finalWidth = Math.max(finalWidth, 30);
+    selectElement.style.width = `${finalWidth}px`;
   }
   attachEventListeners() {
     this.shadowRoot.addEventListener("change", this.handleUnitChange.bind(this));
-    const t = this.shadowRoot.querySelector(".unit-container");
-    t && (t.addEventListener("mouseover", this.handleUnitContainerMouseOver.bind(this)), t.addEventListener("mouseout", this.handleUnitContainerMouseOut.bind(this)));
   }
   removeEventListeners() {
     this.shadowRoot.removeEventListener("change", this.handleUnitChange.bind(this));
-    const t = this.shadowRoot.querySelector(".unit-container");
-    t && (t.removeEventListener("mouseover", this.handleUnitContainerMouseOver.bind(this)), t.removeEventListener("mouseout", this.handleUnitContainerMouseOut.bind(this)));
-  }
-  handleUnitContainerMouseOver() {
-    const t = this.shadowRoot.querySelector(".tooltip");
-    t && (this.tooltipTimeout = setTimeout(() => {
-      t.style.display = "block";
-    }, 1e3));
-  }
-  handleUnitContainerMouseOut() {
-    const t = this.shadowRoot.querySelector(".tooltip");
-    t && (setTimeout(() => {
-      t.style.display = "none";
-    }, 2e3), clearTimeout(this.tooltipTimeout));
   }
 }
-class Z extends HTMLElement {
+class UcQtyPair extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.values = [], this.unit = "", this.unitCategory = "", this.decimalPlaces = 2, this.showUnitArrow = !0;
+    super();
+    this.attachShadow({ mode: "open" });
+    this.values = [];
+    this.unit = "";
+    this.unitCategory = "";
+    this.decimalPlaces = 2;
+    this.showUnitArrow = true;
+    this.format = "";
   }
   connectedCallback() {
-    this.unit = this.getAttribute("unit") || "cm", this.values = this.getAttribute("values").split(",").map(Number).map((t) => this.parseValue(t, this.unit)), this.unitCategory = k(this.unit), this.decimalPlaces = parseInt(this.getAttribute("decimal-places")) || 2, this.showUnitArrow = !this.hasAttribute("show-unit-arrow") || this.getAttribute("show-unit-arrow") === "true", this.render(), this.attachEventListeners();
+    this.unit = this.getAttribute("unit") || "cm";
+    this.parsePairValues(this.getAttribute("values"));
+    this.unitCategory = getUnitCategory(this.unit);
+    this.decimalPlaces = parseInt(this.getAttribute("decimal-places")) || 2;
+    this.showUnitArrow = !this.hasAttribute("show-unit-arrow") || this.getAttribute("show-unit-arrow") === "true";
+    this.render();
+    this.attachEventListeners();
   }
   static get observedAttributes() {
     return ["values", "unit", "decimal-places", "show-unit-arrow"];
   }
-  attributeChangedCallback(t, e, i) {
-    if (t === "values")
-      this.values = i.split(",").map(Number).map((s) => this.parseValue(s, this.unit));
-    else if (t === "unit") {
-      const s = this.unit;
-      this.unit = i, this.unitCategory = k(i), s !== i && (this.values = this.values.map((m) => u(m, s, i, this.unitCategory)));
-    } else
-      t === "decimal-places" ? this.decimalPlaces = parseInt(i) || 2 : t === "show-unit-arrow" && (this.showUnitArrow = i === null || i === "true");
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (name === "values") {
+      this.parsePairValues(newValue);
+    } else if (name === "unit") {
+      const oldUnit = this.unit;
+      this.unit = newValue;
+      this.unitCategory = getUnitCategory(newValue);
+      if (oldUnit !== newValue) {
+        this.values = this.values.map((value) => convertValue(value, oldUnit, newValue, this.unitCategory));
+      }
+    } else if (name === "decimal-places") {
+      this.decimalPlaces = parseInt(newValue) || 2;
+    } else if (name === "show-unit-arrow") {
+      this.showUnitArrow = newValue === null || newValue === "true";
+    }
     this.render();
   }
   render() {
-    const t = this.values.map((e) => this.formatPairValue(e));
+    const formattedValues = this.values.map((value) => this.formatPairValue(value));
+    let valuesHtml;
+    if (this.format === "x") {
+      valuesHtml = `${formattedValues[0]} <span class="unit-text">${this.unit}</span> x ${formattedValues[1]}`;
+    } else {
+      valuesHtml = `(${formattedValues.join(", ")})`;
+    }
     this.shadowRoot.innerHTML = `
       <style>
         :host {
@@ -1266,6 +1395,15 @@ class Z extends HTMLElement {
           margin-left: 2px;
           position: relative;
         }
+        .unit-text {
+          color: blue;
+          background-color: lightgray;
+          font-family: inherit;
+          font-size: 0.9em;
+          line-height: normal;
+          border-radius: 0.15em;
+          padding: 0 0.2em;
+        }
         .unit-container {
           position: relative;
           display: inline-flex;
@@ -1291,83 +1429,153 @@ class Z extends HTMLElement {
           min-width: 2.5em;
         }
       </style>
-      
+
       <div class="quantity-pair">
-        <span class="values">(${t.join(", ")})</span>
+        <span class="values">${valuesHtml}</span>
         <div class="unit-container">
           <select>
-            ${(U[this.unitCategory] || [this.unit]).map((e) => `<option value="${e}" ${e === this.unit ? "selected" : ""}>
-                ${e}</option>`).join("")}
+            ${(UNITS[this.unitCategory] || [this.unit]).map((unit) => `<option value="${unit}" ${unit === this.unit ? "selected" : ""}>${unit}</option>`).join("")}
           </select>
-        </div>        
-      </div>      
-    `, this.updateDropdownWidth();
+        </div>
+      </div>
+    `;
+    this.updateDropdownWidth();
   }
   updateDropdownWidth() {
-    const t = this.shadowRoot.querySelector("select");
-    if (!t)
+    const selectElement = this.shadowRoot.querySelector("select");
+    if (!selectElement)
       return;
-    const e = document.createElement("span");
-    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.style.font = window.getComputedStyle(t).font, document.body.appendChild(e), e.textContent = this.unit;
-    const i = e.offsetWidth;
-    document.body.removeChild(e);
-    const s = this.showUnitArrow ? 16 : 6, m = this.showUnitArrow ? 8 : 0;
-    let h = i + s + m + 2;
-    h = Math.max(h, 30), t.style.width = `${h}px`;
+    const tempSpan = document.createElement("span");
+    tempSpan.style.visibility = "hidden";
+    tempSpan.style.position = "absolute";
+    tempSpan.style.whiteSpace = "nowrap";
+    tempSpan.style.font = window.getComputedStyle(selectElement).font;
+    document.body.appendChild(tempSpan);
+    tempSpan.textContent = this.unit;
+    const textWidth = tempSpan.offsetWidth;
+    document.body.removeChild(tempSpan);
+    const selectPadding = this.showUnitArrow ? 16 : 6;
+    const arrowWidth = this.showUnitArrow ? 8 : 0;
+    const extraPadding = 2;
+    let finalWidth = textWidth + selectPadding + arrowWidth + extraPadding;
+    finalWidth = Math.max(finalWidth, 30);
+    selectElement.style.width = `${finalWidth}px`;
   }
   attachEventListeners() {
     this.shadowRoot.addEventListener("change", this.handleUnitChange.bind(this));
   }
-  parseValue(t, e) {
-    return e === "ft-in" ? D(t) : parseFloat(t);
+  parsePairValues(valuesString) {
+    this.format = "";
+    if (!valuesString)
+      return;
+    if (valuesString.startsWith("(") && valuesString.endsWith(")")) {
+      valuesString = valuesString.slice(1, -1);
+    }
+    if (valuesString.includes("x")) {
+      this.values = valuesString.split("x").map((v) => this.parseValue(v, this.unit));
+      this.format = "x";
+    } else if (valuesString.includes(",")) {
+      this.values = valuesString.split(",").map((s) => s.trim()).map((v) => this.parseValue(v, this.unit));
+      this.format = "tuple";
+    }
   }
-  formatPairValue(t) {
-    return this.unit === "ft-in" ? C(t) : O(t, this.decimalPlaces);
+  parseValue(value, unit) {
+    return unit === "ft-in" ? parseFeetInchesValue(value) : parseFloat(value);
   }
-  handleUnitChange(t) {
-    if (t.target.tagName === "SELECT") {
-      const e = t.target.value;
-      this.values = this.values.map((i) => u(i, this.unit, e, this.unitCategory)), this.unit = e, this.render();
+  formatPairValue(value) {
+    if (this.unit === "ft-in") {
+      return formatFeetInchesValue(value);
+    } else {
+      return formatValue(value, this.decimalPlaces);
+    }
+  }
+  handleUnitChange(event) {
+    if (event.target.tagName === "SELECT") {
+      const newUnit = event.target.value;
+      this.values = this.values.map((value) => convertValue(value, this.unit, newUnit, this.unitCategory));
+      this.unit = newUnit;
+      this.render();
     }
     this.updateDropdownWidth();
   }
 }
-class tt extends HTMLElement {
+class UcQtyTriplet extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.values = [], this.unit = "", this.unitCategory = "", this.decimalPlaces = 2, this.showUnitArrow = !0, this.format = "", this.hasParentheses = !1;
+    super();
+    this.attachShadow({ mode: "open" });
+    this.values = [];
+    this.unit = "";
+    this.unitCategory = "";
+    this.decimalPlaces = 2;
+    this.showUnitArrow = true;
+    this.format = "";
   }
   connectedCallback() {
-    this.unit = this.getAttribute("unit") || "cm", this.parseTripletValues(this.getAttribute("values")), this.unitCategory = k(this.unit), this.decimalPlaces = parseInt(this.getAttribute("decimal-places")) || 2, this.showUnitArrow = !this.hasAttribute("show-unit-arrow") || this.getAttribute("show-unit-arrow") === "true", this.render(), this.attachEventListeners();
+    this.unit = this.getAttribute("unit") || "cm";
+    this.parseTripletValues(this.getAttribute("values"));
+    this.unitCategory = getUnitCategory(this.unit);
+    this.decimalPlaces = parseInt(this.getAttribute("decimal-places")) || 2;
+    this.showUnitArrow = !this.hasAttribute("show-unit-arrow") || this.getAttribute("show-unit-arrow") === "true";
+    this.render();
+    this.attachEventListeners();
   }
   static get observedAttributes() {
     return ["values", "unit", "decimal-places", "show-unit-arrow"];
   }
-  attributeChangedCallback(t, e, i) {
-    if (t === "values")
-      this.parseTripletValues(i);
-    else if (t === "unit") {
-      const s = this.unit;
-      this.unit = i, this.unitCategory = k(i), s !== i && (this.values = this.values.map((m) => u(m, s, i, this.unitCategory)));
-    } else
-      t === "decimal-places" ? this.decimalPlaces = parseInt(i) || 2 : t === "show-unit-arrow" && (this.showUnitArrow = i === null || i === "true");
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (name === "values") {
+      this.parseTripletValues(newValue);
+    } else if (name === "unit") {
+      const oldUnit = this.unit;
+      this.unit = newValue;
+      this.unitCategory = getUnitCategory(newValue);
+      if (oldUnit !== newValue) {
+        this.values = this.values.map((value) => convertValue(value, oldUnit, newValue, this.unitCategory));
+      }
+    } else if (name === "decimal-places") {
+      this.decimalPlaces = parseInt(newValue) || 2;
+    } else if (name === "show-unit-arrow") {
+      this.showUnitArrow = newValue === null || newValue === "true";
+    }
     this.render();
   }
-  parseValue(t, e) {
-    return e === "ft-in" ? D(t) : parseFloat(t);
+  parseValue(value, unit) {
+    return unit === "ft-in" ? parseFeetInchesValue(value) : parseFloat(value);
   }
-  parseTripletValues(t) {
-    this.format = "", this.hasParentheses = t.startsWith("(") && t.endsWith(")"), this.hasParentheses && (t = t.slice(1, -1)), t.includes("x") ? (this.values = t.split("x").map((e) => this.parseValue(e, this.unit)), this.format = "x") : t.includes(",") ? (this.values = t.split(",").map((e) => e.trim()).map((e) => this.parseValue(e, this.unit)), this.format = "comma") : (this.values = t.split(/\s+/).map((e) => this.parseValue(e, this.unit)), this.format = "space");
+  parseTripletValues(valuesString) {
+    this.format = "";
+    if (!valuesString)
+      return;
+    if (valuesString.startsWith("(") && valuesString.endsWith(")")) {
+      valuesString = valuesString.slice(1, -1);
+    }
+    if (valuesString.includes("x")) {
+      this.values = valuesString.split("x").map((v) => this.parseValue(v, this.unit));
+      this.format = "x";
+    } else if (valuesString.includes(",")) {
+      this.values = valuesString.split(",").map((s) => s.trim()).map((v) => this.parseValue(v, this.unit));
+      this.format = "tuple";
+    }
   }
-  formatTripletValue(t) {
-    return this.unit === "ft-in" ? C(t) : O(t, this.decimalPlaces);
+  formatTripletValue(value) {
+    if (this.unit === "ft-in") {
+      return formatFeetInchesValue(value);
+    } else {
+      return formatValue(value, this.decimalPlaces);
+    }
   }
-  formatTriplet(t) {
-    let e = "";
-    const i = t.map((s) => this.formatTripletValue(s));
-    return this.format === "x" ? e = `${i[0]} <span class="unit-text">${this.unit}</span> x ${i[1]} <span class="unit-text">${this.unit}</span> x ${i[2]}` : this.format === "comma" ? e = i.join(", ") : e = i.join(" "), e;
+  formatTriplet(values) {
+    let result = "";
+    const formattedValues = values.map((value) => this.formatTripletValue(value));
+    if (this.format === "x") {
+      result = `${formattedValues[0]} <span class="unit-text">${this.unit}</span> x ${formattedValues[1]} <span class="unit-text">${this.unit}</span> x ${formattedValues[2]}`;
+    } else if (this.format === "tuple") {
+      result = "(" + formattedValues.join(", ") + ")";
+    }
+    return result;
   }
   render() {
-    const t = this.formatTriplet(this.values);
+    const formattedTriplet = this.formatTriplet(this.values);
     this.shadowRoot.innerHTML = `
       <style>
         :host {
@@ -1414,48 +1622,59 @@ class tt extends HTMLElement {
       </style>
       
       <span class="quantity-triplet">
-        ${this.hasParentheses ? "(" : ""}
-        <span class="values">${t}</span> 
-        ${this.hasParentheses && this.format !== "x" ? ")" : ""}        
+        <span class="values">${formattedTriplet}</span>
         <div class="unit-container">
           <select>
-            ${(U[this.unitCategory] || [this.unit]).map((e) => `<option value="${e}" ${e === this.unit ? "selected" : ""}>
-                ${e}</option>`).join("")}
+            ${(UNITS[this.unitCategory] || [this.unit]).map((unit) => `<option value="${unit}" ${unit === this.unit ? "selected" : ""}>
+                ${unit}</option>`).join("")}
           </select>
         </div>
-        ${this.hasParentheses && this.format === "x" ? ")" : ""}        
       </span>     
-    `, this.updateDropdownWidth();
+    `;
+    this.updateDropdownWidth();
   }
   updateDropdownWidth() {
-    const t = this.shadowRoot.querySelector("select");
-    if (!t)
+    const selectElement = this.shadowRoot.querySelector("select");
+    if (!selectElement)
       return;
-    const e = document.createElement("span");
-    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.style.font = window.getComputedStyle(t).font, document.body.appendChild(e), e.textContent = this.unit;
-    const i = e.offsetWidth;
-    document.body.removeChild(e);
-    const s = this.showUnitArrow ? 16 : 6, m = this.showUnitArrow ? 8 : 0;
-    let h = i + s + m + 2;
-    h = Math.max(h, 30), t.style.width = `${h}px`;
+    const tempSpan = document.createElement("span");
+    tempSpan.style.visibility = "hidden";
+    tempSpan.style.position = "absolute";
+    tempSpan.style.whiteSpace = "nowrap";
+    tempSpan.style.font = window.getComputedStyle(selectElement).font;
+    document.body.appendChild(tempSpan);
+    tempSpan.textContent = this.unit;
+    const textWidth = tempSpan.offsetWidth;
+    document.body.removeChild(tempSpan);
+    const selectPadding = this.showUnitArrow ? 16 : 6;
+    const arrowWidth = this.showUnitArrow ? 8 : 0;
+    const extraPadding = 2;
+    let finalWidth = textWidth + selectPadding + arrowWidth + extraPadding;
+    finalWidth = Math.max(finalWidth, 30);
+    selectElement.style.width = `${finalWidth}px`;
   }
   attachEventListeners() {
     this.shadowRoot.addEventListener("change", this.handleUnitChange.bind(this));
   }
-  handleUnitChange(t) {
-    if (t.target.tagName === "SELECT") {
-      const e = t.target.value;
-      this.values = this.values.map((i) => u(i, this.unit, e, this.unitCategory)), this.unit = e, this.render();
+  handleUnitChange(event) {
+    if (event.target.tagName === "SELECT") {
+      const newUnit = event.target.value;
+      this.values = this.values.map((value) => convertValue(value, this.unit, newUnit, this.unitCategory));
+      this.unit = newUnit;
+      this.render();
     }
     this.updateDropdownWidth();
   }
 }
-class et extends HTMLElement {
+class NewComponent1 extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.count = 0;
+    super();
+    this.attachShadow({ mode: "open" });
+    this.count = 0;
   }
   connectedCallback() {
-    this.render(), this.attachEventListeners();
+    this.render();
+    this.attachEventListeners();
   }
   render() {
     this.shadowRoot.innerHTML = `
@@ -1492,32 +1711,38 @@ class et extends HTMLElement {
     `;
   }
   attachEventListeners() {
-    const t = this.shadowRoot.querySelector(".increment"), e = this.shadowRoot.querySelector(".decrement");
-    t.addEventListener("click", () => this.increment()), e.addEventListener("click", () => this.decrement());
+    const incrementBtn = this.shadowRoot.querySelector(".increment");
+    const decrementBtn = this.shadowRoot.querySelector(".decrement");
+    incrementBtn.addEventListener("click", () => this.increment());
+    decrementBtn.addEventListener("click", () => this.decrement());
   }
   increment() {
-    this.count++, this.updateCount();
+    this.count++;
+    this.updateCount();
   }
   decrement() {
-    this.count--, this.updateCount();
+    this.count--;
+    this.updateCount();
   }
   updateCount() {
-    const t = this.shadowRoot.querySelector(".count");
-    t.textContent = this.count;
+    const countElement = this.shadowRoot.querySelector(".count");
+    countElement.textContent = this.count;
   }
 }
-const A = (a, t) => {
-  typeof window < "u" && !customElements.get(a) && customElements.define(a, t);
+const defineCustomElement = (name, component) => {
+  if (typeof window !== "undefined" && !customElements.get(name)) {
+    customElements.define(name, component);
+  }
 };
-A("physical-quantity", J);
-A("uc-qty", class extends J {
+defineCustomElement("physical-quantity", PhysicalQuantity);
+defineCustomElement("uc-qty", class extends PhysicalQuantity {
 });
-A("uc-qty-pair", Z);
-A("uc-qty-triplet", tt);
-A("new-component-1", et);
+defineCustomElement("uc-qty-pair", UcQtyPair);
+defineCustomElement("uc-qty-triplet", UcQtyTriplet);
+defineCustomElement("new-component-1", NewComponent1);
 export {
-  et as NewComponent1,
-  J as PhysicalQuantity,
-  Z as UcQtyPair,
-  tt as UcQtyTriplet
+  NewComponent1,
+  PhysicalQuantity,
+  UcQtyPair,
+  UcQtyTriplet
 };