physical-quantity 1.1.92 → 1.2.2

package/dist/pq.umd.js

@@ -1,4 +1,1254 @@
-(function(u,L){typeof exports=="object"&&typeof module<"u"?L(exports):typeof define=="function"&&define.amd?define(["exports"],L):(u=typeof globalThis<"u"?globalThis:u||self,L(u.PQWebComponents={}))})(this,function(u){"use strict";const o=.45359237,r=9.80665,H=5280,a=25.4/1e3,n=12*a,W=1852,Q=66*660,p=4.54609,g=231,I=268.8025,f=1/8,F=1/20,j=1/16,B=8,_=8,Y=1/16,X=240,Z=250,tt=10,N=14.59390294,b=1055.05585262,y=4.1868,M=4.184,R=550*o*r*n,C=101325,$=1/760,U=133.322387415,et=624150974e10,k={Length:["m","nano[nm]","µm","micron","mm","cm","dm","km","in","ft-in","thou[mil, or thousandth of an inch]","ft","yd","mile","NM[M, nmi, or nautical mile]"],Mass:["kg","g","mg","µg","oz","lbm","slug","ton(US/short)","ton(UK-Imperial/long)","tonne"],Time:["s[second]","s","minute","h","h[hour]","day","week"],ElectricalCurrent:["A","Ampere[amp]","mA","µA","kA","MA","esu/s"],Temperature:["°K","°C","°F","°Ra"],"Amount of Substance":["mol","mmol","kmol"],"Luminous Intensity":["cd[candela]","lm/sr","cp[candlepower]","cp[candlepower(before 1948)]"],Acceleration:["m/s²","m/min²","mm/s²","ft/s²","ft/min²","in/s²"],"Gravitational Constant":["m³/kg/s²","N⋅m²/kg²","dyn⋅cm²/g²"],"Velocity (Angular)":["rad/s","rad/min","rad/h","deg°/s","deg°/min","deg°/h","rpm[rev/min]","rev/s"],"Acceleration (Angular)":["rad/s²","rad/min²","deg°/s²","deg°/min²"],Illuminance:["lux","lumen/m²","lm/m²","meter-candle","phot","foot-candle","fc","lumen/ft²","lm/ft²"],Frequency:["Hz","1/s","1/min","rpm","1/hour","mHz","kHz","MHz","GHz"],Area:["m²","µm²","mm²","cm²","km²","hectare","in²","ft²","yd²","acre","mile²"],"Volume / Section Modulus":["m³","µm³","mm³","cm³","L","ml","km³","in³","ft³","yd³","gal(UK-imperial)","gal(US-liquid)","gal(US-dry)","pint(UK-imperial)","pint(US-liquid)","pint(US-dry)","fluid ounce(UK-imperial)","fluid ounce(US-liquid)","bushel(UK-imperial)","bushel(US-dry)","cup(US-liquid)","cup(Legal)","cup(Metric)","cup(Imperial)"],"Polar Moment of Inertia":["m⁴","mm⁴","cm⁴","in⁴","ft⁴"],"Moment of Inertia":["kg⋅m²","g⋅cm²","g⋅mm²","lbm⋅ft²","lbm⋅in²","oz⋅in²"],Force:["N","kN","MN","kgf","lb","lbf","kip[kilo pound]"],Angle:["radian","rad","deg°","revolution"],"Solid Angle":["sr[steradian]","m²/m²"],"BMI-Body Mass Index/Ballistic Coefficient":["kg/m²","g/cm²","g/mm²","tonne/m²","lbm/yd²","lbm/ft²","lbm/in²","oz/yd²","oz/ft²","oz/in²"],Density:["kg/m³","kg/L","g/cm³","g/mm³","lbm/ft³","lbm/in³"],Energy:["J[Joule]","kJ","MJ","GJ","TNT Equivalent[kiloton]","Btu","MM Btu","calorie(IT)","kilo-calorie(IT)","calorie(TH)","kilo-calorie(TH)","HP Hour","Wh","kWh","eV[electron-volt]"],Power:["W","kW","MW","GW[Gigawatt]","Btu/h","Btu/minute","MM Btu/h","Btu(AC)","calorie(IT)/second","calorie(IT)/minute","kilo-calorie(IT)/hour","calorie(TH)/second","calorie(TH)/minute","kilo-calorie(TH)/hour","lb-ft/second","lb-ft/minute","HP","J/second","J/minute","J/h","MJ/h","kJ/minute"],"Torque, Moment of Force":["Nm","kNm","lb-in","kip-in","lb-ft","oz-in","oz-ft"],"Pressure/Stress":["Pa","kPa","MPa","GPa","bar","mbar","atm","mm HG","cm HG","in HG","mm W.C.","m W.C.","in W.C.","psf","psi","ksi","ksi[kip/in²]"],"Pressure Drop per Unit Length":["Pa/m","Pascal/m","kPa/m","MPa/km","bar/m","mbar/mm","atm/m","mm HG/m","in HG/ft","mm W.C./m","m W.C./m","in W.C./ft","in W.C./100 ft","psf/in","psi/ft","ksi/ft","Torr/ft","mTorr/m"],"Uniformly Distributed (Uniform Line) Load | Stiffness of Linear Spring":["N/m","N/mm","kN/m","lb/ft","kips/ft","lb/in"],"Stiffness of Rotary Spring":["N⋅m/rad","N⋅m/deg°","N⋅mm/rad","N⋅mm/deg°","lb-ft/rad","lb-ft/deg°","lb-in/rad","lb-in/deg°"],"Flow Rate (Volume)":["m³/s","m³/min","m³/h","L/s","L/min","L/h","cm³/s","cm³/min","in³/s","in³/min","ft³/s","CFM","CFM[ft³/min]","CFH","CFH[ft³/h]","yd³/min","yd³/h","gpm(US)","gph(US)","bushel(UK-imperial)/h","bushel(US)/h"],"Flow Rate (Mass)":["kg/s","kg/min","kg/h","g/s","g/min","g/h","slug/s","slug/min","slug/h","lbm/s","lbm/min","lbm/h","oz/s","oz/min","oz/h","tonne/h","short ton/h","long ton/h"],"Speed / Velocity (Linear)":["m/s","mm/s","km/s","mm/min","m/min","km/min","mm/h","m/h","km/h","in/s","fps","fps[ft/second]","fpm","fpm[ft/minute]","mph[mile/h]","knot[kn, kt, or nautical mile/h]"],"Fuel Heat Value (Volume)":["J/m³","J/L","kJ/L","kJ/m³","MJ/m³","GJ/m³","cal(IT)/L","kcal(IT)/m³","cal(TH)/L","kcal(TH)/m³","Wh/L","Wh/m³","kWh/m³","HP Hour/ft³","Btu/gal(US)","Btu/ft³","MM Btu/ft³"],"Fuel Heat Value (Mass)":["J/kg","J/g","kJ/kg","MJ/kg","GJ/kg","cal(IT)/g","kcal(IT)/kg","cal(TH)/g","kcal(TH)/kg","Wh/g","Wh/kg","kWh/kg","HP Hour/lbm","Btu/lbm","MM Btu/lbm","Btu/ton(short)"],"Mass Heat Capacity":["J/(kg·°K)","J/(kg·°C)","J/(g·°K)","J/(g·°C)","Btu/(lbm·°F)"],"Viscosity - Absolute/Dynamic(μ)":["PI[Pa·s]","N·s/m²","kg/m/s","P[Poise]","cP","lb·s/ft²","lbm/ft/s"],"Viscosity - Kinematic":["m²/s","m²/min","m²/hr","St[cm²/s]","Stoke","cm²/min","cm²/hr","cSt[mm²/s]","mm²/min","mm²/hr","ft²/s","ft²/min","ft²/hr","in²/s","in²/min","in²/hr"],"Linear Thermal Expansion Coefficient":["1/°K","1/°C","1/°F","1/°Ra"],"Thermal Conductivity":["W/(m⋅°K)","W/(cm⋅°K)","BTU/(h⋅ft⋅°F)","BTU/(h⋅in⋅°F)"],"Electrical Charge":["C[coulomb]","Ah","ampere-hour","mAh","e[electron]","faraday"],"Electrical Potential Difference (Voltage)":["V","Volt","joule/coulomb","J/C","µV","mV","kV","MV"],"Electrical Resistance(Impedance)":["Ω[Ohm]","µΩ","mΩ","kΩ","MΩ"],"Electrical Capacitance":["F[farad]","pF","nF","µF","mF"],"Electrical Inductance":["H[henry]","µH","mH"],"Electrical Conductance":["S[siemens]","℧","µS","mS","kS"],"Magnetic Flux":["Wb[weber]","nWb","µWb","mWb","cWb","dWb"],"Luminous Flux":["lm[lumen]","cd⋅sr"],"Magnetic Flux Density":["T[tesla]","Wb/m²","µT","G","mT"],"Katalytic Activity":["kat[katal]","mol/s","µkat","mkat","kkat","Mkat"],Radioactivity:["Bq[becquerel]","1/s","µBq","mBq","kBq","MBq","Rd[rutherford]","Ci[curie]"],"Absorbed Dose of Ionizing Radiation":["Gy[gray]","J/kg","µGy","mGy","kGy","MGy"],"Equivalent Dose of Ionizing Radiation":["Sv[sievert]","J/kg","µSv","mSv","kSv","MSv"],"Volumetric Displacement":["m³/rad","m³/rev","L/rev","cc/rev","ft³/rev","in³/rev","gal(US-liquid)/rev"],"Fuel Economy":["km/L","mpg(US)","mile/gal(US-liquid)","mpg(UK)","mile/gal(UK-imperial)","mile/L"],"Fuel Consumption":["m³/m","L/km","L/100km","L/mile","L/100mile","gal(US-liquid)/mile","gal(US-liquid)/100mile","gal(UK-imperial)/mile","gal(UK-imperial)/100mile"],"New Energy Economy (MPGe)":["m/J","km/kWh","km/MJ","MPGe","mile/MJ","mile/kWh","mile/MM Btu"],"New Energy Consumption":["J/m","Wh/km","Wh/mile","kWh/km","kWh/100km","kWh/mile","kWh/100mile","MJ/km","MJ/100km","MJ/mile","MJ/100mile","MM Btu/km","MM Btu/100km","MM Btu/mile","MM Btu/100mile"],"Baud Rate":["bit/s","Bd","kBd","MBd","GBd"],Currency:["$","¢","$1K","$1M","$1B","$1T"],"Impulse / Momentum":["N·s","Newton-second","lb·s","kg·m/s","lbm·fps","lbm·fpm"],"Digital Storage":["bit","kilobit","kibibit","megabit","mebibit","gigabit","gibibit","terabit","tebibit","petabit","pebibit","byte","kilobyte","kibibyte","megabyte","mebibyte","gigabyte","gibibyte","terabyte","tebibyte","petabyte","pebibyte"],"Data Transfer Rate":["bit/s","kilobit/s","kibibit/s","megabit/s","mebibit/s","gigabit/s","gibibit/s","terabit/s","tebibit/s","petabit/s","pebibit/s"]},w={Length:{m:1,"nano[nm]":1/1e9,µm:1/1e6,micron:1/1e6,mm:1/1e3,cm:.01,dm:.1,km:1e3,in:a,"thou[mil, or thousandth of an inch]":a/1e3,"ft-in":a,ft:n,yd:3*n,mile:H*n,"NM[M, nmi, or nautical mile]":W},Mass:{kg:1,g:.001,mg:1/1e6,µg:1/1e9,oz:1/16*o,lbm:o,slug:N,"ton(US/short)":2e3*o,"ton(UK-Imperial/long)":2240*o,tonne:1e3},Time:{"s[second]":1,s:1,minute:60,h:3600,"h[hour]":3600,day:3600*24,week:3600*24*7},ElectricalCurrent:{A:1,"Ampere[amp]":1,mA:.001,µA:1e-6,kA:1e3,MA:1e6,"esu/s":1/3e9},Temperature:{"°K":{c0:1,c1:0},"°C":{c0:1,c1:273.15},"°F":{c0:5/9,c1:255.3722222},"°Ra":{c0:5/9,c1:0}},"Amount of Substance":{mol:1,mmol:.001,kmol:1e3},"Luminous Intensity":{"cd[candela]":1,"lm/sr":1,"cp[candlepower]":1,"cp[candlepower(before 1948)]":.981},Acceleration:{"m/s²":1,"m/min²":1/3600,"mm/s²":.001,"ft/s²":n,"ft/min²":n/3600,"in/s²":a},"Gravitational Constant":{"m³/kg/s²":1,"N⋅m²/kg²":1,"dyn⋅cm²/g²":1e3},"Velocity (Angular)":{"rad/s":1,"rad/min":1/60,"rad/h":1/3600,"deg°/s":Math.PI/180,"deg°/min":Math.PI/180/60,"deg°/h":Math.PI/180/3600,"rpm[rev/min]":2*Math.PI/60,"rev/s":2*Math.PI},"Acceleration (Angular)":{"rad/s²":1,"rad/min²":1/3600,"deg°/s²":Math.PI/180,"deg°/min²":Math.PI/180/3600},Illuminance:{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)},Frequency:{Hz:1,"1/s":1,"1/min":1/60,rpm:1/60,"1/hour":1/3600,mHz:1/1e3,kHz:1e3,MHz:1e6,GHz:1e9},Area:{"m²":1,"µm²":Math.pow(1/1e6,2),"mm²":Math.pow(1/1e3,2),"cm²":Math.pow(1/100,2),"km²":1e6,hectare:Math.pow(100,2),"in²":Math.pow(a,2),"ft²":Math.pow(n,2),"yd²":Math.pow(n*3,2),acre:Q*Math.pow(n,2),"mile²":Math.pow(H*n,2)},"Volume / Section Modulus":{"m³":1,"µm³":Math.pow(1/1e6,3),"mm³":Math.pow(1/1e3,3),"cm³":Math.pow(1/100,3),L:1/1e3,ml:1/1e6,"km³":Math.pow(1e3,3),"in³":Math.pow(a,3),"ft³":Math.pow(n,3),"yd³":Math.pow(n*3,3),"gal(UK-imperial)":p*1/1e3,"gal(US-liquid)":g*Math.pow(a,3),"gal(US-dry)":I*Math.pow(a,3),"pint(UK-imperial)":f*p*1/1e3,"pint(US-liquid)":f*g*Math.pow(a,3),"pint(US-dry)":f*I*Math.pow(a,3),"fluid ounce(UK-imperial)":F*f*p/1e3,"fluid ounce(US-liquid)":j*f*g*Math.pow(a,3),"bushel(UK-imperial)":B*p/1e3,"bushel(US-dry)":_*I*Math.pow(a,3),"cup(US-liquid)":Y*g*Math.pow(a,3),"cup(Legal)":X*Math.pow(.01,3),"cup(Metric)":Z*Math.pow(.01,3),"cup(Imperial)":tt*F*f*p/1e3},"Polar Moment of Inertia":{"m⁴":1,"mm⁴":1e-12,"cm⁴":1e-8,"in⁴":Math.pow(a,4),"ft⁴":Math.pow(n,4)},"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(a,2),"oz⋅in²":o/16*Math.pow(a,2)},Force:{N:1,kN:1e3,MN:1e6,kgf:r,lb:o*r,lbf:o*r,"kip[kilo pound]":1e3*o*r},Angle:{radian:1,rad:1,"deg°":Math.PI/180,revolution:Math.PI*2},"Solid Angle":{"sr[steradian]":1,"m²/m²":1},"BMI-Body Mass Index/Ballistic Coefficient":{"kg/m²":1,"g/cm²":1/1e3/Math.pow(.01,2),"g/mm²":1/1e3/Math.pow(.001,2),"tonne/m²":1e3,"lbm/yd²":o/Math.pow(n*3,2),"lbm/ft²":o/Math.pow(n,2),"lbm/in²":o/Math.pow(a,2),"oz/yd²":o/16/Math.pow(3*n,2),"oz/ft²":o/16/Math.pow(n,2),"oz/in²":o/16/Math.pow(a,2)},Density:{"kg/m³":1,"kg/L":1e3,"g/cm³":1/1e3/Math.pow(.01,3),"g/mm³":1/1e3/Math.pow(.001,3),"lbm/ft³":o/Math.pow(n,3),"lbm/in³":o/Math.pow(a,3)},Energy:{"J[Joule]":1,kJ:1e3,MJ:1e6,GJ:1e9,"TNT Equivalent[kiloton]":1e9*M,Btu:b,"MM Btu":b*1e6,"calorie(IT)":y,"kilo-calorie(IT)":y*1e3,"calorie(TH)":M,"kilo-calorie(TH)":M*1e3,"HP Hour":R*3600,Wh:3600,kWh:3600*1e3,"eV{electron-volt]":1/et},Power:{W:1,kW:1e3,MW:1e6,"GW[Gigawatt]":1e9,"Btu/h":b/3600,"Btu/minute":b/60,"MM Btu/h":b*1e6/3600,"Btu(AC)":b/3600,"calorie(IT)/second":y,"calorie(IT)/minute":y/60,"kilo-calorie(IT)/hour":y*1e3/3600,"calorie(TH)/second":M,"calorie(TH)/minute":M/60,"kilo-calorie(TH)/hour":M*1e3/3600,"lb-ft/second":o*r*n,"lb-ft/minute":o*r*n/60,HP:R,"J/second":1,"J/minute":1/60,"J/h":1/3600,"MJ/h":1e6/3600,"kJ/minute":1e3/60},"Torque, Moment of Force":{Nm:1,kNm:1e3,"lb-in":o*r*a,"kip-in":1e3*o*r*a,"lb-ft":o*r*n,"oz-in":o/16*r*a,"oz-ft":o/16*r*n},"Pressure/Stress":{Pa:1,kPa:1e3,MPa:1e6,GPa:1e9,bar:100*1e3,mbar:100,atm:C,"mm HG":U,"cm HG":U*10,"in HG":U*25.4,"mm W.C.":1/1e3*1e3*r,"m W.C.":1*1e3*r,"in W.C.":a*1e3*r,psf:o*r/Math.pow(n,2),psi:o*r/Math.pow(a,2),ksi:o*r/Math.pow(a,2)*1e3,"ksi{kip/in²]":o*r/Math.pow(a,2)*1e3},"Pressure Drop per Unit Length":{"Pa/m":1,"Pascal/m":1,"kPa/m":1e3,"MPa/km":1e6/1e3,"bar/m":1e5,"mbar/mm":100*1e3,"atm/m":C,"mm HG/m":U,"in HG/ft":U*25.4/n,"mm W.C./m":1/1e3*1e3*r,"m W.C./m":1e3*r,"in W.C./ft":a*1e3*r/n,"in W.C./100 ft":a*1e3*r/n/100,"psf/in":o*r/Math.pow(n,2)/a,"psi/ft":o*r/Math.pow(n,2)/n,"ksi/ft":o*r/Math.pow(n,2)/n*1e3,"Torr/ft":$*C/n,"mTorr/m":$*C/1e3},"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/a},"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*a,"lb-in/deg°":o*r*a/(Math.PI/180)},"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,"cm³/s":1e-6,"cm³/min":1e-6/60,"in³/s":Math.pow(a,3),"in³/min":Math.pow(a,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)":g*Math.pow(a,3)/60,"gph(US)":g*Math.pow(a,3)/3600,"bushel(UK-imperial)/h":B*p/1e3/3600,"bushel(US)/h":_*I*Math.pow(a,3)/3600},"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":N,"slug/min":N/60,"slug/h":N/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},"Speed / Velocity (Linear)":{"m/s":1,"mm/s":1/1e3,"km/s":1,"mm/min":1/1e3/60,"m/min":1/60,"km/min":1e3/60,"mm/h":1/1e3/3600,"m/h":1/3600,"km/h":1e3/3600,"in/s":a,fps:n,"fps[ft/second]":n,fpm:n/60,"fpm[ft/minute]":n/60,"mph[mile/h]":H*n/3600,"knot[kn, kt, or nautical mile/h]":W/3600},"Electrical Potential Difference (Voltage)":{V:1,Volt:1,"joule/coulomb":1,"J/C":1,µV:1/1e6,mV:1/1e3,kV:1e3,MV:1e6}},T=l=>{if(console.log("getUnitCategory called with unit:",l),!l)return console.warn("Unit is undefined or null"),"Custom";for(const t in k)if(k[t].includes(l))return console.log(`Category found for unit ${l}:`,t),t;return console.warn(`No category found for unit: ${l}`),"Custom"},d=(l,t,e,i)=>{if(t==="ft-in"&&e!=="ft-in")return it(l,e);if(t!=="ft-in"&&e==="ft-in")return nt(l,t);if(i!=="Temperature"){const s=w[i][t]/w[i][e];return l*s}else{const s=w[i][t].c0,m=w[i][t].c1,c=w[i][e].c0,h=w[i][e].c1;return(l*s+m-h)/c}},O=(l,t)=>{let e;if(Number.isInteger(l)?e=l.toString():e=l.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(".")}return e},P=l=>{const t=/(\d+)\'(\s*-\s*)?(\d+)?(\s+)?(\d+)?\/?(\d+)?/,e=/(\d+)\'/,i=/(\d+)/;let s=l.match(t);if(s){const m=parseInt(s[1])||0,c=parseInt(s[3])||0,h=parseInt(s[5])||0,v=parseInt(s[6])||1;return D(m,c,h,v)}if(s=l.match(e),s){const m=parseInt(s[1])||0;return D(m,0,0,1)}if(s=l.match(i),s){const m=parseInt(s[1])||0;return D(0,m,0,1)}return parseFloat(l)},D=(l,t,e,i)=>l*12+t+e/i,S=(l,t='1/16"')=>{if(l<0)return`-${S(-l,t)}`;const e=parseInt(t.split("/")[1].replace('"',""));let i=Math.floor(l/12),s=Math.floor(l%12);const m=l-Math.floor(l);let c="";if(m>0&&t!==0){let v=Math.round(m*e);const q=(K,x)=>x?q(x,K%x):K,z=q(v,e);c=` ${v/z}/${e/z}`,c.trim()==="1/1"&&(s++,s>=12&&(i++,s-=12),c="")}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()},it=(l,t)=>{const e=l*.0254;return d(e,"m",t,"Length")},nt=(l,t)=>d(l,t,"m","Length")/.0254;class E 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")}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()}disconnectedCallback(){this.removeEventListeners()}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=d({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));this.render()}updateUnitCategory(){console.log("updateUnitCategory called with unit:",this.unit),this.unitCategory=T(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"?P(t):parseFloat(t)||0;return console.log("Parsed value:",i),i}formatDisplayValue(){return this.unit==="ft-in"?S(this.value):O(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=d(this.value,this.unit,e,this.unitCategory),console.log("Converted value:",this.value),this.unit=e,this.updateUnitCategory(),this.render()}this.updateDropdownWidth()}render(){const t=this.formatDisplayValue();this.shadowRoot.innerHTML=`
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.PQWebComponents = {}));
+})(this, function(exports2) {
+  "use strict";/**
+ * 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",
+      "nano[nm]",
+      "µm",
+      "micron",
+      "mm",
+      "cm",
+      "dm",
+      "km",
+      "in",
+      "ft-in",
+      "thou[mil, or thousandth of an inch]",
+      // a thousandth is called a thou per wiki
+      "ft",
+      "yd",
+      "mile",
+      "NM[M, nmi, or nautical mile]"
+    ],
+    /* 902  */
+    Mass: [
+      "kg",
+      "g",
+      "mg",
+      "µg",
+      "oz",
+      "lbm",
+      "slug",
+      "ton(US/short)",
+      "ton(UK-Imperial/long)",
+      "tonne"
+    ],
+    /* 903  */
+    Time: ["s[second]", "s", "minute", "h", "h[hour]", "day", "week"],
+    /* 904  */
+    ElectricalCurrent: ["A", "Ampere[amp]", "mA", "µA", "kA", "MA", "esu/s"],
+    /* 905  */
+    Temperature: ["°K", "°C", "°F", "°Ra"],
+    /* 906  */
+    "Amount of Substance": ["mol", "mmol", "kmol"],
+    /* 907  */
+    "Luminous Intensity": [
+      "cd[candela]",
+      "lm/sr",
+      "cp[candlepower]",
+      "cp[candlepower(before 1948)]"
+    ],
+    /* 100  */
+    Acceleration: ["m/s²", "m/min²", "mm/s²", "ft/s²", "ft/min²", "in/s²"],
+    /* 1001 */
+    "Gravitational Constant": ["m³/kg/s²", "N⋅m²/kg²", "dyn⋅cm²/g²"],
+    /* 1010 */
+    "Velocity (Angular)": [
+      "rad/s",
+      "rad/min",
+      "rad/h",
+      "deg°/s",
+      "deg°/min",
+      "deg°/h",
+      "rpm[rev/min]",
+      "rev/s"
+    ],
+    /* 1011 */
+    "Acceleration (Angular)": ["rad/s²", "rad/min²", "deg°/s²", "deg°/min²"],
+    /* 102  */
+    Illuminance: [
+      "lux",
+      "lumen/m²",
+      "lm/m²",
+      "meter-candle",
+      "phot",
+      "foot-candle",
+      "fc",
+      "lumen/ft²",
+      "lm/ft²"
+    ],
+    /* 103 */
+    Frequency: ["Hz", "1/s", "1/min", "rpm", "1/hour", "mHz", "kHz", "MHz", "GHz"],
+    /* 104 */
+    Area: [
+      "m²",
+      "µm²",
+      "mm²",
+      "cm²",
+      "km²",
+      "hectare",
+      "in²",
+      "ft²",
+      "yd²",
+      "acre",
+      "mile²"
+    ],
+    /* 105 */
+    "Volume / Section Modulus": [
+      "m³",
+      "µm³",
+      "mm³",
+      "cm³",
+      "L",
+      "ml",
+      "km³",
+      "in³",
+      "ft³",
+      "yd³",
+      "gal(UK-imperial)",
+      "gal(US-liquid)",
+      "gal(US-dry)",
+      "pint(UK-imperial)",
+      "pint(US-liquid)",
+      "pint(US-dry)",
+      "fluid ounce(UK-imperial)",
+      "fluid ounce(US-liquid)",
+      "bushel(UK-imperial)",
+      "bushel(US-dry)",
+      "cup(US-liquid)",
+      "cup(Legal)",
+      "cup(Metric)",
+      "cup(Imperial)"
+    ],
+    /* 106 */
+    "Polar Moment of Inertia": ["m⁴", "mm⁴", "cm⁴", "in⁴", "ft⁴"],
+    /* 1060 */
+    "Moment of Inertia": ["kg⋅m²", "g⋅cm²", "g⋅mm²", "lbm⋅ft²", "lbm⋅in²", "oz⋅in²"],
+    /* 107 */
+    Force: ["N", "kN", "MN", "kgf", "lb", "lbf", "kip[kilo pound]"],
+    /* 108 */
+    Angle: ["radian", "rad", "deg°", "revolution"],
+    /* 1081 */
+    "Solid Angle": ["sr[steradian]", "m²/m²"],
+    /* 1090 */
+    "BMI-Body Mass Index/Ballistic Coefficient": [
+      "kg/m²",
+      "g/cm²",
+      "g/mm²",
+      "tonne/m²",
+      "lbm/yd²",
+      "lbm/ft²",
+      "lbm/in²",
+      "oz/yd²",
+      "oz/ft²",
+      "oz/in²"
+    ],
+    /* 1091 */
+    Density: ["kg/m³", "kg/L", "g/cm³", "g/mm³", "lbm/ft³", "lbm/in³"],
+    /* 110 */
+    Energy: [
+      "J[Joule]",
+      "kJ",
+      "MJ",
+      "GJ",
+      "TNT Equivalent[kiloton]",
+      "Btu",
+      "MM Btu",
+      "calorie(IT)",
+      // 4.1868J
+      "kilo-calorie(IT)",
+      "calorie(TH)",
+      // 4.184J
+      "kilo-calorie(TH)",
+      "HP Hour",
+      "Wh",
+      "kWh",
+      "eV[electron-volt]"
+    ],
+    /* 111 */
+    Power: [
+      "W",
+      "kW",
+      "MW",
+      "GW[Gigawatt]",
+      "Btu/h",
+      "Btu/minute",
+      "MM Btu/h",
+      "Btu(AC)",
+      "calorie(IT)/second",
+      "calorie(IT)/minute",
+      "kilo-calorie(IT)/hour",
+      "calorie(TH)/second",
+      "calorie(TH)/minute",
+      "kilo-calorie(TH)/hour",
+      "lb-ft/second",
+      "lb-ft/minute",
+      "HP",
+      "J/second",
+      "J/minute",
+      "J/h",
+      "MJ/h",
+      "kJ/minute"
+    ],
+    /* 112 */
+    "Torque, Moment of Force": ["Nm", "kNm", "lb-in", "kip-in", "lb-ft", "oz-in", "oz-ft"],
+    /* 1130 */
+    "Pressure/Stress": [
+      "Pa",
+      "kPa",
+      "MPa",
+      "GPa",
+      "bar",
+      "mbar",
+      "atm",
+      "mm HG",
+      "cm HG",
+      "in HG",
+      "mm W.C.",
+      "m W.C.",
+      "in W.C.",
+      "psf",
+      "psi",
+      "ksi",
+      "ksi[kip/in²]"
+    ],
+    /* 1131 */
+    "Pressure Drop per Unit Length": [
+      "Pa/m",
+      "Pascal/m",
+      "kPa/m",
+      "MPa/km",
+      "bar/m",
+      "mbar/mm",
+      "atm/m",
+      "mm HG/m",
+      "in HG/ft",
+      "mm W.C./m",
+      "m W.C./m",
+      "in W.C./ft",
+      "in W.C./100 ft",
+      "psf/in",
+      "psi/ft",
+      "ksi/ft",
+      "Torr/ft",
+      "mTorr/m"
+    ],
+    /* 1132 */
+    "Uniformly Distributed (Uniform Line) Load | Stiffness of Linear Spring": ["N/m", "N/mm", "kN/m", "lb/ft", "kips/ft", "lb/in"],
+    // 1132
+    /* 1133 */
+    "Stiffness of Rotary Spring": [
+      "N⋅m/rad",
+      "N⋅m/deg°",
+      "N⋅mm/rad",
+      "N⋅mm/deg°",
+      "lb-ft/rad",
+      "lb-ft/deg°",
+      "lb-in/rad",
+      "lb-in/deg°"
+    ],
+    /* 114  */
+    "Flow Rate (Volume)": [
+      "m³/s",
+      "m³/min",
+      "m³/h",
+      "L/s",
+      "L/min",
+      "L/h",
+      "cm³/s",
+      "cm³/min",
+      "in³/s",
+      "in³/min",
+      "ft³/s",
+      "CFM",
+      "CFM[ft³/min]",
+      "CFH",
+      "CFH[ft³/h]",
+      "yd³/min",
+      "yd³/h",
+      "gpm(US)",
+      "gph(US)",
+      "bushel(UK-imperial)/h",
+      "bushel(US)/h"
+    ],
+    /* 115 */
+    "Flow Rate (Mass)": [
+      "kg/s",
+      "kg/min",
+      "kg/h",
+      "g/s",
+      "g/min",
+      "g/h",
+      "slug/s",
+      "slug/min",
+      "slug/h",
+      "lbm/s",
+      "lbm/min",
+      "lbm/h",
+      "oz/s",
+      "oz/min",
+      "oz/h",
+      "tonne/h",
+      "short ton/h",
+      "long ton/h"
+    ],
+    /* 117 */
+    "Speed / Velocity (Linear)": [
+      "m/s",
+      "mm/s",
+      "km/s",
+      "mm/min",
+      "m/min",
+      "km/min",
+      "mm/h",
+      "m/h",
+      "km/h",
+      "in/s",
+      "fps",
+      "fps[ft/second]",
+      "fpm",
+      // clear version
+      "fpm[ft/minute]",
+      // redundant version
+      "mph[mile/h]",
+      "knot[kn, kt, or nautical mile/h]"
+    ],
+    /* 118  */
+    /* 119  */
+    "Fuel Heat Value (Volume)": [
+      "J/m³",
+      "J/L",
+      "kJ/L",
+      "kJ/m³",
+      "MJ/m³",
+      "GJ/m³",
+      "cal(IT)/L",
+      // 4.1868J
+      "kcal(IT)/m³",
+      "cal(TH)/L",
+      // 4.184J
+      "kcal(TH)/m³",
+      "Wh/L",
+      "Wh/m³",
+      "kWh/m³",
+      "HP Hour/ft³",
+      "Btu/gal(US)",
+      "Btu/ft³",
+      "MM Btu/ft³"
+    ],
+    /* 120  */
+    "Fuel Heat Value (Mass)": [
+      "J/kg",
+      "J/g",
+      "kJ/kg",
+      "MJ/kg",
+      "GJ/kg",
+      "cal(IT)/g",
+      "kcal(IT)/kg",
+      "cal(TH)/g",
+      "kcal(TH)/kg",
+      "Wh/g",
+      "Wh/kg",
+      "kWh/kg",
+      "HP Hour/lbm",
+      "Btu/lbm",
+      "MM Btu/lbm",
+      "Btu/ton(short)"
+    ],
+    /* 121  */
+    "Mass Heat Capacity": ["J/(kg·°K)", "J/(kg·°C)", "J/(g·°K)", "J/(g·°C)", "Btu/(lbm·°F)"],
+    /* 122  */
+    "Viscosity - Absolute/Dynamic(μ)": [
+      "PI[Pa·s]",
+      "N·s/m²",
+      "kg/m/s",
+      "P[Poise]",
+      "cP",
+      "lb·s/ft²",
+      "lbm/ft/s"
+    ],
+    /* 123  */
+    "Viscosity - Kinematic": [
+      "m²/s",
+      "m²/min",
+      "m²/hr",
+      "St[cm²/s]",
+      "Stoke",
+      "cm²/min",
+      "cm²/hr",
+      "cSt[mm²/s]",
+      "mm²/min",
+      "mm²/hr",
+      "ft²/s",
+      "ft²/min",
+      "ft²/hr",
+      "in²/s",
+      "in²/min",
+      "in²/hr"
+    ],
+    /* 1240 */
+    "Linear Thermal Expansion Coefficient": ["1/°K", "1/°C", "1/°F", "1/°Ra"],
+    /* 1241 */
+    "Thermal Conductivity": ["W/(m⋅°K)", "W/(cm⋅°K)", "BTU/(h⋅ft⋅°F)", "BTU/(h⋅in⋅°F)"],
+    // TODO:
+    /* 125  */
+    "Electrical Charge": [
+      "C[coulomb]",
+      "Ah",
+      "ampere-hour",
+      "mAh",
+      "e[electron]",
+      "faraday"
+    ],
+    /* 126  */
+    "Electrical Potential Difference (Voltage)": [
+      "V",
+      "Volt",
+      "joule/coulomb",
+      "J/C",
+      "µV",
+      "mV",
+      "kV",
+      "MV"
+    ],
+    /* 127  */
+    "Electrical Resistance(Impedance)": ["Ω[Ohm]", "µΩ", "mΩ", "kΩ", "MΩ"],
+    /* 128  */
+    "Electrical Capacitance": ["F[farad]", "pF", "nF", "µF", "mF"],
+    /* 129  */
+    "Electrical Inductance": ["H[henry]", "µH", "mH"],
+    /* 130  */
+    "Electrical Conductance": ["S[siemens]", "℧", "µS", "mS", "kS"],
+    /* 131  */
+    "Magnetic Flux": ["Wb[weber]", "nWb", "µWb", "mWb", "cWb", "dWb"],
+    /* 132  */
+    "Luminous Flux": ["lm[lumen]", "cd⋅sr"],
+    /* 133  */
+    "Magnetic Flux Density": ["T[tesla]", "Wb/m²", "µT", "G", "mT"],
+    /* 134  */
+    "Katalytic Activity": ["kat[katal]", "mol/s", "µkat", "mkat", "kkat", "Mkat"],
+    /* 135  */
+    Radioactivity: [
+      "Bq[becquerel]",
+      "1/s",
+      "µBq",
+      "mBq",
+      "kBq",
+      "MBq",
+      "Rd[rutherford]",
+      "Ci[curie]"
+    ],
+    /* 136  */
+    "Absorbed Dose of Ionizing Radiation": ["Gy[gray]", "J/kg", "µGy", "mGy", "kGy", "MGy"],
+    /* 137  */
+    "Equivalent Dose of Ionizing Radiation": ["Sv[sievert]", "J/kg", "µSv", "mSv", "kSv", "MSv"],
+    /* 138  */
+    "Volumetric Displacement": [
+      /** baseUnit does not need to be included here.
+       *  => Update: show baseUnit so user can tell it is based on volume/angle, instead of volume/cycle. 20221016
+       */
+      "m³/rad",
+      "m³/rev",
+      "L/rev",
+      "cc/rev",
+      "ft³/rev",
+      "in³/rev",
+      "gal(US-liquid)/rev"
+    ],
+    /* 139  */
+    "Fuel Economy": [
+      // 'm/m³',
+      "km/L",
+      "mpg(US)",
+      "mile/gal(US-liquid)",
+      "mpg(UK)",
+      "mile/gal(UK-imperial)",
+      "mile/L"
+    ],
+    /* 140  */
+    "Fuel Consumption": [
+      "m³/m",
+      "L/km",
+      "L/100km",
+      "L/mile",
+      "L/100mile",
+      "gal(US-liquid)/mile",
+      "gal(US-liquid)/100mile",
+      "gal(UK-imperial)/mile",
+      "gal(UK-imperial)/100mile"
+    ],
+    /* 141  */
+    "New Energy Economy (MPGe)": [
+      "m/J",
+      "km/kWh",
+      "km/MJ",
+      "MPGe",
+      "mile/MJ",
+      "mile/kWh",
+      "mile/MM Btu"
+    ],
+    /* 142  */
+    "New Energy Consumption": [
+      "J/m",
+      "Wh/km",
+      "Wh/mile",
+      "kWh/km",
+      "kWh/100km",
+      "kWh/mile",
+      "kWh/100mile",
+      "MJ/km",
+      "MJ/100km",
+      "MJ/mile",
+      "MJ/100mile",
+      "MM Btu/km",
+      "MM Btu/100km",
+      "MM Btu/mile",
+      "MM Btu/100mile"
+    ],
+    /* 143  */
+    "Baud Rate": ["bit/s", "Bd", "kBd", "MBd", "GBd"],
+    /* 144  */
+    /* 145  */
+    /* 146  */
+    /* 147  */
+    /* 148  */
+    /* 149  */
+    /* 150  */
+    Currency: ["$", "¢", "$1K", "$1M", "$1B", "$1T"],
+    /* 151  */
+    "Impulse / Momentum": ["N·s", "Newton-second", "lb·s", "kg·m/s", "lbm·fps", "lbm·fpm"],
+    /* 152  */
+    "Digital Storage": [
+      "bit",
+      "kilobit",
+      "kibibit",
+      "megabit",
+      "mebibit",
+      "gigabit",
+      "gibibit",
+      "terabit",
+      "tebibit",
+      "petabit",
+      "pebibit",
+      "byte",
+      "kilobyte",
+      "kibibyte",
+      "megabyte",
+      "mebibyte",
+      "gigabyte",
+      "gibibyte",
+      "terabyte",
+      "tebibyte",
+      "petabyte",
+      "pebibyte"
+    ],
+    /* 153  */
+    "Data Transfer Rate": [
+      "bit/s",
+      "kilobit/s",
+      "kibibit/s",
+      "megabit/s",
+      "mebibit/s",
+      "gigabit/s",
+      "gibibit/s",
+      "terabit/s",
+      "tebibit/s",
+      "petabit/s",
+      "pebibit/s"
+    ]
+    /* 154  */
+    /*   */
+  };
+  const CONVERSION_FACTORS = {
+    /* 901  */
+    Length: {
+      "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": 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 / 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,
+      "h[hour]": 3600,
+      "day": 3600 * 24,
+      "week": 3600 * 24 * 7
+    },
+    /* 904  */
+    ElectricalCurrent: {
+      /* ["A", "Ampere[amp]", "mA", "µA", "kA", "MA", "esu/s"], */
+      "A": 1,
+      "Ampere[amp]": 1,
+      "mA": 1e-3,
+      "µA": 1e-6,
+      "kA": THOUSAND,
+      "MA": MILLION,
+      "esu/s": 1 / 3e9
+    },
+    /* 905  */
+    Temperature: {
+      "°K": { c0: 1, c1: 0 },
+      "°C": { c0: 1, c1: 273.15 },
+      "°F": { c0: 5 / 9, c1: 255.3722222 },
+      "°Ra": { c0: 5 / 9, c1: 0 }
+    },
+    /* 906  */
+    "Amount of Substance": {
+      "mol": 1,
+      "mmol": 1e-3,
+      "kmol": THOUSAND
+    },
+    /* 907  */
+    "Luminous Intensity": {
+      "cd[candela]": 1,
+      "lm/sr": 1,
+      "cp[candlepower]": 1,
+      "cp[candlepower(before 1948)]": 0.981
+    },
+    /* 100  */
+    Acceleration: {
+      "m/s²": 1,
+      "m/min²": 1 / 3600,
+      "mm/s²": 1e-3,
+      "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²": THOUSAND
+    },
+    /* 1010 */
+    "Velocity (Angular)": {
+      "rad/s": 1,
+      "rad/min": 1 / 60,
+      "rad/h": 1 / 3600,
+      "deg°/s": Math.PI / 180,
+      "deg°/min": Math.PI / 180 / 60,
+      "deg°/h": Math.PI / 180 / 3600,
+      "rpm[rev/min]": 2 * Math.PI / 60,
+      "rev/s": 2 * Math.PI
+    },
+    /* 1011 */
+    "Acceleration (Angular)": {
+      "rad/s²": 1,
+      "rad/min²": 1 / 3600,
+      "deg°/s²": Math.PI / 180,
+      "deg°/min²": Math.PI / 180 / 3600
+    },
+    /* 102  */
+    Illuminance: {
+      "lux": 1,
+      "lumen/m²": 1,
+      "lm/m²": 1,
+      "meter-candle": 1,
+      "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,
+      "1/s": 1,
+      "1/min": 1 / 60,
+      "rpm": 1 / 60,
+      "1/hour": 1 / 3600,
+      "mHz": 1 / THOUSAND,
+      "kHz": THOUSAND,
+      "MHz": MILLION,
+      "GHz": BILLION
+    },
+    /* 104 */
+    Area: {
+      "m²": 1,
+      "µm²": Math.pow(1 / MILLION, 2),
+      "mm²": Math.pow(1 / THOUSAND, 2),
+      "cm²": Math.pow(1 / 100, 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 / MILLION, 3),
+      "mm³": Math.pow(1 / THOUSAND, 3),
+      "cm³": Math.pow(1 / 100, 3),
+      "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(INCH_METER, 4),
+      "ft⁴": Math.pow(FOOT_METER, 4)
+    },
+    /* 1060 */
+    "Moment of Inertia": {
+      "kg⋅m²": 1,
+      "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": 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,
+      "deg°": Math.PI / 180,
+      "revolution": Math.PI * 2
+    },
+    /* 1081 */
+    "Solid Angle": {
+      "sr[steradian]": 1,
+      "m²/m²": 1
+    },
+    /* 1090 */
+    "BMI-Body Mass Index/Ballistic Coefficient": {
+      "kg/m²": 1,
+      "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: {
+      "kg/m³": 1,
+      "kg/L": 1e3,
+      "g/cm³": 1 / 1e3 / Math.pow(0.01, 3),
+      "g/mm³": 1 / 1e3 / Math.pow(1e-3, 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": THOUSAND,
+      "MJ": MILLION,
+      "GJ": BILLION,
+      "TNT Equivalent[kiloton]": 1e9 * CALORIE_TH_J,
+      // 1e9 = 1000000000.0,
+      "Btu": BTU_J,
+      "MM Btu": BTU_J * MILLION,
+      "calorie(IT)": CALORIE_IT_J,
+      // 4.1868J
+      "kilo-calorie(IT)": CALORIE_IT_J * THOUSAND,
+      "calorie(TH)": CALORIE_TH_J,
+      // 4.184J
+      "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": 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": MILLION / 3600,
+      "kJ/minute": THOUSAND / 60
+    },
+    /* 112 */
+    "Torque, Moment of Force": {
+      "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": 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": THOUSAND,
+      "MPa/km": MILLION / THOUSAND,
+      "bar/m": 1e5,
+      "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": 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 / 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 / THOUSAND,
+      "L/min": 1 / THOUSAND / 60,
+      "L/h": 1 / THOUSAND / 3600,
+      "cm³/s": 1e-6,
+      "cm³/min": 1e-6 / 60,
+      "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 / 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 / THOUSAND,
+      "km/s": 1,
+      "mm/min": 1 / THOUSAND / 60,
+      "m/min": 1 / 60,
+      "km/min": THOUSAND / 60,
+      "mm/h": 1 / THOUSAND / 3600,
+      "m/h": 1 / 3600,
+      "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]": FOOT_METER / 60,
+      // redundant version
+      "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,
+      "joule/coulomb": 1,
+      "J/C": 1,
+      "µ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;
+      }
+    }
+    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 {
+      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 = "";
+        }
+      }
+    }
+    let output = "";
+    if (feet > 0) {
+      output += `${feet}'`;
+    }
+    if (feet > 0 && (inches > 0 || fractionStr !== "")) {
+      output += `-`;
+    }
+    if (inches > 0) {
+      output += `${inches}`;
+    }
+    if (fractionStr !== "") {
+      output += fractionStr;
+    }
+    if (inches > 0 || fractionStr !== "") {
+      output += '"';
+    }
+    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.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();
+    }
+    disconnectedCallback() {
+      this.removeEventListeners();
+    }
+    static get observedAttributes() {
+      return ["value", "unit", "decimal-places", "show-unit-arrow"];
+    }
+    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 = getUnitCategory(this.unit);
+      console.log("Updated unit category:", this.unitCategory);
+    }
+    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() {
+      if (this.unit === "ft-in") {
+        return formatFeetInchesValue(this.value);
+      } else {
+        return formatValue(this.value, this.decimalPlaces);
+      }
+    }
+    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 formattedValue = this.formatDisplayValue();
+      this.shadowRoot.innerHTML = `
       <style>
         :host {
           display: inline-flex;
@@ -21,9 +1271,9 @@
           align-items: baseline;
         }
         .unit-container select {
-          appearance: ${this.showUnitArrow?"auto":"none"};
-          -webkit-appearance: ${this.showUnitArrow?"auto":"none"};
-          -moz-appearance: ${this.showUnitArrow?"auto":"none"};
+          appearance: ${this.showUnitArrow ? "auto" : "none"};
+          -webkit-appearance: ${this.showUnitArrow ? "auto" : "none"};
+          -moz-appearance: ${this.showUnitArrow ? "auto" : "none"};
           border-radius: 0.15em;
           border: none;
           margin: 0;
@@ -41,61 +1291,98 @@
           min-width: 2.5em;
         }
         .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;
+          display: ${this.showUnitArrow ? "block" : "none"};
         }
       </style>
       
       <div class="quantity">
-        <span class="value">${t}</span>
+        <span class="value">${formattedValue}</span>
         <div class="unit-container">
           <select>
-            ${(k[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()}updateDropdownWidth(){const t=this.shadowRoot.querySelector("select");if(!t)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`}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 J extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.values=[],this.unit="",this.unitCategory="",this.decimalPlaces=2,this.showUnitArrow=!0}connectedCallback(){this.unit=this.getAttribute("unit")||"cm",this.values=this.getAttribute("values").split(",").map(Number).map(t=>this.parseValue(t,this.unit)),this.unitCategory=T(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=T(i),s!==i&&(this.values=this.values.map(m=>d(m,s,i,this.unitCategory)))}else t==="decimal-places"?this.decimalPlaces=parseInt(i)||2:t==="show-unit-arrow"&&(this.showUnitArrow=i===null||i==="true");this.render()}render(){const t=this.values.map(e=>this.formatPairValue(e));this.shadowRoot.innerHTML=`
+    `;
+      this.updateDropdownWidth();
+    }
+    updateDropdownWidth() {
+      const selectElement = this.shadowRoot.querySelector("select");
+      if (!selectElement)
+        return;
+      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));
+    }
+    removeEventListeners() {
+      this.shadowRoot.removeEventListener("change", this.handleUnitChange.bind(this));
+    }
+  }
+  class UcQtyPair extends HTMLElement {
+    constructor() {
+      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.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(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 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 {
           display: inline-flex;
@@ -112,15 +1399,24 @@
           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;
           align-items: baseline;
         }
         .unit-container select {
-          appearance: ${this.showUnitArrow?"auto":"none"};
-          -webkit-appearance: ${this.showUnitArrow?"auto":"none"};
-          -moz-appearance: ${this.showUnitArrow?"auto":"none"};
+          appearance: ${this.showUnitArrow ? "auto" : "none"};
+          -webkit-appearance: ${this.showUnitArrow ? "auto" : "none"};
+          -moz-appearance: ${this.showUnitArrow ? "auto" : "none"};
           border-radius: 0.15em;
           border: none;
           margin: 0;
@@ -137,17 +1433,154 @@
           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>
-            ${(k[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()}updateDropdownWidth(){const t=this.shadowRoot.querySelector("select");if(!t)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`}attachEventListeners(){this.shadowRoot.addEventListener("change",this.handleUnitChange.bind(this))}parseValue(t,e){return e==="ft-in"?P(t):parseFloat(t)}formatPairValue(t){return this.unit==="ft-in"?S(t):O(t,this.decimalPlaces)}handleUnitChange(t){if(t.target.tagName==="SELECT"){const e=t.target.value;this.values=this.values.map(i=>d(i,this.unit,e,this.unitCategory)),this.unit=e,this.render()}this.updateDropdownWidth()}}class V 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}connectedCallback(){this.unit=this.getAttribute("unit")||"cm",this.parseTripletValues(this.getAttribute("values")),this.unitCategory=T(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=T(i),s!==i&&(this.values=this.values.map(m=>d(m,s,i,this.unitCategory)))}else t==="decimal-places"?this.decimalPlaces=parseInt(i)||2:t==="show-unit-arrow"&&(this.showUnitArrow=i===null||i==="true");this.render()}parseValue(t,e){return e==="ft-in"?P(t):parseFloat(t)}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")}formatTripletValue(t){return this.unit==="ft-in"?S(t):O(t,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}render(){const t=this.formatTriplet(this.values);this.shadowRoot.innerHTML=`
+        </div>
+      </div>
+    `;
+      this.updateDropdownWidth();
+    }
+    updateDropdownWidth() {
+      const selectElement = this.shadowRoot.querySelector("select");
+      if (!selectElement)
+        return;
+      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));
+    }
+    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";
+      }
+    }
+    parseValue(value, unit) {
+      return unit === "ft-in" ? parseFeetInchesValue(value) : parseFloat(value);
+    }
+    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 UcQtyTriplet extends HTMLElement {
+    constructor() {
+      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 = 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(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(value, unit) {
+      return unit === "ft-in" ? parseFeetInchesValue(value) : parseFloat(value);
+    }
+    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(value) {
+      if (this.unit === "ft-in") {
+        return formatFeetInchesValue(value);
+      } else {
+        return formatValue(value, this.decimalPlaces);
+      }
+    }
+    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 formattedTriplet = this.formatTriplet(this.values);
+      this.shadowRoot.innerHTML = `
       <style>
         :host {
           display: inline-flex;
@@ -180,9 +1613,9 @@
           align-items: baseline;
         }
         .unit-container select {
-          appearance: ${this.showUnitArrow?"auto":"none"};
-          -webkit-appearance: ${this.showUnitArrow?"auto":"none"};
-          -moz-appearance: ${this.showUnitArrow?"auto":"none"};
+          appearance: ${this.showUnitArrow ? "auto" : "none"};
+          -webkit-appearance: ${this.showUnitArrow ? "auto" : "none"};
+          -moz-appearance: ${this.showUnitArrow ? "auto" : "none"};
           border: none;
           margin: 0;
           cursor: pointer;
@@ -193,18 +1626,62 @@
       </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>
-            ${(k[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()}updateDropdownWidth(){const t=this.shadowRoot.querySelector("select");if(!t)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`}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=>d(i,this.unit,e,this.unitCategory)),this.unit=e,this.render()}this.updateDropdownWidth()}}class G extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.count=0}connectedCallback(){this.render(),this.attachEventListeners()}render(){this.shadowRoot.innerHTML=`
+    `;
+      this.updateDropdownWidth();
+    }
+    updateDropdownWidth() {
+      const selectElement = this.shadowRoot.querySelector("select");
+      if (!selectElement)
+        return;
+      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(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 NewComponent1 extends HTMLElement {
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+      this.count = 0;
+    }
+    connectedCallback() {
+      this.render();
+      this.attachEventListeners();
+    }
+    render() {
+      this.shadowRoot.innerHTML = `
       <style>
         :host {
           display: inline-block;
@@ -235,4 +1712,41 @@
         <span class="count">${this.count}</span>
         <button class="increment">+</button>
       </div>
-    `}attachEventListeners(){const t=this.shadowRoot.querySelector(".increment"),e=this.shadowRoot.querySelector(".decrement");t.addEventListener("click",()=>this.increment()),e.addEventListener("click",()=>this.decrement())}increment(){this.count++,this.updateCount()}decrement(){this.count--,this.updateCount()}updateCount(){const t=this.shadowRoot.querySelector(".count");t.textContent=this.count}}const A=(l,t)=>{typeof window<"u"&&!customElements.get(l)&&customElements.define(l,t)};A("physical-quantity",E),A("uc-qty",class extends E{}),A("uc-qty-pair",J),A("uc-qty-triplet",V),A("new-component-1",G),u.NewComponent1=G,u.PhysicalQuantity=E,u.UcQtyPair=J,u.UcQtyTriplet=V,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+    `;
+    }
+    attachEventListeners() {
+      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();
+    }
+    decrement() {
+      this.count--;
+      this.updateCount();
+    }
+    updateCount() {
+      const countElement = this.shadowRoot.querySelector(".count");
+      countElement.textContent = this.count;
+    }
+  }
+  const defineCustomElement = (name, component) => {
+    if (typeof window !== "undefined" && !customElements.get(name)) {
+      customElements.define(name, component);
+    }
+  };
+  defineCustomElement("physical-quantity", PhysicalQuantity);
+  defineCustomElement("uc-qty", class extends PhysicalQuantity {
+  });
+  defineCustomElement("uc-qty-pair", UcQtyPair);
+  defineCustomElement("uc-qty-triplet", UcQtyTriplet);
+  defineCustomElement("new-component-1", NewComponent1);
+  exports2.NewComponent1 = NewComponent1;
+  exports2.PhysicalQuantity = PhysicalQuantity;
+  exports2.UcQtyPair = UcQtyPair;
+  exports2.UcQtyTriplet = UcQtyTriplet;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});