@yuneta/gobj-ui 5.0.0 → 5.1.0

package/README.md

@@ -65,17 +65,23 @@ consumers. They are independent snapshots (no shared git ancestry):
 
 | Line | Branch | Tag | Layout | Consumed by | How | Status |
 |------|--------|-----|--------|-------------|-----|--------|
-| **v2** | `main` | `2.0.0`+ | `src/` subdir | **wattyzer**, **gui_agent**, **gui_treedb** | local `file:` dep on the yunetas submodule | active development |
+| **v2** | `main` | `2.0.0`+ | `src/` subdir | **gui_agent**, **gui_treedb** | local `file:` dep on the yunetas submodule | active development |
+| **v2** | `main` | `2.0.0`+ | `src/` subdir | **wattyzer** | published npm `@yuneta/gobj-ui@^5.0.0` (dist-tag `latest`) | active development |
 | **v1** | `v1` | `1.0.1` | `src/` subdir | **estadodelaire**, **hidraulia** | published npm `@yuneta/gobj-ui@^1.0.1` (dist-tag `legacy`) | frozen, maintenance-only |
 
 - **v2 / `main`** is the active development line: the declarative shell
   (legacy-stack-free since `3.0.0`). It is embedded as a git submodule in **yunetas** at
-  `kernel/js/gobj-ui`, and **wattyzer** plus the in-repo JS yunos
+  `kernel/js/gobj-ui`, and the in-repo JS yunos
   (**`yunos/js/gui_agent`**, **`yunos/js/gui_treedb`**) consume that checkout as a
-  `file:` dependency (`@yuneta/gobj-ui` → `../../../kernel/js/gobj-ui` from a
-  yuno; `../../../yunetas/kernel/js/gobj-ui` from wattyzer), importing by package
-  specifier (`@yuneta/gobj-ui/src/*.js`, exports map `"./src/*"`; the `index.js`
-  barrel and the vite plugin stay at the package root).
+  `file:` dependency (`@yuneta/gobj-ui` → `../../../kernel/js/gobj-ui`), importing
+  by package specifier (`@yuneta/gobj-ui/src/*.js`, exports map `"./src/*"`; the
+  `index.js` barrel and the vite plugin stay at the package root).
+  **wattyzer takes the same line from the registry** (since 2026-07-25): the
+  published tarball ships `src/`, `index.js` and the vite plugin, so the import
+  specifiers are identical — but library work only reaches it after a
+  `npm publish` and a range bump on its side. Two consequences worth knowing:
+  a fix cannot be validated in wattyzer before it is released, and wattyzer is
+  the consumer that proves the **tarball** is complete, not just the checkout.
 - **v1 / `v1`** is the frozen legacy-only stack (the declarative shell is not on
   this line). It is **published to npm**; estadodelaire and hidraulia depend on
   `@yuneta/gobj-ui@^1.0.0` from the registry. Land only maintenance fixes here,
@@ -86,10 +92,13 @@ All new feature work lands on `main`/v2.
 ## Usage
 
 ```bash
-# v2 (active): clone yunetas with submodules; wattyzer picks it up via file:
+# v2 (active): clone yunetas with submodules; the in-repo yunos pick it up via file:
 git clone --recurse-submodules <yunetas>
 git submodule update --init kernel/js/gobj-ui      # yunetas tracks main/v2
 
+# v2 from the registry (wattyzer, and any out-of-tree consumer)
+npm install @yuneta/gobj-ui@^5.0.0
+
 # v1 (frozen): consumers just install the published package
 npm install @yuneta/gobj-ui@^1.0.0
 ```
