@loadbare/app 0.17.0 → 0.18.1

package/dist/hub/lb-apply.d.ts

@@ -3,23 +3,31 @@ import { type ColumnTypes, type ResponseItem, type Row, type RowsResult } from "
 export interface Control extends Element {
     value: string;
 }
+/**
+ * A radio button, whose state is `checked` as well. It is checked when its
+ * own `value` is the value that landed, so a group of them naming one column
+ * shows that value, and gathers the one checked.
+ */
+export declare function isRadio(el: Element): boolean;
 /**
  * A form-associated custom element with a `value` property. HTML marks one
  * with `static formAssociated = true` on its class, and a control has a value.
  */
 export declare function isFormAssociated(el: Element): boolean;
 /**
- * A control: an `<input>`, `<select>` or `<textarea>`, a checkbox, or a
+ * A control: an `<input>`, `<select>` or `<textarea>`, a checkbox, a radio
+ * button, or a
  * form-associated custom element with a `value` property. Landing and
  * gathering draw the same line, so a value read back is the one that landed
  * there.
  */
 export declare function isControl(el: Element): el is Control;
 /**
- * What a control gathers: a checkbox `"true"` or `"false"`, so unchecked
- * still says so, and any other control its `value`.
+ * Gather a control into `values` under its column. Of the radio buttons
+ * naming one column, the one checked gives the value, and `""` stands when
+ * none is.
  */
-export declare function controlValue(el: Control): string;
+export declare function gatherInto(values: Record<string, string>, column: string, el: Control): void;
 /**
  * Root if it matches, then every descendant in root's query that does.
  * Gathering finds columns through here. It does not reach into an absent

package/dist/hub/lb-apply.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lb-apply.d.ts","sourceRoot":"","sources":["../../hub/lb-apply.ts"],"names":[],"mappings":"AA+EA,OAAO,EASL,KAAK,WAAW,EAKhB,KAAK,YAAY,EACjB,KAAK,GAAG,EACR,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAyB7B,mEAAmE;AACnE,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AA4BD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAGrD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,OAAO,CAEpD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,CAEhD;AAsFD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,CAMjE;AA0CD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI,CAGtD;AA6LD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,GAAG,EACR,IAAI,UAAQ,EACZ,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI,CAEN;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,GAAG,CAU3C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,mBAAmB,GAAG,IAAI,CAKlE;AAQD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAS3C;AAwmBD,4EAA4E;AAC5E,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CACvB,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,mBAAmB,EAC7B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,UAAU,EAClB,OAAO,GAAE,WAAgB,GACxB,IAAI,CAgIN;AAmFD,uDAAuD;AACvD,wBAAgB,UAAU,CACxB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,MAAM,GACZ,YAAY,GAAG,SAAS,CAE1B;AAgBD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAE7C;AAoGD,+BAA+B;AAC/B,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,WAAgB,GACxB,IAAI,CA2BN"}
+{"version":3,"file":"lb-apply.d.ts","sourceRoot":"","sources":["../../hub/lb-apply.ts"],"names":[],"mappings":"AA+EA,OAAO,EASL,KAAK,WAAW,EAKhB,KAAK,YAAY,EACjB,KAAK,GAAG,EACR,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AA0B7B,mEAAmE;AACnE,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AA4BD;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAE5C;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAGrD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,OAAO,CAIpD;AAUD;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,GACV,IAAI,CAMN;AA0FD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,CAMjE;AA0CD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI,CAGtD;AA6LD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,GAAG,EACR,IAAI,UAAQ,EACZ,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI,CAEN;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,GAAG,CAU3C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,mBAAmB,GAAG,IAAI,CAKlE;AAQD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAS3C;AAsnBD,4EAA4E;AAC5E,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CACvB,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,mBAAmB,EAC7B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,UAAU,EAClB,OAAO,GAAE,WAAgB,GACxB,IAAI,CAgIN;AAmFD,uDAAuD;AACvD,wBAAgB,UAAU,CACxB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,MAAM,GACZ,YAAY,GAAG,SAAS,CAE1B;AAgBD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAE7C;AAoGD,+BAA+B;AAC/B,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,WAAgB,GACxB,IAAI,CA2BN"}

package/dist/hub/lb-apply.js

@@ -49,7 +49,8 @@ const ELEMENT_NODE = 1;
 const TEXT_NODE = 3;
 /**
  * The input types whose state is not their `value`, or cannot be set. A
- * checkbox's state is `checked`, and it is a control by its own rule.
+ * checkbox's and a radio button's state is `checked`, and each is a control
+ * by its own rule.
  */
 const UNLANDED_INPUTS = ["checkbox", "radio", "file"];
 /**
@@ -73,6 +74,14 @@ function isNativeControl(el) {
 function isCheckbox(el) {
     return (el.localName === "input" && el.type === "checkbox");
 }
+/**
+ * A radio button, whose state is `checked` as well. It is checked when its
+ * own `value` is the value that landed, so a group of them naming one column
+ * shows that value, and gathers the one checked.
+ */
+export function isRadio(el) {
+    return el.localName === "input" && el.type === "radio";
+}
 /**
  * A form-associated custom element with a `value` property. HTML marks one
  * with `static formAssociated = true` on its class, and a control has a value.
@@ -82,21 +91,34 @@ export function isFormAssociated(el) {
     return ctor.formAssociated === true && "value" in el;
 }
 /**
- * A control: an `<input>`, `<select>` or `<textarea>`, a checkbox, or a
+ * A control: an `<input>`, `<select>` or `<textarea>`, a checkbox, a radio
+ * button, or a
  * form-associated custom element with a `value` property. Landing and
  * gathering draw the same line, so a value read back is the one that landed
  * there.
  */
 export function isControl(el) {
-    return isNativeControl(el) || isCheckbox(el) || isFormAssociated(el);
+    return (isNativeControl(el) || isCheckbox(el) || isRadio(el) || isFormAssociated(el));
 }
 /**
  * What a control gathers: a checkbox `"true"` or `"false"`, so unchecked
  * still says so, and any other control its `value`.
  */
