flexdesk 0.11.0 → 0.12.0

package/dist/flexdesk.css

@@ -706,6 +706,82 @@ body.twm-dt-col-resizing {
 .twm-preview-table tbody tr.twm-dt-row--active > td:first-child {
     box-shadow: inset 2px 0 0 0 var(--accent-bright, #007acc);
 }
+/* STORY-0016 `selectToggle` / `selectMode` — the select column. Narrow, never
+ * the time column (it is the first child, so the time rules reach it: (0,3,2)
+ * here beats them), and the time styling moves to the first column after it,
+ * so a table looks as it did before the column was added. Its boxes show only
+ * in select mode; the header's toggle always. */
+.twm-preview-table.twm-dt--select tr > .twm-dt-select-cell {
+    width: 32px;
+    min-width: 0;
+    max-width: none;
+    padding-left: 6px;
+    padding-right: 2px;
+    text-align: left;
+    color: inherit;
+    font-weight: inherit;
+    white-space: nowrap;
+}
+.twm-preview-table.twm-dt--select:not(.twm-dt--first-plain) tr > .twm-dt-select-cell + th,
+.twm-preview-table.twm-dt--select:not(.twm-dt--first-plain) tr > .twm-dt-select-cell + td {
+    width: 120px;
+    min-width: 100px;
+    font-weight: 500;
+    color: #bbb;
+}
+.twm-preview-table.twm-dt--select:not(.twm-dt--first-plain) tr > th.twm-dt-select-cell + th {
+    font-weight: 600;
+    color: #aaa;
+}
+.twm-preview-table.twm-dt--select td.twm-dt-select-cell .twm-dt-select-box {
+    display: none;
+    margin: 0;
+    vertical-align: middle;
+    cursor: pointer;
+}
+.twm-preview-table.twm-dt--selecting td.twm-dt-select-cell .twm-dt-select-box {
+    display: inline-block;
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-all {
+    margin: 0 4px 0 0;
+    vertical-align: middle;
+    cursor: pointer;
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    margin: -3px 0;
+    padding: 0;
+    border: 0;
+    border-radius: 3px;
+    background: transparent;
+    color: inherit;
+    font-size: 16px;
+    line-height: 1;
+    vertical-align: middle;
+    cursor: pointer;
+    opacity: 0.7;
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle:hover,
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle[aria-pressed="true"] {
+    opacity: 1;
+    background: rgba(255, 255, 255, 0.08);
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle:focus-visible {
+    opacity: 1;
+    outline: 1px solid var(--accent-bright, #007acc);
+}
+/* In the mode a click ticks: a pointer on every row, and the keyboard's row
+ * (the arrows move it, Space ticks it) drawn as an outline. */
+.twm-preview-table.twm-dt--selecting tbody tr:not(.twm-dt-spacer):not(.data-table__empty-row) {
+    cursor: pointer;
+}
+.twm-preview-table.twm-dt--selecting tbody tr.twm-dt-row--cursor > td {
+    box-shadow: inset 0 1px 0 0 var(--accent-bright, #007acc), inset 0 -1px 0 0 var(--accent-bright, #007acc);
+}
 /* `rowIcon` — drawn from `data-twm-icon` so the icon's NAME is not cell
  * text (not in a copy, not in the clipped-cell tooltip). The span carries the
  * icon font's class; the pseudo-element inherits its font and ligatures. Top
@@ -8536,7 +8612,7 @@ tr:hover .twm-row-action { opacity: 1; }
 /* ── the popover both pickers are drawn in ──────────────────────────── */
 .twm-flow-popover {
     position: fixed;
-    z-index: var(--z-popover);
+    z-index: var(--z-over-windows, 7100);  /* over the managed window it opened from */
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
@@ -9863,7 +9939,7 @@ tr:hover .twm-row-action { opacity: 1; }
 /* the grip drag: a ghost under the pointer, and a drop line naming the place */
 .twm-flow-outline__ghost {
     position: fixed;
-    z-index: var(--z-popover);
+    z-index: var(--z-over-windows, 7100);  /* over the managed window it opened from */
     box-sizing: border-box;
     display: flex;
     align-items: center;

package/dist/flow.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6EZPPN4E.js";
 import {
   DataTable
-} from "./chunk-6CGH73BC.js";
+} from "./chunk-M2L4XW2U.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/tiles.js

@@ -16,8 +16,8 @@ import {
 } from "./chunk-O5OHMWBB.js";
 import {
   openRawTracesWindow
-} from "./chunk-EHHTKD7B.js";
-import "./chunk-6CGH73BC.js";
+} from "./chunk-2LEJQD4H.js";
+import "./chunk-M2L4XW2U.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/tokens.css

@@ -115,6 +115,10 @@
     --z-popover:  200;
     --z-modal:    1000;
     --z-toast:    10000;
+    /* What opens FROM a managed window and must draw over it: managed windows
+       stack from 6000 to 6999 (managed_window.js), so a popover at
+       --z-popover would open behind the window that opened it. */
+    --z-over-windows: 7100;
 
     /* ── Transitions ──────────────────────────────────────────── */
     --transition-fast:   120ms ease;

package/dist/widgets.js

@@ -36,7 +36,7 @@ import {
   parseDateValue,
   parseDuration,
   resolvePaging
-} from "./chunk-6CGH73BC.js";
+} from "./chunk-M2L4XW2U.js";
 import {
   ManagedWindow,
   ROW_CONTROL_SELECTOR,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flexdesk",
-    "version": "0.11.0",
+    "version": "0.12.0",
     "description": "A tiling window manager and widget set for desktop-class web applications. Zero runtime dependencies.",
     "license": "MIT",
     "repository": {