@@ -107,8 +116,9 @@ npm test           # vitest (v2/main only; v1 has no test target)
 ```
 
 `dist/` is gitignored. v1 consumers get `dist/` from the **published** npm
-tarball; v2 (wattyzer) imports source files by specifier. Rebuild `dist/` to
-validate and before publishing a v1 release.
+tarball; v2 consumers import source files by specifier, whether they resolve
+them from the checkout or from the tarball's `src/`. Rebuild `dist/` to
+validate and before publishing a release.
 
 ## Components
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yuneta/gobj-ui",
-    "version": "5.0.0",
+    "version": "5.1.0",
     "type": "module",
     "main": "dist/gobj-ui.cjs.js",
     "module": "dist/gobj-ui.es.js",

package/src/tabulator.css

@@ -176,6 +176,34 @@
     color: var(--bulma-text) !important;
 }
 
+/* ====================================================================
+ *  The CELL EDITOR — typography and box, in EVERY theme.
+ *
+ *  Tabulator hands the editor a bare <input>, and a bare form control does
+ *  not inherit typography: the browser gives it its own default (13.33px
+ *  Arial), so the value visibly SHRINKS and changes face the moment the cell
+ *  enters edit mode. The theme also drops the editing cell's padding
+ *  (`.tabulator-editing {padding: 0}`) and the control brings its own, so
+ *  the text jumps sideways too. Inherit the font and restore the cell's 4px
+ *  so entering edit mode changes nothing but the caret.
+ * ==================================================================== */
+.tabulator-row .tabulator-cell.tabulator-editing input,
+.tabulator-row .tabulator-cell.tabulator-editing select,
+.tabulator-row .tabulator-cell.tabulator-editing textarea,
+.tabulator .tabulator-header .tabulator-header-filter input,
+.tabulator .tabulator-header .tabulator-header-filter select {
+    font-family: inherit;
+    font-size: inherit;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 4px;
+}
+
+.tabulator-row .tabulator-cell.tabulator-editing input,
+.tabulator-row .tabulator-cell.tabulator-editing select {
+    height: 100%;
+}
+
 /*
  *  The CELL EDITOR in dark theme.
  *
@@ -183,16 +211,22 @@
  *  browser default: BLACK text on the dark cell — the value disappears the
  *  moment you click into it, and comes back when the field loses focus. Same
  *  for a header-filter input and for a <select>.
+ *
+ *  `--bulma-body-color` is the DIMMED body text; on the near-black editor
+ *  wash it reads washed out just when the eye needs it most (you are typing
+ *  into it). The editing state gets `--bulma-text-strong` plus a wash one
+ *  step lighter than the row and a link-coloured border, so the open field
+ *  is the brightest thing in the table.
  */
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing input,
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing select,
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing textarea,
 [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter input,
 [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter select {
-    background-color: var(--bulma-scheme-main, #16181d);
-    color: var(--bulma-body-color, #e6e6e6) !important;
-    caret-color: var(--bulma-body-color, #e6e6e6);
-    border-color: var(--bulma-border);
+    background-color: var(--bulma-grey-darker, #2b2f38);
+    color: var(--bulma-text-strong, #f5f6f7) !important;
+    caret-color: var(--bulma-text-strong, #f5f6f7);
+    border-color: var(--bulma-link, #4a9eff);
 }
 
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing input::placeholder,
@@ -276,6 +310,21 @@
         background-color: var(--bulma-background) !important;
         color: var(--bulma-body-color) !important;
     }
+    /*  same editor fix as [data-theme=dark] above  */
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing input,
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing select,
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing textarea,
+    [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input,
+    [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter select {
+        background-color: var(--bulma-grey-darker, #2b2f38);
+        color: var(--bulma-text-strong, #f5f6f7) !important;
+        caret-color: var(--bulma-text-strong, #f5f6f7);
+        border-color: var(--bulma-link, #4a9eff);
+    }
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing input::placeholder,
+    [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input::placeholder {
+        color: var(--bulma-text-weak, #8a8f98);
+    }
     [data-theme=system] .tabulator-row.tabulator-selected {
         background-color: var(--bulma-link) !important;
         color: var(--bulma-link-invert) !important;

package/src/yui_icons.css

@@ -286,7 +286,12 @@
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E");
 }
 
-/* --- Date navigator (C_YUI_PERIOD) --- */
+/* --- Chevrons: date navigator (C_YUI_PERIOD), disclosure triangles --- */
+.yi-chevron-down::before {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
+}
+
 .yi-chevron-left::before {
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
@@ -297,6 +302,11 @@
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
 }
 
+.yi-chevron-up::before {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
+}
+
 .yi-forward-step::before {
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416L0 96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241l0-145c0-17.7 14.3-32 32-32s32 14.3 32 32l0 320c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-145-11.5 9.6-192 160z'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416L0 96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241l0-145c0-17.7 14.3-32 32-32s32 14.3 32 32l0 320c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-145-11.5 9.6-192 160z'/%3E%3C/svg%3E");