-export function controlValue(el) {
+function controlValue(el) {
     return isCheckbox(el) ? String(el.checked) : el.value;
 }
+/**
+ * Gather a control into `values` under its column. Of the radio buttons
+ * naming one column, the one checked gives the value, and `""` stands when
+ * none is.
+ */
+export function gatherInto(values, column, el) {
+    if (isRadio(el) && !el.checked) {
+        values[column] ??= "";
+        return;
+    }
+    values[column] = controlValue(el);
+}
 /**
  * Set an element from a column. A control's `value` is set. A custom element
  * that is not a control keeps its content, which the builder placed there
@@ -107,8 +129,9 @@ function land(el, value) {
     // Untouched, whatever the server sent: the browser decides what a
     // non-string looks like. See Row in core/lb-types.ts.
     if (value === null || value === undefined) {
-        if (isCheckbox(el))
+        if (isCheckbox(el) || isRadio(el)) {
             el.checked = false;
+        }
         else if (isControl(el))
             el.value = "";
         else if (!el.localName.includes("-") && el.localName !== "input") {
@@ -122,6 +145,10 @@ function land(el, value) {
         // and no string is read.
         el.checked = value !== false;
     }
+    else if (isRadio(el)) {
+        el.checked =
+            el.value === String(value);
+    }
     else if (isControl(el)) {
         el.value = value;
     }
@@ -587,6 +614,7 @@ function create(list, doc, key) {
     placed(el);
     el.setAttribute(ATTR_ROW_LIVE, "");
     el.setAttribute(ATTR_KEY_VALUE, key);
+    nameRadios(el, key);
     const entry = {
         key,
         el,
@@ -597,6 +625,18 @@ function create(list, doc, key) {
     list.byKey.set(key, entry);
     return entry;
 }
+/**
+ * Give each radio button of a new live row a group of its own. The browser
+ * groups radio buttons by `name`, and a row template repeats one `name` in
+ * every live row, so the hub follows the `name` written, or the column when
+ * none is, with the row's key.
+ */
+function nameRadios(row, key) {
+    for (const el of below(row, `input[type=radio][${ATTR_COLUMN}]`)) {
+        const name = el.getAttribute("name") || el.getAttribute(ATTR_COLUMN);
+        el.setAttribute("name", `${name}-${key}`);
+    }
+}
 /** A group's identity among its siblings: its column and its value there. */
 function groupId(column, value) {
     return `${column}\u0000${JSON.stringify(value ?? null)}`;