@loadbare/widgets 0.10.0 → 0.10.1

package/README.md

@@ -19,6 +19,8 @@ Inventory:
 | [`lb-checkbox`](docs/lb-checkbox.md) | a checkbox and its label, as markup to style |
 | [`lb-number`](docs/lb-number.md) | a number shown by `Intl.NumberFormat` |
 | [`lb-date`](docs/lb-date.md) | a date or time shown by `Intl.DateTimeFormat` |
+| [`lb-tel`](docs/lb-tel.md) | a phone number shown as a `tel:` link |
+| [`lb-mailto`](docs/lb-mailto.md) | an email address shown as a `mailto:` link |
 
 ## Installing
 

package/dist/index.d.ts

@@ -7,4 +7,6 @@ import "./lb-confirm.browser.js";
 import "./lb-insert-dialog.browser.js";
 import "./lb-number.browser.js";
 import "./lb-date.browser.js";
+import "./lb-tel.browser.js";
+import "./lb-mailto.browser.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC"}

package/dist/index.js

@@ -7,4 +7,6 @@ import "./lb-confirm.browser.js";
 import "./lb-insert-dialog.browser.js";
 import "./lb-number.browser.js";
 import "./lb-date.browser.js";
+import "./lb-tel.browser.js";
+import "./lb-mailto.browser.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC","sourcesContent":["import \"./lb-input.browser.js\";\nimport \"./lb-select.browser.js\";\nimport \"./lb-options.browser.js\";\nimport \"./lb-table.browser.js\";\nimport \"./lb-picker.browser.js\";\nimport \"./lb-confirm.browser.js\";\nimport \"./lb-insert-dialog.browser.js\";\nimport \"./lb-number.browser.js\";\nimport \"./lb-date.browser.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC","sourcesContent":["import \"./lb-input.browser.js\";\nimport \"./lb-select.browser.js\";\nimport \"./lb-options.browser.js\";\nimport \"./lb-table.browser.js\";\nimport \"./lb-picker.browser.js\";\nimport \"./lb-confirm.browser.js\";\nimport \"./lb-insert-dialog.browser.js\";\nimport \"./lb-number.browser.js\";\nimport \"./lb-date.browser.js\";\nimport \"./lb-tel.browser.js\";\nimport \"./lb-mailto.browser.js\";\n"]}

package/dist/lb-mailto.browser.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=lb-mailto.browser.d.ts.map

package/dist/lb-mailto.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-mailto.browser.d.ts","sourceRoot":"","sources":["../widgets/lb-mailto.browser.ts"],"names":[],"mappings":""}

package/dist/lb-mailto.browser.js

@@ -0,0 +1,29 @@
+/// <reference lib="dom" />
+import { ATTR_COLUMN_VALUE } from "@loadbare/app/constants";
+/**
+ * Shows the value that landed on it as written, in the `<a>` its definition
+ * holds, with a `mailto:` `href` that writes to it. Not a control: the hub
+ * stamps `lb-column-value` on the tag and never gathers it.
+ *
+ * The address is encoded into the `href`, so a value carrying `?` or `&`
+ * cannot add a subject, a body or another recipient to the message. A value
+ * with no `@` shows as it arrived, with no `href`.
+ */
+class LbMailto extends HTMLElement {
+    static observedAttributes = [ATTR_COLUMN_VALUE];
+    attributeChangedCallback(_name, _old, value) {
+        const a = this.querySelector("a");
+        if (!a)
+            return;
+        a.textContent = value ?? "";
+        const address = value?.trim();
+        if (address?.includes("@")) {
+            a.setAttribute("href", `mailto:${encodeURIComponent(address).replace(/%40/g, "@")}`);
+        }
+        else {
+            a.removeAttribute("href");
+        }
+    }
+}
+customElements.define("lb-mailto", LbMailto);
+//# sourceMappingURL=lb-mailto.browser.js.map

