physical-quantity 1.1.22 → 1.1.24

package/README.md

@@ -13,9 +13,7 @@ It is a new HTML element for expressing physical quantities, featuring self-cont
 - Easy to integrate into any web project.
 
 ## Demo: Physical Quantity element - No Unit Converter or Dual Units Needed
-[Live Demo on JS Fiddle](https://jsfiddle.net/hithere/tz8ym4fh/132/embedded/result)
-
-<iframe width="100%" height="300" src="https://jsfiddle.net/hithere/tz8ym4fh/132/embedded/result" allowfullscreen="true" frameborder="0"></iframe>
+[Live Demo on JS Fiddle](https://jsfiddle.net/hithere/tz8ym4fh/134/embedded/result)  
 
 [![Example 1 in UI](https://firebasestorage.googleapis.com/v0/b/auto-calc-80237.appspot.com/o/PQE%2Fexamples%2FPhysicalQuantityElementExample1.png?alt=media&token=2aa81849-9299-4ba5-9f62-79b8604b814f)](https://jsfiddle.net/hithere/tz8ym4fh/100/embedded/result)
 
@@ -127,6 +125,8 @@ Currently, the component supports the following categories and units:
   - kg/L
   - g/cm³
   - g/mm³
+  - lbm/ft³
+  - lbm/in³
 - ... (more to update.)
 
 ## License

package/dist/pq.es.js

@@ -1,184 +1,322 @@
-const o = 0.45359237, s = 25.4 / 1e3, a = 12 * s, h = 101325, n = 133.322387415;
+function _0x4030(_0x4ab988, _0x3106b9) {
+  const _0x42fcce = _0x42fc();
+  return (
+    (_0x4030 = function (_0x4030be, _0x141d4c) {
+      _0x4030be = _0x4030be - 0x17c;
+      let _0x1e1738 = _0x42fcce[_0x4030be];
+      return _0x1e1738;
+    }),
+    _0x4030(_0x4ab988, _0x3106b9)
+  );
+}
+function _0x42fc() {
+  const _0x3b5091 = [
+    "ksi[kip/in²]",
+    "mouseout",
+    "shadowRoot",
+    "select",
+    "mbar",
+    "toPrecision",
+    "value",
+    "</option>",
+    "target",
+    "<option\x20value=\x22",
+    "selected",
+    "557380ZRhlCl",
+    "mm\x20HG",
+    "g/cm³",
+    "183JdCizK",
+    "toFixed",
+    "Length",
+    "replace",
+    "addEventListener",
+    "\x22\x20width=\x2212\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20</div>\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20",
+    "observedAttributes",
+    "g/mm³",
+    "ksi",
+    "decimal-places",
+    "lbm/in³",
+    "kg/m³",
+    "mouseover",
+    "\x0a\x20\x20\x20\x20\x20\x20<style>\x0a\x20\x20\x20\x20\x20\x20\x20\x20:host\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20inline-block;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.quantity\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20flex;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20align-items:\x20center;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.value\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin-left:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin-right:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20cursor:\x20pointer;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.unit-container\x20select\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20inline-flex;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20align-items:\x20center;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20color:\x20blue;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20background-color:\x20lightgray;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20border-radius:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20border:\x20none;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20cursor:\x20pointer;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20.tooltip\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20absolute;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20bottom:\x2075%;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20left:\x2085%;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20transform:\x20translateX(-50%);\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20//\x20background-color:\x20#f5f5f5;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20//\x20border:\x201px\x20solid\x20#ccc;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20padding:\x200;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20//\x20border-radius:\x204px;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20none;\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20font-size:\x2012px;\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.tooltip\x20a\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20text-decoration:\x20none;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20color:\x20blue;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.tooltip\x20a:hover\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20text-decoration:\x20underline;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20</style>\x0a\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22quantity\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22value\x22\x20style=\x22position:\x20relative;\x22>",
+    "lbm",
+    "handleArrowClick",
+    "5284eUjMtm",
+    "mm\x20W.C.",
+    ">\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20",
+    "attachShadow",
+    "kPa",
+    "psi",
+    "kg/L",
+    "formatValue",
+    "in\x20W.C.",
+    "in\x20HG",
+    "tagName",
+    "230592wqBsLI",
+    "display",
+    "getUnitCategory",
+    "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",
+    "floor",
+    "unit",
+    "decimalPlaces",
+    "209620FqAmRz",
+    "map",
+    "innerHTML",
+    "click",
+    "closest",
+    "SELECT",
+    "none",
+    "unitConversion",
+    "render",
+    "pow",
+    "join",
+    "cm\x20HG",
+    ".tooltip",
+    "querySelectorAll",
+    "includes",
+    "toString",
+    "975366NMdCVH",
+    "1306074GsCYgw",
+    "handleUnitChange",
+    "</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22unit-container\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<select>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20",
+    "1121552UdgHOa",
+    "bar",
+    "style",
+    "tooltipTimeout",
+    "define",
+    "units",
+    "psf",
+    "unitCategory",
+    "\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</select>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a\x20class=\x22tooltip\x22\x20href=\x22https://v2.donwen.com/\x22\x20target=\x22_blank\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x20src=\x22",
+    "change",
+    "e3dLogoUrl",
+    "GPa",
+    "isInteger",
+  ];
+  _0x42fc = function () {
+    return _0x3b5091;
+  };
+  return _0x42fc();
+}
+const _0x5a4856 = _0x4030;
+(function (_0x5f14b2, _0x469583) {
+  const _0x34b91d = _0x4030,
+    _0x51d612 = _0x5f14b2();
+  while (!![]) {
+    try {
+      const _0x19a766 =
+        parseInt(_0x34b91d(0x1b1)) / 0x1 +
+        -parseInt(_0x34b91d(0x1aa)) / 0x2 +
+        (-parseInt(_0x34b91d(0x18f)) / 0x3) *
+          (parseInt(_0x34b91d(0x19f)) / 0x4) +
+        -parseInt(_0x34b91d(0x18c)) / 0x5 +
+        parseInt(_0x34b91d(0x1c1)) / 0x6 +
+        parseInt(_0x34b91d(0x1c2)) / 0x7 +
+        -parseInt(_0x34b91d(0x1c5)) / 0x8;
+      if (_0x19a766 === _0x469583) break;
+      else _0x51d612["push"](_0x51d612["shift"]());
+    } catch (_0x2738d4) {
+      _0x51d612["push"](_0x51d612["shift"]());
+    }
+  }
+})(_0x42fc, 0x1b270);
+const s = 0.45359237,
+  o = 25.4 / 0x3e8,
+  n = 0xc * o,
+  c = 0x18bcd,
+  a = 133.322387415;
 class r extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.value = 0, this.unit = "mm", this.unitCategory = "Length", this.tooltipTimeout = null, this.decimalPlaces = 3, this.units = {
-      Length: ["m", "km", "cm", "mm", "in", "ft"],
-      Mass: ["g", "kg", "lbm"],
-      Pressure: [
-        "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²]"
-      ],
-      Density: ["kg/m³", "kg/L", "g/cm³", "g/mm³"]
-      // Add other categories and units as needed
-    }, this.unitConversion = {
-      Length: {
-        m: 1,
-        km: 1e3,
-        cm: 0.01,
-        mm: 1e-3,
-        in: s,
-        ft: a
-        // Add more conversion factors as needed
-      },
-      // Add other category conversion factors as needed
-      Mass: {
-        kg: 1,
-        g: 1e-3,
-        lbm: o
-        // Add more conversion factors as needed
-      },
-      Pressure: {
-        Pa: 1,
-        kPa: 1e3,
-        MPa: 1e6,
-        GPa: 1e9,
-        bar: 100 * 1e3,
-        mbar: 100,
-        atm: h,
-        "mm HG": n,
-        "cm HG": n * 10,
-        "in HG": n * 25.4,
-        "mm W.C.": 1 / 1e3 * 1e3 * 9.80665,
-        "m W.C.": 1 * 1e3 * 9.80665,
-        "in W.C.": s * 1e3 * 9.80665,
-        psf: o * 9.80665 / Math.pow(a, 2),
-        psi: o * 9.80665 / Math.pow(s, 2),
-        ksi: o * 9.80665 / Math.pow(s, 2) * 1e3,
-        "ksi[kip/in²]": o * 9.80665 / Math.pow(s, 2) * 1e3
-      },
-      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)
-      }
-    }, this.render();
+    const _0x304c29 = _0x4030;
+    super(),
+      this[_0x304c29(0x1a2)]({ mode: "open" }),
+      (this[_0x304c29(0x187)] = 0x0),
+      (this[_0x304c29(0x1af)] = "mm"),
+      (this[_0x304c29(0x1cc)] = _0x304c29(0x191)),
+      (this[_0x304c29(0x1c8)] = null),
+      (this["decimalPlaces"] = 0x3),
+      (this[_0x304c29(0x17e)] = _0x304c29(0x1ad)),
+      (this[_0x304c29(0x1ca)] = {
+        Length: ["m", "km", "cm", "mm", "in", "ft"],
+        Mass: ["g", "kg", _0x304c29(0x19d)],
+        Pressure: [
+          "Pa",
+          _0x304c29(0x1a3),
+          "MPa",
+          _0x304c29(0x17f),
+          _0x304c29(0x1c6),
+          _0x304c29(0x185),
+          "atm",
+          _0x304c29(0x18d),
+          _0x304c29(0x1bc),
+          _0x304c29(0x1a8),
+          _0x304c29(0x1a0),
+          "m\x20W.C.",
+          _0x304c29(0x1a7),
+          _0x304c29(0x1cb),
+          _0x304c29(0x1a4),
+          _0x304c29(0x197),
+          _0x304c29(0x181),
+        ],
+        Density: [
+          _0x304c29(0x19a),
+          _0x304c29(0x1a5),
+          _0x304c29(0x18e),
+          _0x304c29(0x196),
+          "lbm/ft³",
+          _0x304c29(0x199),
+        ],
+      }),
+      (this["unitConversion"] = {
+        Length: { m: 0x1, km: 0x3e8, cm: 0.01, mm: 0.001, in: o, ft: n },
+        Mass: { kg: 0x1, g: 0.001, lbm: s },
+        Pressure: {
+          Pa: 0x1,
+          kPa: 0x3e8,
+          MPa: 0xf4240,
+          GPa: 0x3b9aca00,
+          bar: 0x64 * 0x3e8,
+          mbar: 0x64,
+          atm: c,
+          "mm\x20HG": a,
+          "cm\x20HG": a * 0xa,
+          "in\x20HG": a * 25.4,
+          "mm\x20W.C.": (0x1 / 0x3e8) * 0x3e8 * 9.80665,
+          "m\x20W.C.": 0x1 * 0x3e8 * 9.80665,
+          "in\x20W.C.": o * 0x3e8 * 9.80665,
+          psf: (s * 9.80665) / Math["pow"](n, 0x2),
+          psi: (s * 9.80665) / Math[_0x304c29(0x1ba)](o, 0x2),
+          ksi: ((s * 9.80665) / Math[_0x304c29(0x1ba)](o, 0x2)) * 0x3e8,
+          "ksi[kip/in²]":
+            ((s * 9.80665) / Math[_0x304c29(0x1ba)](o, 0x2)) * 0x3e8,
+        },
+        Density: {
+          "kg/m³": 0x1,
+          "kg/L": 0x3e8,
+          "g/cm³": 0x1 / 0x3e8 / Math[_0x304c29(0x1ba)](0.01, 0x3),
+          "g/mm³": 0x1 / 0x3e8 / Math[_0x304c29(0x1ba)](0.001, 0x3),
+          "lbm/ft³": s / Math["pow"](n, 0x3),
+          "lbm/in³": s / Math[_0x304c29(0x1ba)](o, 0x3),
+        },
+      }),
+      this[_0x304c29(0x1b9)]();
   }
-  static get observedAttributes() {
-    return ["value", "unit", "decimal-places"];
+  static get [_0x5a4856(0x195)]() {
+    const _0x3d9867 = _0x5a4856;
+    return [_0x3d9867(0x187), _0x3d9867(0x1af), _0x3d9867(0x198)];
   }
-  attributeChangedCallback(t, e, i) {
-    t === "value" ? this.value = parseFloat(i) : t === "unit" ? (this.unit = i, this.unitCategory = this.getUnitCategory(i)) : t === "decimal-places" && (this.decimalPlaces = parseInt(i) || 3), this.render();
+  ["attributeChangedCallback"](_0x245af0, _0x5f24c0, _0x1757d5) {
+    const _0x44f36e = _0x5a4856;
+    _0x245af0 === _0x44f36e(0x187)
+      ? (this[_0x44f36e(0x187)] = parseFloat(_0x1757d5))
+      : _0x245af0 === _0x44f36e(0x1af)
+      ? ((this[_0x44f36e(0x1af)] = _0x1757d5),
+        (this[_0x44f36e(0x1cc)] = this[_0x44f36e(0x1ac)](_0x1757d5)))
+      : _0x245af0 === _0x44f36e(0x198) &&
+        (this[_0x44f36e(0x1b0)] = parseInt(_0x1757d5) || 0x3),
+      this[_0x44f36e(0x1b9)]();
   }
-  getUnitCategory(t) {
-    for (const e in this.units)
-      if (this.units[e].includes(t))
-        return e;
+  ["getUnitCategory"](_0x5e9d53) {
+    const _0x73ab41 = _0x5a4856;
+    for (const _0x5da375 in this[_0x73ab41(0x1ca)])
+      if (this[_0x73ab41(0x1ca)][_0x5da375][_0x73ab41(0x1bf)](_0x5e9d53))
+        return _0x5da375;
     return null;
   }
-  connectedCallback() {
-    this.shadowRoot.addEventListener("change", this.handleUnitChange.bind(this)), this.shadowRoot.addEventListener("mouseover", this.handleMouseOver.bind(this)), this.shadowRoot.addEventListener("mouseout", this.handleMouseOut.bind(this)), this.render();
+  ["connectedCallback"]() {
+    const _0x17c939 = _0x5a4856;
+    this["shadowRoot"][_0x17c939(0x193)](
+      "change",
+      this[_0x17c939(0x1c3)]["bind"](this)
+    ),
+      this[_0x17c939(0x1b9)]();
   }
-  disconnectedCallback() {
-    this.shadowRoot.removeEventListener("change", this.handleUnitChange.bind(this)), this.shadowRoot.removeEventListener("mouseover", this.handleMouseOver.bind(this)), this.shadowRoot.removeEventListener("mouseout", this.handleMouseOut.bind(this));
+  ["disconnectedCallback"]() {
+    const _0x575059 = _0x5a4856;
+    this[_0x575059(0x183)]["removeEventListener"](
+      _0x575059(0x17d),
+      this[_0x575059(0x1c3)]["bind"](this)
+    );
   }
-  handleArrowClick(t) {
-    if (t.target.closest(".unit-container")) {
-      const e = this.shadowRoot.querySelector("select");
-      e && (e.focus(), e.click());
+  [_0x5a4856(0x19e)](_0x4ec0ee) {
+    const _0x46e73e = _0x5a4856;
+    if (_0x4ec0ee["target"][_0x46e73e(0x1b5)](".unit-container")) {
+      const _0x56d313 = this[_0x46e73e(0x183)]["querySelector"](
+        _0x46e73e(0x184)
+      );
+      _0x56d313 && (_0x56d313["focus"](), _0x56d313[_0x46e73e(0x1b4)]());
     }
   }
-  handleUnitChange(t) {
-    if (t.target.tagName === "SELECT") {
-      const e = t.target.value, i = this.unitConversion[this.unitCategory][this.unit] / this.unitConversion[this.unitCategory][e];
-      this.value = this.value * i, this.unit = e, this.render();
+  ["handleUnitChange"](_0x36f3a3) {
+    const _0x5797c7 = _0x5a4856;
+    if (_0x36f3a3[_0x5797c7(0x189)][_0x5797c7(0x1a9)] === _0x5797c7(0x1b6)) {
+      const _0x3b712f = _0x36f3a3[_0x5797c7(0x189)][_0x5797c7(0x187)],
+        _0x576c36 =
+          this[_0x5797c7(0x1b8)][this[_0x5797c7(0x1cc)]][
+            this[_0x5797c7(0x1af)]
+          ] / this["unitConversion"][this["unitCategory"]][_0x3b712f];
+      (this[_0x5797c7(0x187)] = this[_0x5797c7(0x187)] * _0x576c36),
+        (this["unit"] = _0x3b712f),
+        this[_0x5797c7(0x1b9)]();
     }
   }
-  handleMouseOver() {
-    const t = this.shadowRoot.querySelector(".tooltip");
-    t.style.display = "block", clearTimeout(this.tooltipTimeout);
+  [_0x5a4856(0x1a6)](_0xa85d74) {
+    const _0x2d56a1 = _0x5a4856;
+    return Number[_0x2d56a1(0x180)](_0xa85d74)
+      ? _0xa85d74[_0x2d56a1(0x1c0)]()
+      : Math[_0x2d56a1(0x1ae)](_0xa85d74) !== 0x0
+      ? _0xa85d74[_0x2d56a1(0x190)](this[_0x2d56a1(0x1b0)])
+          ["replace"](/0+$/, "")
+          [_0x2d56a1(0x192)](/\.$/, "")
+      : _0xa85d74[_0x2d56a1(0x186)](0x3);
   }
-  handleMouseOut() {
-    const t = this.shadowRoot.querySelector(".tooltip");
-    this.tooltipTimeout = setTimeout(() => {
-      t.style.display = "none";
-    }, 1e3);
+  [_0x5a4856(0x1b9)]() {
+    const _0x38e8b1 = _0x5a4856;
+    this["shadowRoot"][_0x38e8b1(0x1b3)] =
+      _0x38e8b1(0x19c) +
+      this["formatValue"](this[_0x38e8b1(0x187)]) +
+      _0x38e8b1(0x1c4) +
+      this["units"][this["unitCategory"]]
+        [_0x38e8b1(0x1b2)](
+          (_0x440cab) =>
+            _0x38e8b1(0x18a) +
+            _0x440cab +
+            "\x22\x20" +
+            (_0x440cab === this[_0x38e8b1(0x1af)] ? _0x38e8b1(0x18b) : "") +
+            _0x38e8b1(0x1a1) +
+            _0x440cab +
+            _0x38e8b1(0x188)
+        )
+        [_0x38e8b1(0x1bb)]("") +
+      _0x38e8b1(0x17c) +
+      this["e3dLogoUrl"] +
+      _0x38e8b1(0x194);
+    const _0x5f4a70 =
+        this[_0x38e8b1(0x183)]["querySelector"](".unit-container"),
+      _0x1701b4 = this["shadowRoot"][_0x38e8b1(0x1be)](_0x38e8b1(0x1bd))[0x0];
+    _0x5f4a70["addEventListener"](_0x38e8b1(0x19b), () => {
+      const _0x393d26 = _0x38e8b1;
+      this[_0x393d26(0x1c8)] = setTimeout(() => {
+        const _0x1bde51 = _0x393d26;
+        _0x1701b4[_0x1bde51(0x1c7)][_0x1bde51(0x1ab)] = "block";
+      }, 0x3e8);
+    }),
+      _0x5f4a70[_0x38e8b1(0x193)](_0x38e8b1(0x182), () => {
+        const _0x63e53d = _0x38e8b1;
+        setTimeout(() => {
+          const _0x346b70 = _0x4030;
+          _0x1701b4[_0x346b70(0x1c7)][_0x346b70(0x1ab)] = _0x346b70(0x1b7);
+        }, 0x3e8),
+          clearTimeout(this[_0x63e53d(0x1c8)]);
+      }),
+      _0x1701b4[_0x38e8b1(0x193)]("mouseout", () => {
+        setTimeout(() => {
+          const _0x2980a5 = _0x4030;
+          _0x1701b4[_0x2980a5(0x1c7)][_0x2980a5(0x1ab)] = "none";
+        }, 0x3e8);
+      });
   }
-  formatValue(t) {
-    return Number.isInteger(t) ? t.toString() : Math.floor(t) !== 0 ? t.toFixed(this.decimalPlaces).replace(/0+$/, "").replace(/\.$/, "") : t.toPrecision(3);
-  }
-  render() {
-    this.shadowRoot.innerHTML = `
-      <style>
-        :host {
-          display: inline-block;
-        }
-        .quantity {
-          display: flex;
-          align-items: center;
-        }
-        .value {
-          margin-left: 0.25em;
-          margin-right: 0.25em;
-        }
-        .unit-container select {
-          position: relative;
-          display: inline-flex;
-          align-items: center;
-          color: blue;
-          background-color: lightgray;
-          border-radius: 0.25em;
-          border: none;
-          margin: 0.25em;
-          cursor: pointer;
-        }
-        
-        .tooltip {
-          display: none; /* Set display to block for initial positioning */
-          visibility: hidden; /* Initially hide the tooltip */
-          opacity: 50; /* Start with zero opacity */
-          transition: opacity 0.3s ease-in-out; /* Smooth transition */
-          position: absolute;
-          bottom: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          background-color: black;
-          color: red;
-          padding: 5px;
-          border-radius: 3px;
-          font-size: 0.8em;
-          white-space: nowrap;
-          z-index: 10;
-        }
-        
-        .tooltip a {
-          color: cyan;
-        }
-        
-      </style>
-      
-      <div class="quantity">
-        <span class="value">${this.formatValue(this.value)}</span>
-        <div class="unit-container">
-          <select>
-            ${this.units[this.unitCategory].map((t) => `<option value="${t}" ${t === this.unit ? "selected" : ""}>
-                ${t}</option>`).join("")}
-          </select>
-        </div>        
-      </div>
-      <div class="tooltip">
-        Powered by <a href="https://v2.donwen.com" target="_blank">AutoCalcs</a>
-      </div>
-      
-    `;
-  }
-}
-customElements.define("physical-quantity", r);
-class c extends r {
 }
-customElements.define("uc-qty", c);
+customElements[_0x5a4856(0x1c9)]("physical-quantity", r);
+class h extends r {}
+customElements[_0x5a4856(0x1c9)]("uc-qty", h);

package/dist/pq.umd.js

@@ -1,63 +1,352 @@
-(function(n){typeof define=="function"&&define.amd?define(n):n()})(function(){"use strict";const o=.45359237,i=25.4/1e3,r=12*i,h=101325,a=133.322387415;class l extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.value=0,this.unit="mm",this.unitCategory="Length",this.tooltipTimeout=null,this.decimalPlaces=3,this.units={Length:["m","km","cm","mm","in","ft"],Mass:["g","kg","lbm"],Pressure:["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²]"],Density:["kg/m³","kg/L","g/cm³","g/mm³"]},this.unitConversion={Length:{m:1,km:1e3,cm:.01,mm:.001,in:i,ft:r},Mass:{kg:1,g:.001,lbm:o},Pressure:{Pa:1,kPa:1e3,MPa:1e6,GPa:1e9,bar:100*1e3,mbar:100,atm:h,"mm HG":a,"cm HG":a*10,"in HG":a*25.4,"mm W.C.":1/1e3*1e3*9.80665,"m W.C.":1*1e3*9.80665,"in W.C.":i*1e3*9.80665,psf:o*9.80665/Math.pow(r,2),psi:o*9.80665/Math.pow(i,2),ksi:o*9.80665/Math.pow(i,2)*1e3,"ksi[kip/in²]":o*9.80665/Math.pow(i,2)*1e3},Density:{"kg/m³":1,"kg/L":1e3,"g/cm³":1/1e3/Math.pow(.01,3),"g/mm³":1/1e3/Math.pow(.001,3)}},this.render()}static get observedAttributes(){return["value","unit","decimal-places"]}attributeChangedCallback(t,e,s){t==="value"?this.value=parseFloat(s):t==="unit"?(this.unit=s,this.unitCategory=this.getUnitCategory(s)):t==="decimal-places"&&(this.decimalPlaces=parseInt(s)||3),this.render()}getUnitCategory(t){for(const e in this.units)if(this.units[e].includes(t))return e;return null}connectedCallback(){this.shadowRoot.addEventListener("change",this.handleUnitChange.bind(this)),this.shadowRoot.addEventListener("mouseover",this.handleMouseOver.bind(this)),this.shadowRoot.addEventListener("mouseout",this.handleMouseOut.bind(this)),this.render()}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this.handleUnitChange.bind(this)),this.shadowRoot.removeEventListener("mouseover",this.handleMouseOver.bind(this)),this.shadowRoot.removeEventListener("mouseout",this.handleMouseOut.bind(this))}handleArrowClick(t){if(t.target.closest(".unit-container")){const e=this.shadowRoot.querySelector("select");e&&(e.focus(),e.click())}}handleUnitChange(t){if(t.target.tagName==="SELECT"){const e=t.target.value,s=this.unitConversion[this.unitCategory][this.unit]/this.unitConversion[this.unitCategory][e];this.value=this.value*s,this.unit=e,this.render()}}handleMouseOver(){const t=this.shadowRoot.querySelector(".tooltip");t.style.display="block",clearTimeout(this.tooltipTimeout)}handleMouseOut(){const t=this.shadowRoot.querySelector(".tooltip");this.tooltipTimeout=setTimeout(()=>{t.style.display="none"},1e3)}formatValue(t){return Number.isInteger(t)?t.toString():Math.floor(t)!==0?t.toFixed(this.decimalPlaces).replace(/0+$/,"").replace(/\.$/,""):t.toPrecision(3)}render(){this.shadowRoot.innerHTML=`
-      <style>
-        :host {
-          display: inline-block;
+function _0x42a0() {
+  const _0x132851 = [
+    "block",
+    "GPa",
+    "m\x20W.C.",
+    "</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22unit-container\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<select>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20",
+    "unit",
+    "139010VJeOrf",
+    "decimal-places",
+    "ksi[kip/in²]",
+    "1256094ptqovg",
+    "atm",
+    "toString",
+    "render",
+    "SELECT",
+    "g/mm³",
+    "handleUnitChange",
+    "mouseover",
+    "bind",
+    "shadowRoot",
+    "240698EDrKED",
+    "floor",
+    "focus",
+    "attributeChangedCallback",
+    "\x0a\x20\x20\x20\x20\x20\x20<style>\x0a\x20\x20\x20\x20\x20\x20\x20\x20:host\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20inline-block;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.quantity\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20flex;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20align-items:\x20center;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.value\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin-left:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin-right:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20cursor:\x20pointer;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.unit-container\x20select\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20inline-flex;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20align-items:\x20center;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20color:\x20blue;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20background-color:\x20lightgray;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20border-radius:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20border:\x20none;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin:\x200.25em;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20cursor:\x20pointer;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20.tooltip\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20position:\x20absolute;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20bottom:\x2075%;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20left:\x2085%;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20transform:\x20translateX(-50%);\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20//\x20background-color:\x20#f5f5f5;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20//\x20border:\x201px\x20solid\x20#ccc;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20padding:\x200;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20//\x20border-radius:\x204px;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20none;\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20font-size:\x2012px;\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.tooltip\x20a\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20text-decoration:\x20none;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20color:\x20blue;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20.tooltip\x20a:hover\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20text-decoration:\x20underline;\x0a\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20</style>\x0a\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22quantity\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22value\x22\x20style=\x22position:\x20relative;\x22>",
+    "in\x20W.C.",
+    ".unit-container",
+    "selected",
+    "psf",
+    "ksi",
+    "none",
+    "units",
+    "removeEventListener",
+    "addEventListener",
+    "style",
+    "pow",
+    "mm\x20W.C.",
+    "644076ynGYJB",
+    "unitCategory",
+    "replace",
+    "909dUGDgf",
+    "includes",
+    "uc-qty",
+    "disconnectedCallback",
+    "select",
+    "e3dLogoUrl",
+    "unitConversion",
+    "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",
+    "amd",
+    "display",
+    "7122294mKFOmu",
+    "querySelectorAll",
+    "closest",
+    "toFixed",
+    "toPrecision",
+    "kg/L",
+    "1vTxRWr",
+    "psi",
+    "<option\x20value=\x22",
+    "value",
+    "\x22\x20width=\x2212\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20</div>\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20",
+    "\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</select>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a\x20class=\x22tooltip\x22\x20href=\x22https://v2.donwen.com/\x22\x20target=\x22_blank\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x20src=\x22",
+    "querySelector",
+    "kg/m³",
+    "Length",
+    "change",
+    "handleArrowClick",
+    "lbm",
+    "20saEnZO",
+    "lbm/ft³",
+    "formatValue",
+    "getUnitCategory",
+    "kPa",
+    "in\x20HG",
+    "mouseout",
+    "open",
+    "map",
+    "attachShadow",
+    "910245tOjNAl",
+    "lbm/in³",
+    "mm\x20HG",
+    "g/cm³",
+    "target",
+    "7001379ierJXm",
+    "56zEoxjk",
+    "tooltipTimeout",
+    "decimalPlaces",
+    "</option>",
+    "mbar",
+  ];
+  _0x42a0 = function () {
+    return _0x132851;
+  };
+  return _0x42a0();
+}
+function _0x3140(_0x4adaaa, _0x311d57) {
+  const _0x42a0f7 = _0x42a0();
+  return (
+    (_0x3140 = function (_0x314026, _0x2e0b21) {
+      _0x314026 = _0x314026 - 0x12c;
+      let _0x46f5f8 = _0x42a0f7[_0x314026];
+      return _0x46f5f8;
+    }),
+    _0x3140(_0x4adaaa, _0x311d57)
+  );
+}
+(function (_0x3558a9, _0x23e7f9) {
+  const _0x5b5928 = _0x3140,
+    _0x286df7 = _0x3558a9();
+  while (!![]) {
+    try {
+      const _0x48cf4a =
+        (parseInt(_0x5b5928(0x16e)) / 0x1) *
+          (-parseInt(_0x5b5928(0x14a)) / 0x2) +
+        -parseInt(_0x5b5928(0x15b)) / 0x3 +
+        (parseInt(_0x5b5928(0x17a)) / 0x4) *
+          (-parseInt(_0x5b5928(0x12d)) / 0x5) +
+        parseInt(_0x5b5928(0x168)) / 0x6 +
+        (-parseInt(_0x5b5928(0x140)) / 0x7) *
+          (parseInt(_0x5b5928(0x133)) / 0x8) +
+        (-parseInt(_0x5b5928(0x15e)) / 0x9) *
+          (-parseInt(_0x5b5928(0x13d)) / 0xa) +
+        parseInt(_0x5b5928(0x132)) / 0xb;
+      if (_0x48cf4a === _0x23e7f9) break;
+      else _0x286df7["push"](_0x286df7["shift"]());
+    } catch (_0x503e6f) {
+      _0x286df7["push"](_0x286df7["shift"]());
+    }
+  }
+})(_0x42a0, 0xb148f),
+  (function (_0x35baa4) {
+    const _0x4a3fd5 = _0x3140;
+    typeof define == "function" && define[_0x4a3fd5(0x166)]
+      ? define(_0x35baa4)
+      : _0x35baa4();
+  })(function () {
+    "use strict";
+    const _0x1ccab9 = _0x3140;
+    const _0x4f7b31 = 0.45359237,
+      _0xf30773 = 25.4 / 0x3e8,
+      _0x46073f = 0xc * _0xf30773,
+      _0x579999 = 0x18bcd,
+      _0x380ffe = 133.322387415;
+    class _0x2cb387 extends HTMLElement {
+      constructor() {
+        const _0x2e4cee = _0x3140;
+        super(),
+          this[_0x2e4cee(0x12c)]({ mode: _0x2e4cee(0x181) }),
+          (this["value"] = 0x0),
+          (this["unit"] = "mm"),
+          (this[_0x2e4cee(0x15c)] = _0x2e4cee(0x176)),
+          (this["tooltipTimeout"] = null),
+          (this["decimalPlaces"] = 0x3),
+          (this["e3dLogoUrl"] = _0x2e4cee(0x165)),
+          (this[_0x2e4cee(0x155)] = {
+            Length: ["m", "km", "cm", "mm", "in", "ft"],
+            Mass: ["g", "kg", _0x2e4cee(0x179)],
+            Pressure: [
+              "Pa",
+              _0x2e4cee(0x17e),
+              "MPa",
+              _0x2e4cee(0x139),
+              "bar",
+              _0x2e4cee(0x137),
+              _0x2e4cee(0x141),
+              _0x2e4cee(0x12f),
+              "cm\x20HG",
+              _0x2e4cee(0x17f),
+              _0x2e4cee(0x15a),
+              _0x2e4cee(0x13a),
+              _0x2e4cee(0x14f),
+              _0x2e4cee(0x152),
+              _0x2e4cee(0x16f),
+              _0x2e4cee(0x153),
+              _0x2e4cee(0x13f),
+            ],
+            Density: [
+              _0x2e4cee(0x175),
+              _0x2e4cee(0x16d),
+              _0x2e4cee(0x130),
+              _0x2e4cee(0x145),
+              _0x2e4cee(0x17b),
+              _0x2e4cee(0x12e),
+            ],
+          }),
+          (this[_0x2e4cee(0x164)] = {
+            Length: {
+              m: 0x1,
+              km: 0x3e8,
+              cm: 0.01,
+              mm: 0.001,
+              in: _0xf30773,
+              ft: _0x46073f,
+            },
+            Mass: { kg: 0x1, g: 0.001, lbm: _0x4f7b31 },
+            Pressure: {
+              Pa: 0x1,
+              kPa: 0x3e8,
+              MPa: 0xf4240,
+              GPa: 0x3b9aca00,
+              bar: 0x64 * 0x3e8,
+              mbar: 0x64,
+              atm: _0x579999,
+              "mm\x20HG": _0x380ffe,
+              "cm\x20HG": _0x380ffe * 0xa,
+              "in\x20HG": _0x380ffe * 25.4,
+              "mm\x20W.C.": (0x1 / 0x3e8) * 0x3e8 * 9.80665,
+              "m\x20W.C.": 0x1 * 0x3e8 * 9.80665,
+              "in\x20W.C.": _0xf30773 * 0x3e8 * 9.80665,
+              psf:
+                (_0x4f7b31 * 9.80665) / Math[_0x2e4cee(0x159)](_0x46073f, 0x2),
+              psi:
+                (_0x4f7b31 * 9.80665) / Math[_0x2e4cee(0x159)](_0xf30773, 0x2),
+              ksi:
+                ((_0x4f7b31 * 9.80665) / Math["pow"](_0xf30773, 0x2)) * 0x3e8,
+              "ksi[kip/in²]":
+                ((_0x4f7b31 * 9.80665) /
+                  Math[_0x2e4cee(0x159)](_0xf30773, 0x2)) *
+                0x3e8,
+            },
+            Density: {
+              "kg/m³": 0x1,
+              "kg/L": 0x3e8,
+              "g/cm³": 0x1 / 0x3e8 / Math[_0x2e4cee(0x159)](0.01, 0x3),
+              "g/mm³": 0x1 / 0x3e8 / Math[_0x2e4cee(0x159)](0.001, 0x3),
+              "lbm/ft³": _0x4f7b31 / Math[_0x2e4cee(0x159)](_0x46073f, 0x3),
+              "lbm/in³": _0x4f7b31 / Math["pow"](_0xf30773, 0x3),
+            },
+          }),
+          this[_0x2e4cee(0x143)]();
+      }
+      static get ["observedAttributes"]() {
+        const _0x201eb8 = _0x3140;
+        return [_0x201eb8(0x171), _0x201eb8(0x13c), _0x201eb8(0x13e)];
+      }
+      [_0x1ccab9(0x14d)](_0x3af086, _0x26d93a, _0x5189cb) {
+        const _0xd7244f = _0x1ccab9;
+        _0x3af086 === _0xd7244f(0x171)
+          ? (this[_0xd7244f(0x171)] = parseFloat(_0x5189cb))
+          : _0x3af086 === "unit"
+          ? ((this[_0xd7244f(0x13c)] = _0x5189cb),
+            (this[_0xd7244f(0x15c)] = this[_0xd7244f(0x17d)](_0x5189cb)))
+          : _0x3af086 === "decimal-places" &&
+            (this[_0xd7244f(0x135)] = parseInt(_0x5189cb) || 0x3),
+          this[_0xd7244f(0x143)]();
+      }
+      [_0x1ccab9(0x17d)](_0x2c14ce) {
+        const _0x5bf016 = _0x1ccab9;
+        for (const _0x33307d in this[_0x5bf016(0x155)])
+          if (this[_0x5bf016(0x155)][_0x33307d][_0x5bf016(0x15f)](_0x2c14ce))
+            return _0x33307d;
+        return null;
+      }
+      ["connectedCallback"]() {
+        const _0xd1d3ca = _0x1ccab9;
+        this[_0xd1d3ca(0x149)][_0xd1d3ca(0x157)](
+          _0xd1d3ca(0x177),
+          this[_0xd1d3ca(0x146)][_0xd1d3ca(0x148)](this)
+        ),
+          this[_0xd1d3ca(0x143)]();
+      }
+      [_0x1ccab9(0x161)]() {
+        const _0x530172 = _0x1ccab9;
+        this["shadowRoot"][_0x530172(0x156)](
+          _0x530172(0x177),
+          this["handleUnitChange"][_0x530172(0x148)](this)
+        );
+      }
+      [_0x1ccab9(0x178)](_0x178b79) {
+        const _0x2950b5 = _0x1ccab9;
+        if (_0x178b79[_0x2950b5(0x131)][_0x2950b5(0x16a)](_0x2950b5(0x150))) {
+          const _0x41774b = this["shadowRoot"][_0x2950b5(0x174)](
+            _0x2950b5(0x162)
+          );
+          _0x41774b && (_0x41774b[_0x2950b5(0x14c)](), _0x41774b["click"]());
         }
-        .quantity {
-          display: flex;
-          align-items: center;
+      }
+      [_0x1ccab9(0x146)](_0x5a3e6a) {
+        const _0x23b04e = _0x1ccab9;
+        if (_0x5a3e6a["target"]["tagName"] === _0x23b04e(0x144)) {
+          const _0x11be95 = _0x5a3e6a[_0x23b04e(0x131)][_0x23b04e(0x171)],
+            _0x663a9 =
+              this[_0x23b04e(0x164)][this[_0x23b04e(0x15c)]][
+                this[_0x23b04e(0x13c)]
+              ] / this[_0x23b04e(0x164)][this["unitCategory"]][_0x11be95];
+          (this["value"] = this[_0x23b04e(0x171)] * _0x663a9),
+            (this[_0x23b04e(0x13c)] = _0x11be95),
+            this[_0x23b04e(0x143)]();
         }
-        .value {
-          margin-left: 0.25em;
-          margin-right: 0.25em;
-        }
-        .unit-container select {
-          position: relative;
-          display: inline-flex;
-          align-items: center;
-          color: blue;
-          background-color: lightgray;
-          border-radius: 0.25em;
-          border: none;
-          margin: 0.25em;
-          cursor: pointer;
-        }
-        
-        .tooltip {
-          display: none; /* Set display to block for initial positioning */
-          visibility: hidden; /* Initially hide the tooltip */
-          opacity: 50; /* Start with zero opacity */
-          transition: opacity 0.3s ease-in-out; /* Smooth transition */
-          position: absolute;
-          bottom: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          background-color: black;
-          color: red;
-          padding: 5px;
-          border-radius: 3px;
-          font-size: 0.8em;
-          white-space: nowrap;
-          z-index: 10;
-        }
-        
-        .tooltip a {
-          color: cyan;
-        }
-        
-      </style>
-      
-      <div class="quantity">
-        <span class="value">${this.formatValue(this.value)}</span>
-        <div class="unit-container">
-          <select>
-            ${this.units[this.unitCategory].map(t=>`<option value="${t}" ${t===this.unit?"selected":""}>
-                ${t}</option>`).join("")}
-          </select>
-        </div>        
-      </div>
-      <div class="tooltip">
-        Powered by <a href="https://v2.donwen.com" target="_blank">AutoCalcs</a>
-      </div>
-      
-    `}}customElements.define("physical-quantity",l);class c extends l{}customElements.define("uc-qty",c)});
+      }
+      [_0x1ccab9(0x17c)](_0x51f3d2) {
+        const _0x1f30c0 = _0x1ccab9;
+        return Number["isInteger"](_0x51f3d2)
+          ? _0x51f3d2[_0x1f30c0(0x142)]()
+          : Math[_0x1f30c0(0x14b)](_0x51f3d2) !== 0x0
+          ? _0x51f3d2[_0x1f30c0(0x16b)](this[_0x1f30c0(0x135)])
+              ["replace"](/0+$/, "")
+              [_0x1f30c0(0x15d)](/\.$/, "")
+          : _0x51f3d2[_0x1f30c0(0x16c)](0x3);
+      }
+      [_0x1ccab9(0x143)]() {
+        const _0x40949f = _0x1ccab9;
+        this[_0x40949f(0x149)]["innerHTML"] =
+          _0x40949f(0x14e) +
+          this[_0x40949f(0x17c)](this[_0x40949f(0x171)]) +
+          _0x40949f(0x13b) +
+          this["units"][this[_0x40949f(0x15c)]]
+            [_0x40949f(0x182)](
+              (_0x24ef3b) =>
+                _0x40949f(0x170) +
+                _0x24ef3b +
+                "\x22\x20" +
+                (_0x24ef3b === this[_0x40949f(0x13c)] ? _0x40949f(0x151) : "") +
+                ">\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20" +
+                _0x24ef3b +
+                _0x40949f(0x136)
+            )
+            ["join"]("") +
+          _0x40949f(0x173) +
+          this[_0x40949f(0x163)] +
+          _0x40949f(0x172);
+        const _0x4f4daa = this[_0x40949f(0x149)]["querySelector"](
+            _0x40949f(0x150)
+          ),
+          _0x5175d5 = this[_0x40949f(0x149)][_0x40949f(0x169)](".tooltip")[0x0];
+        _0x4f4daa[_0x40949f(0x157)](_0x40949f(0x147), () => {
+          const _0x95d8da = _0x40949f;
+          this[_0x95d8da(0x134)] = setTimeout(() => {
+            const _0xa6822d = _0x95d8da;
+            _0x5175d5[_0xa6822d(0x158)][_0xa6822d(0x167)] = _0xa6822d(0x138);
+          }, 0x3e8);
+        }),
+          _0x4f4daa["addEventListener"](_0x40949f(0x180), () => {
+            const _0x583d0f = _0x40949f;
+            setTimeout(() => {
+              const _0x12a0e1 = _0x3140;
+              _0x5175d5[_0x12a0e1(0x158)][_0x12a0e1(0x167)] = "none";
+            }, 0x3e8),
+              clearTimeout(this[_0x583d0f(0x134)]);
+          }),
+          _0x5175d5[_0x40949f(0x157)](_0x40949f(0x180), () => {
+            setTimeout(() => {
+              const _0x442bf8 = _0x3140;
+              _0x5175d5[_0x442bf8(0x158)]["display"] = _0x442bf8(0x154);
+            }, 0x3e8);
+          });
+      }
+    }
+    customElements["define"]("physical-quantity", _0x2cb387);
+    class _0x2dfe31 extends _0x2cb387 {}
+    customElements["define"](_0x1ccab9(0x160), _0x2dfe31);
+  });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "physical-quantity",
-  "version": "1.1.22",
+  "version": "1.1.24",
   "description": "A web component to represent a physical quantity with unit conversion.",
   "main": "./pq.js",
   "module": "./pq.js",