@nil-/doc 0.2.48 → 0.2.49

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nil-/doc
 
+## 0.2.49
+
+### Patch Changes
+
+-   [doc][fix] fix range number formatting ([#83](https://github.com/njaldea/mono/pull/83))
+
 ## 0.2.48
 
 ### Patch Changes

package/components/Layout.svelte

@@ -121,7 +121,7 @@ const toggle = () => {
         </div>
         <div
             class="icon"
-            title="Double click to open repo: https://github.com/njaldea/mono"
+            title="Open @nil-/mono repo: https://github.com/njaldea/mono"
             on:click={() => window.open("https://github.com/njaldea/mono", "_blank")}
             on:keypress={null}
         >

package/components/block/controls/props/Range.svelte

@@ -2,7 +2,7 @@
     .input {
         width: 100%;
         display: grid;
-        grid-template-columns: 50px 1fr;
+        grid-template-columns: 65px 1fr;
         gap: 5px;
         position: relative;
     }
@@ -19,14 +19,13 @@
     }
 
     .tooltip {
+        left: -110%;
         width: 100%;
         height: 100%;
-        left: -110%;
-        position: absolute;
-        visibility: hidden;
         display: grid;
-        grid-template-columns: 85px 1fr;
-        padding: 0px 5px;
+        visibility: hidden;
+        position: absolute;
+        place-items: center;
     }
 
     .input:hover > .tooltip:not(.disabled) {
@@ -36,6 +35,7 @@
 
 <script>import { getDefault } from "./misc/defaulter";
 import NameHeader from "./misc/Name.svelte";
+import { nformat } from "./misc/nformat";
 export let value;
 export let info;
 export let depth;
@@ -57,29 +57,15 @@ $:
     max: info.max,
     step: info.step
   };
-const format = (v, base, digits) => {
-  const n = v.toExponential().split("e");
-  const ex = parseInt(n[1]);
-  const absex = Math.abs(ex);
-  const rest = base + (absex >= 10 ? 0 : 1) - (ex >= 0 ? 0 : 1);
-  return v.toLocaleString(void 0, {
-    signDisplay: "always",
-    useGrouping: false,
-    notation: absex > 2 + digits ? "scientific" : "standard",
-    maximumFractionDigits: rest,
-    minimumFractionDigits: rest
-  });
-};
 </script>
 {#if visible}
     <div>
         <NameHeader name={i.name} {depth} />
         <div class="input">
             <div class="tooltip" class:disabled={!enabled || disabled}>
-                <div>Current Value:</div>
-                <div>{format(ivalue, 6, 3)}</div>
+                Value: {nformat(ivalue, 6, 11)}
             </div>
-            <div>{format(ivalue, 1, 1)}</div>
+            <div>{nformat(ivalue, 3, 5)}</div>
             <input
                 type="range"
                 bind:value={ivalue}

package/components/block/controls/props/Select.svelte

@@ -1,3 +1,8 @@
+<style>
+    select {
+        text-align: center;
+    }
+</style>
 
 <script>import { getDefault } from "./misc/defaulter";
 import NameHeader from "./misc/Name.svelte";
@@ -28,3 +33,4 @@ $:
         <div><input type="checkbox" bind:checked={enabled} {disabled} /></div>
     </div>
 {/if}
+

package/components/block/controls/props/misc/Styler.svelte

@@ -15,6 +15,7 @@ const dark = getTheme();
     div :global(*::before),
     div :global(*::after) {
         box-sizing: inherit;
+        font-family: inherit;
     }
 
     div > :global(div) {
@@ -26,6 +27,7 @@ const dark = getTheme();
 
     div > :global(div:first-child) {
         text-align: center;
+        font-weight: bold;
     }
 
     div > :global(div > div:not(:first-child) > *) {

package/components/block/controls/props/misc/nformat.d.ts

@@ -0,0 +1 @@
+export declare const nformat: (v: number, fdigits: number, width: number) => string;

package/components/block/controls/props/misc/nformat.js

@@ -0,0 +1,16 @@
+export const nformat = (v, fdigits, width) => {
+    const n = v.toExponential().split("e");
+    const ex = parseInt(n[1]);
+    const absex = Math.abs(ex);
+    const short = absex >= fdigits;
+    const rest = short
+        ? width - 3 + (absex >= 10 ? 0 : 1) - (ex < 0 ? 1 : 0)
+        : width - absex + (ex < 0 ? -ex : 0);
+    return v.toLocaleString(undefined, {
+        signDisplay: "always",
+        useGrouping: false,
+        notation: short ? "scientific" : "standard",
+        maximumFractionDigits: rest,
+        minimumFractionDigits: rest
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/doc",
-  "version": "0.2.48",
+  "version": "0.2.49",
   "author": {
     "email": "njaldea@gmail.com",
     "name": "Neil Aldea"