package/dist/lb-mailto.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-mailto.browser.js","sourceRoot":"","sources":["../widgets/lb-mailto.browser.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,CAAC,kBAAkB,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEhD,wBAAwB,CACtB,KAAa,EACb,IAAmB,EACnB,KAAoB;QAEpB,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,CAAC;YAAE,OAAO;QACf,CAAC,CAAC,WAAW,GAAG,KAAK,IAAI,EAAE,CAAC;QAC5B,MAAM,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC;QAC9B,IAAI,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC3B,CAAC,CAAC,YAAY,CACZ,MAAM,EACN,UAAU,kBAAkB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAC7D,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;;AAGH,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["/// <reference lib=\"dom\" />\n\nimport { ATTR_COLUMN_VALUE } from \"@loadbare/app/constants\";\n\n/**\n * Shows the value that landed on it as written, in the `<a>` its definition\n * holds, with a `mailto:` `href` that writes to it. Not a control: the hub\n * stamps `lb-column-value` on the tag and never gathers it.\n *\n * The address is encoded into the `href`, so a value carrying `?` or `&`\n * cannot add a subject, a body or another recipient to the message. A value\n * with no `@` shows as it arrived, with no `href`.\n */\nclass LbMailto extends HTMLElement {\n  static observedAttributes = [ATTR_COLUMN_VALUE];\n\n  attributeChangedCallback(\n    _name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    const a = this.querySelector(\"a\");\n    if (!a) return;\n    a.textContent = value ?? \"\";\n    const address = value?.trim();\n    if (address?.includes(\"@\")) {\n      a.setAttribute(\n        \"href\",\n        `mailto:${encodeURIComponent(address).replace(/%40/g, \"@\")}`,\n      );\n    } else {\n      a.removeAttribute(\"href\");\n    }\n  }\n}\n\ncustomElements.define(\"lb-mailto\", LbMailto);\n"]}

package/dist/lb-mailto.html

@@ -0,0 +1,6 @@
+<!--
+  An email address as a mailto: link. The script writes the href from the
+  value, so the definition is an <a> with none: until a value lands it is
+  not a link.
+-->
+<a></a>

package/dist/lb-tel.browser.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=lb-tel.browser.d.ts.map

package/dist/lb-tel.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-tel.browser.d.ts","sourceRoot":"","sources":["../widgets/lb-tel.browser.ts"],"names":[],"mappings":""}

package/dist/lb-tel.browser.js

@@ -0,0 +1,40 @@
+/// <reference lib="dom" />
+import { ATTR_COLUMN_VALUE } from "@loadbare/app/constants";
+/**
+ * Shows the value that landed on it as written, in the `<a>` its definition
+ * holds, with a `tel:` `href` that dials it. Not a control: the hub stamps
+ * `lb-column-value` on the tag and never gathers it.
+ *
+ * The `href` keeps a leading `+` and the digits, and drops the rest, so
+ * `(555) 123-4567` dials as `5551234567`. An extension written after `x`,
+ * `ext` or `extension` becomes `;ext=`, rather than digits dialed on the end
+ * of the number. A value with no digits shows as it arrived, with no `href`.
+ */
+class LbTel extends HTMLElement {
+    static observedAttributes = [ATTR_COLUMN_VALUE];
+    attributeChangedCallback(_name, _old, value) {
+        const a = this.querySelector("a");
+        if (!a)
+            return;
+        a.textContent = value ?? "";
+        const href = value === null ? null : tel(value);
+        if (href)
+            a.setAttribute("href", href);
+        else
+            a.removeAttribute("href");
+    }
+}
+/** The `tel:` URI for a number as a person writes it, null for no number. */
+function tel(value) {
+    const [number, ext] = value.split(EXTENSION, 2);
+    const digits = number.replace(/\D/g, "");
+    if (!digits)
+        return null;
+    const plus = number.trim().startsWith("+") ? "+" : "";
+    const extDigits = ext?.replace(/\D/g, "");
+    return `tel:${plus}${digits}${extDigits ? `;ext=${extDigits}` : ""}`;
+}
+/** Where a number ends and its extension begins. */
+const EXTENSION = /\s*(?:extension|ext\.?|x)\s*(?=\d)/i;
+customElements.define("lb-tel", LbTel);
+//# sourceMappingURL=lb-tel.browser.js.map

