@fusion.dev/helix-headless 0.54.0 → 0.55.0

package/dist/table/column/table-column.d.ts

@@ -23,7 +23,7 @@ export declare const at: (row: Readonly<Record<string, unknown>>, path: string)
 /**
  * The edge a column names, where it names one of the three.
  *
- * **`align` is a string anybody can write**, the union on the property being a
+ * **`text-align` is a string anybody can write**, the union on the property being a
  * compile-time claim and nothing else, and both tables put the value straight
  * into CSS: `Table` into a rule in each row's shadow root, `DataTable` into the
  * cell it draws. One guard, here with the property, rather than one in each
@@ -46,7 +46,7 @@ export declare const edgeOf: (align: string | undefined) => string | undefined;
  *
  * **It is also where every per-column fact goes**, which is the reason
  * `DataTable` needs no column config object. `field` names the key the cell
- * reads, `sortable` says a reader may reorder by it, `align` says which edge
+ * reads, `sortable` says a reader may reorder by it, `text-align` says which edge
  * the values line up against, and `cell` takes a function for anything the
  * field alone cannot express. The schema is markup and the data is a property:
  * a schema is small, declarative, and something a reader should be able to see
@@ -96,28 +96,6 @@ export declare const edgeOf: (align: string | undefined) => string | undefined;
  * @cssstate sorted-descending - While the table is sorted by this column, largest first.
  */
 export declare class HelixHeadlessTableColumn extends HelixElement {
-    /**
-     * Which edge the values line up against.
-     *
-     * `end` is what a column of numbers wants, so digits of the same magnitude
-     * sit above each other. Left unset the cell inherits the table's own
-     * alignment, which is `start` for text in either writing direction.
-     * `DataTable` aligns the cells it draws. A `Table`'s cells are markup the
-     * consumer wrote, so the table writes nothing onto them: it publishes the
-     * edge to each cell under this column as `--table-cell-align`, which
-     * `@fusion.dev/helix` reads. The heading is this element's own, and
-     * `@fusion.dev/helix` sets it to the same edge in either table. `end` is the
-     * inline end, so in a right-to-left table it is the left.
-     *
-     * **Reflected, because the heading is drawn by a stylesheet and has no other
-     * way to learn it.** Set as a property, which is how React sets it, an
-     * unreflected `align` left no attribute to select on, so the heading stayed at
-     * the start over a column of digits set to the end. It is the author's
-     * declaration and nothing moves it afterwards, so an attribute cannot come to
-     * disagree with the element, which is the reason `open` records a custom
-     * state instead. No default, so an unset column writes nothing onto its host.
-     */
-    align?: 'center' | 'end' | 'start';
     /**
      * How to read the cell, where the field alone will not do.
      *
@@ -177,6 +155,36 @@ export declare class HelixHeadlessTableColumn extends HelixElement {
      * onto its host.
      */
     sortable: boolean;
+    /**
+     * Which edge the values line up against.
+     *
+     * **Text alignment, and the name says so.** `Flex` and `Grid` ask the CSS
+     * box-alignment question, where a thing sits in a container, and they are
+     * named for the properties they mirror; this is `text-align` down a column of
+     * values, and `Dialog` answers the same question under the same name. One
+     * word for both questions is how a consumer who learned it on a layout writes
+     * it here and gets no error, a value a component does not have leaving the
+     * default in place and looking deliberate.
+     *
+     * `end` is what a column of numbers wants, so digits of the same magnitude
+     * sit above each other. Left unset the cell inherits the table's own
+     * alignment, which is `start` for text in either writing direction.
+     * `DataTable` aligns the cells it draws. A `Table`'s cells are markup the
+     * consumer wrote, so the table writes nothing onto them: it publishes the
+     * edge to each cell under this column as `--table-cell-align`, which
+     * `@fusion.dev/helix` reads. The heading is this element's own, and
+     * `@fusion.dev/helix` sets it to the same edge in either table. `end` is the
+     * inline end, so in a right-to-left table it is the left.
+     *
+     * **Reflected, because the heading is drawn by a stylesheet and has no other
+     * way to learn it.** Set as a property, which is how React sets it, an
+     * unreflected edge left no attribute to select on, so the heading stayed at
+     * the start over a column of digits set to the end. It is the author's
+     * declaration and nothing moves it afterwards, so an attribute cannot come to
+     * disagree with the element, which is the reason `open` records a custom
+     * state instead. No default, so an unset column writes nothing onto its host.
+     */
+    textAlign?: 'center' | 'end' | 'start';
     /**
      * The track this column takes, as CSS.
      *

package/dist/table/column/table-column.js

@@ -137,7 +137,7 @@ let HelixHeadlessTableColumn = class HelixHeadlessTableColumn extends HelixEleme
     }
     updated(changed) {
         super.updated(changed);
-        if (changed.has('align') || changed.has('width')) {
+        if (changed.has('textAlign') || changed.has('width')) {
             this.tellHolder();
         }
     }
@@ -192,9 +192,6 @@ let HelixHeadlessTableColumn = class HelixHeadlessTableColumn extends HelixEleme
             : nothing}</span>`;
     }
 };
-__decorate([
-    property({ reflect: true })
-], HelixHeadlessTableColumn.prototype, "align", void 0);
 __decorate([
     property({ attribute: false })
 ], HelixHeadlessTableColumn.prototype, "cell", void 0);
@@ -210,6 +207,9 @@ __decorate([
 __decorate([
     property({ reflect: true, type: Boolean })
 ], HelixHeadlessTableColumn.prototype, "sortable", void 0);
+__decorate([
+    property({ attribute: 'text-align', reflect: true })
+], HelixHeadlessTableColumn.prototype, "textAlign", void 0);
 __decorate([
     property()
 ], HelixHeadlessTableColumn.prototype, "width", void 0);

package/dist/table/root/table-root.d.ts

@@ -124,7 +124,7 @@ export declare class HelixHeadlessTable extends HelixHeadlessTable_base {
     protected get slotted(): Element[];
     private assign;
     /**
-     * The rules handing each column's `align` to the cells under it. One sheet for
+     * The rules handing each column's `text-align` to the cells under it. One sheet for
      * every row this table holds, rewritten in place, so a column changing its
      * edge reaches every row in one write.
      */

package/dist/table/root/table-root.js

@@ -120,7 +120,7 @@ let HelixHeadlessTable = class HelixHeadlessTable extends MixinCollection(HelixE
             return;
         }
         const rules = this.tableColumns.flatMap((column, index) => {
-            const edge = edgeOf(column.align);
+            const edge = edgeOf(column.textAlign);
             return edge ? [`::slotted(:nth-child(${index + 1})) { --table-cell-align: ${edge}; }`] : [];
         });
         const text = ['::slotted(*) { --table-cell-align: initial; }', ...rules].join('\n');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.54.0",
+  "version": "0.55.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.54.0",
-    "@fusion.dev/helix-icons": "0.54.0",
+    "@fusion.dev/helix-core": "0.55.0",
+    "@fusion.dev/helix-icons": "0.55.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.54.0",
-    "@fusion.dev/helix-testing": "0.54.0",
+    "@fusion.dev/helix-cem": "0.55.0",
+    "@fusion.dev/helix-testing": "0.55.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",