package/dist/lb-tel.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-tel.browser.js","sourceRoot":"","sources":["../widgets/lb-tel.browser.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;;GASG;AACH,MAAM,KAAM,SAAQ,WAAW;IAC7B,MAAM,CAAC,kBAAkB,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEhD,wBAAwB,CACtB,KAAa,EACb,IAAmB,EACnB,KAAoB;QAEpB,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,CAAC;YAAE,OAAO;QACf,CAAC,CAAC,WAAW,GAAG,KAAK,IAAI,EAAE,CAAC;QAC5B,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,IAAI;YAAE,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;;YAClC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;;AAGH,6EAA6E;AAC7E,SAAS,GAAG,CAAC,KAAa;IACxB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACtD,MAAM,SAAS,GAAG,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC1C,OAAO,OAAO,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACvE,CAAC;AAED,oDAAoD;AACpD,MAAM,SAAS,GAAG,qCAAqC,CAAC;AAExD,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC","sourcesContent":["/// <reference lib=\"dom\" />\n\nimport { ATTR_COLUMN_VALUE } from \"@loadbare/app/constants\";\n\n/**\n * Shows the value that landed on it as written, in the `<a>` its definition\n * holds, with a `tel:` `href` that dials it. Not a control: the hub stamps\n * `lb-column-value` on the tag and never gathers it.\n *\n * The `href` keeps a leading `+` and the digits, and drops the rest, so\n * `(555) 123-4567` dials as `5551234567`. An extension written after `x`,\n * `ext` or `extension` becomes `;ext=`, rather than digits dialed on the end\n * of the number. A value with no digits shows as it arrived, with no `href`.\n */\nclass LbTel extends HTMLElement {\n  static observedAttributes = [ATTR_COLUMN_VALUE];\n\n  attributeChangedCallback(\n    _name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    const a = this.querySelector(\"a\");\n    if (!a) return;\n    a.textContent = value ?? \"\";\n    const href = value === null ? null : tel(value);\n    if (href) a.setAttribute(\"href\", href);\n    else a.removeAttribute(\"href\");\n  }\n}\n\n/** The `tel:` URI for a number as a person writes it, null for no number. */\nfunction tel(value: string): string | null {\n  const [number, ext] = value.split(EXTENSION, 2);\n  const digits = number.replace(/\\D/g, \"\");\n  if (!digits) return null;\n  const plus = number.trim().startsWith(\"+\") ? \"+\" : \"\";\n  const extDigits = ext?.replace(/\\D/g, \"\");\n  return `tel:${plus}${digits}${extDigits ? `;ext=${extDigits}` : \"\"}`;\n}\n\n/** Where a number ends and its extension begins. */\nconst EXTENSION = /\\s*(?:extension|ext\\.?|x)\\s*(?=\\d)/i;\n\ncustomElements.define(\"lb-tel\", LbTel);\n"]}

package/dist/lb-tel.html

@@ -0,0 +1,6 @@
+<!--
+  A phone number as a tel: link. The script writes the href from the value,
+  so the definition is an <a> with none: until a value lands it is not a
+  link.
+-->
+<a></a>

package/docs/lb-mailto.md

@@ -0,0 +1,29 @@
+# `lb-mailto`
+
+> Status: a barebones starter.  Iterative use will drive improvements.
+
+An email address shown as written, as a `mailto:` link.  Not a control:
+write `lb-column` on the tag, and the hub lands the column on it and never
+gathers it.
+
+```html
+<lb-mailto lb-column="email"></lb-mailto>
+```
+
+It takes no parameters.  To edit the address, use
+`<lb-input exp-type="email">`.
+
+## The value
+
+The link's text is the value as it arrived.  Its `href` is `mailto:` and the
+address, encoded, so a value carrying `?` or `&` cannot add a subject, a body
+or another recipient to the message.
+
+A value with no `@` shows as it arrived, with no `href`.  Null shows
+nothing.
+
+## Styling
+
+The definition is an `<a>`, with no `href` while there is no address, so
+`lb-mailto a:not([href])` selects a value that is no link.  The hub stamps
+the tag with `lb-column-value`, the value as it arrived.

package/docs/lb-tel.md

@@ -0,0 +1,32 @@
+# `lb-tel`
+
+> Status: a barebones starter.  Iterative use will drive improvements.
+
+A phone number shown as written, as a `tel:` link.  Not a control: write
+`lb-column` on the tag, and the hub lands the column on it and never gathers
+it.
+
+```html
+<lb-tel lb-column="phone"></lb-tel>
+```
+
+It takes no parameters.  To edit the number, use
+`<lb-input exp-type="tel">`.
+
+## The value
+
+The link's text is the value as it arrived.  Its `href` keeps a leading `+`
+and the digits, and drops everything else, so `(555) 123-4567` dials
+`tel:5551234567`.
+
+An extension written after `x`, `ext`, `ext.` or `extension` goes in the
+`href` as `;ext=`, so `555-123-4567 x89` dials `tel:5551234567;ext=89`.
+
+A value with no digits shows as it arrived, with no `href`.  Null shows
+nothing.
+
+## Styling
+
+The definition is an `<a>`, with no `href` while there is nothing to dial,
+so `lb-tel a:not([href])` selects a number that is no link.  The hub stamps
+the tag with `lb-column-value`, the value as it arrived.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@loadbare/widgets",
-  "description": "The basic widget set for @loadbare/app: input, select, options, picker, table, unknown-page, confirm, form, insert-dialog, master, checkbox, number, date",
-  "version": "0.10.0",
+  "description": "The basic widget set for @loadbare/app: input, select, options, picker, table, unknown-page, confirm, form, insert-dialog, master, checkbox, number, date, tel, mailto",
+  "version": "0.10.1",
   "type": "module",
   "files": [
     "dist",

package/docs/temp-feature-request-lb-table.md

@@ -1,130 +0,0 @@
-# Feature request: `lb-table` for maintenance pages
-
-Temporary.  Written from the rkmedia app, which uses `lb-table` for every
-list it edits (lookup tables with a ghost row, edit-in-place cells,
-drag-to-reorder).  Two things every such page wants and today writes for
-itself, or cannot have.  To be settled here and then folded into
-`lb-table.md` or deleted.
-
-## 1. The order shown on the heading, and re-sorted from it
-
-**Status:** first iteration implemented, as settled below; see
-`lb-table.md`, *The order on the heading*.
-
-**Want:** `lb-table` always marks the heading of the column the rows are
-sorted by with an up or down triangle for the direction.  While the order is
-dirty from the user's edits (`lb-query-unsorted-count` is not 0), the
-triangle changes color.  Clicking the heading sorts by its column.
-
-**Why:** an edit from a control in a row, or from the ghost row, leaves the
-rows where they stand (`lb-table.md`, *Order and groups*).  Every table
-whose order reads a column the user edits needs a re-sort control, so every
-page writes the same markup and CSS.  What rkmedia writes today:
-
-```html
-<div class="list">
-  <button type="button" class="resort" commandfor="workshop-topics-list" command="--lb-sort">Re-sort</button>
-  <lb-table id="workshop-topics-list" lb-query="workshopTopics" exp-caption="Talks and workshops">
-    ...
-  </lb-table>
-</div>
-```
-
-```css
-.resort { visibility: hidden; }
-:has(> [lb-query-unsorted-count]:not([lb-query-unsorted-count="0"])) > .resort { visibility: visible; }
-```
-
-The button cannot go inside the tag, so it needs an `id`, `commandfor` and
-a `:has()` on a wrapper.  Shown with `display` it moves the table; shown
-with `visibility` it leaves a blank strip above every table.
-
-The heading row is always laid out and the widget owns it, so the
-triangle placed there moves nothing, needs no `id` and no page CSS.  The
-hub already knows the order: the server declares it, and `lb-order` names
-the user's.
-
-**Settled:**
-
-- **The triangle is always shown** on the sorted column's heading, clean or
-  dirty.
-- **Dirty is a color change** on the triangle.
-- **Clicking a dirty triangle re-sorts** (`--lb-sort`): it places the rows
-  and clears `lb-row-unsorted`, keeping the direction.  Only a click on a
-  clean triangle reverses.
-- **Clicking another heading sorts by its column**, writing the user's
-  order (`lb-order`).  That places every row and clears `lb-row-unsorted`.
-- **Raw values.**  A column shown formatted sorts by what the query sent,
-  so it must be sent raw or declared in `types` (the reference already says
-  so); worth repeating in `lb-table.md`.
-- **A default style for `tr[lb-row-unsorted]`** (rkmedia marks the first
-  cell's left edge), subtle and overridable, saves every app writing one.
-- **A heading takes its column from the row template.**  The nth heading
-  shows the column of the nth cell of the row template, the `lb-column` in
-  that cell.  The page writes nothing on the `<th>`.  A cell with no
-  `lb-column`, or with several, gives its heading no column, and that
-  heading does not sort.
-- **One column at a time.**  A heading click writes an order of one term.
-  When the order has several terms, the triangle marks the leading term.
-  Sub-sorts are a UI question for later, built on this foundation.
-- **Groups leave all of this out.**  A table with group templates shows no
-  triangle and takes no heading clicks, so none of it triggers there.
-- **Dirty is yellow, circled.**  The triangle turns yellow and gains a
-  circle around it, so the shape says dirty without the color.
-- **No route back to the server's order.**  Once the user sorts by a
-  heading, the user's order stands.
-- **No sort is the opt-out.**  A table with no order shows no triangle and
-  takes no heading clicks.
-
-**Open:**
-
-- **The order's column not shown.**  A drag-to-reorder table orders by a
-  position column no one displays, and a server's order may lead with any
-  column the template leaves out.  No heading carries the triangle, so a
-  dirty order has no re-sort control.  Either the triangle has an
-  always-present fallback, such tables keep a page-written button, or the
-  dirty state cannot arise for them (a drag rewrites positions so no row
-  stands out of order).
-- **Heading clicks without `lb-order`.**  A heading click writes the user's
-  order into the column of `lb-choices` that `lb-order` names.  A table
-  with a server order and no `lb-order` has nowhere to write it: it can
-  show the triangle and re-sort from it, but not sort by another heading.
-  Whether that is the intended reading of "no sort", or the widget
-  supplies a choice of its own.
-
-The first iteration takes the plain reading of both: a table whose order's
-leading column has no heading shows no triangle and keeps a page-written
-button, and a table without `lb-order` shows the triangle and re-sorts
-from it but takes no clicks on other headings.
-
-## 2. Highlight-to-filter that works on edit pages
-
-**Want:** select text in a cell and the table filters to the rows that
-match, on read-only and editable tables alike, and the table shows what it
-is filtered by.
-
-**What exists:** `lb-table.md`, *Filtering by selection*: a selection in a
-cell whose `lb-column` the table's `lb-filter` names becomes that column's
-choice (`=`, `^=`, `$=`, `*=`).
-
-**Gaps:**
-
-- **Inputs.**  The widget reads `getSelection()`, which does not report text
-  selected inside an `<input>` or `<textarea>`.  An editable cell is an
-  input, so on an edit page highlighting never filters.  A control reports
-  its own range (`selectionStart` / `selectionEnd`); the widget could read
-  that when the selection is in one.
-- **Selecting is also editing.**  In an input, selecting text is how you
-  replace it, so filtering on every selection there would fight editing.
-  It needs a gesture that means "filter": a modifier key held on mouse-up,
-  or inputs that are `readonly`.  Which gesture is Loadbare's call.
-- **No indicator.**  Nothing on the table says it is filtered, by what, or
-  offers to clear it; a page must add a control bound to `lb-choices`
-  itself.  With the re-sort on the heading, the caption line is free for
-  this: the active filters with a clear button for each, and rows hidden
-  ("12 of 40 shown").  Open whether the caption line is the place.
-
-## Order of value to rkmedia
-
-1, then 2.  rkmedia has editable ordered tables now, will want heading
-sorts on the first long list, and has no filters yet.