@rozie-ui/data-table-lit 0.2.4 → 0.2.6

package/README.md

@@ -10,6 +10,8 @@ npm i @rozie-ui/data-table-lit
 
 Peer dependencies: `lit + @lit/context + @lit-labs/preact-signals + @preact/signals-core + @tanstack/table-core + @tanstack/virtual-core + @rozie-ui/popover-lit`. Install them alongside this package.
 
+Also installed: `@rozie/runtime-lit` — Rozie's small, tree-shaken runtime helper package (controllable state, keyboard navigation, event modifiers, and safe interpolation). It arrives as a regular dependency, so npm pulls it for you. Your bundler keeps only the helpers this component actually uses — typically a few hundred bytes to a few KB, minified and gzipped. [What's in it and what it costs](https://github.com/One-Learning-Community/rozie.js/blob/main/docs/guide/output-and-runtime.md).
+
 ## Usage
 
 Columns may be declared as a `:columns` config array **or** as `<Column>` children (or both — an id-keyed last-write-wins union). Per-cell rendering is one parent `#cell` / `#colHeader` renderer on `<DataTable>`, dispatched by `columnId`, so it works the same with either column form.

package/dist/index.cjs

@@ -4671,6 +4671,7 @@ __decorate([(0, lit_decorators_js.queryAssignedElements)({
 	flatten: true
 })], DataTable.prototype, "_slotDetailElements", void 0);
 __decorate([(0, lit_decorators_js.property)({ attribute: false })], DataTable.prototype, "detail", void 0);
+__decorate([(0, lit_decorators_js.property)({ attribute: false })], DataTable.prototype, "rozieSlots", void 0);
 DataTable = __decorate([(0, lit_decorators_js.customElement)("rozie-data-table")], DataTable);
 var DataTable_default = DataTable;
 //#endregion

package/dist/index.d.cts

@@ -8,7 +8,7 @@ declare class DataTable extends DataTable_base {
   /**
    * The row data — `model: true`, so a committed cell/row edit writes a **fresh** array back through `r-model:data` (uncontrolled fallback `dataDefault`). A stable reference per Rozie's setup-once model — fed directly into table-core (never map/cloned in the watcher).
    * @example
-   * <DataTable r-model:data="rows" :columns="cols" />
+   * <rozie-data-table .data=${rows} @data-change=${…} .columns=${cols}></rozie-data-table>
    */
   _data_attr: any[];
   private _dataControllable;
@@ -235,6 +235,7 @@ declare class DataTable extends DataTable_base {
   detail?: (scope: {
     row: any;
   }) => unknown;
+  rozieSlots?: Record<string, (scope: any) => unknown>;
   private _disconnectCleanups;
   private _rozieTornDown;
   private _armListeners;
@@ -673,7 +674,7 @@ declare class Column extends Column_base {
   /**
    * The row field this column reads (table-core `accessorKey`). The plain accessor value renders when the `#cell` slot falls through.
    * @example
-   * <Column field="email" header="Email" />
+   * <rozie-column field="email" header="Email"></rozie-column>
    */
   field: string;
   /**

package/dist/index.d.mts

@@ -8,7 +8,7 @@ declare class DataTable extends DataTable_base {
   /**
    * The row data — `model: true`, so a committed cell/row edit writes a **fresh** array back through `r-model:data` (uncontrolled fallback `dataDefault`). A stable reference per Rozie's setup-once model — fed directly into table-core (never map/cloned in the watcher).
    * @example
-   * <DataTable r-model:data="rows" :columns="cols" />
+   * <rozie-data-table .data=${rows} @data-change=${…} .columns=${cols}></rozie-data-table>
    */
   _data_attr: any[];
   private _dataControllable;
@@ -235,6 +235,7 @@ declare class DataTable extends DataTable_base {
   detail?: (scope: {
     row: any;
   }) => unknown;
+  rozieSlots?: Record<string, (scope: any) => unknown>;
   private _disconnectCleanups;
   private _rozieTornDown;
   private _armListeners;
@@ -673,7 +674,7 @@ declare class Column extends Column_base {
   /**
    * The row field this column reads (table-core `accessorKey`). The plain accessor value renders when the `#cell` slot falls through.
    * @example
-   * <Column field="email" header="Email" />
+   * <rozie-column field="email" header="Email"></rozie-column>
    */
   field: string;
   /**

package/dist/index.mjs

@@ -4667,6 +4667,7 @@ __decorate([queryAssignedElements({
 	flatten: true
 })], DataTable.prototype, "_slotDetailElements", void 0);
 __decorate([property({ attribute: false })], DataTable.prototype, "detail", void 0);
+__decorate([property({ attribute: false })], DataTable.prototype, "rozieSlots", void 0);
 DataTable = __decorate([customElement("rozie-data-table")], DataTable);
 var DataTable_default = DataTable;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rozie-ui/data-table-lit",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "private": false,
   "license": "MIT",
@@ -45,7 +45,7 @@
     "src"
   ],
   "dependencies": {
-    "@rozie/runtime-lit": "0.5.0"
+    "@rozie/runtime-lit": "0.7.0"
   },
   "peerDependencies": {
     "lit": "^3.2",

package/src/Column.ts

@@ -18,7 +18,7 @@ export default class Column extends SignalWatcher(LitElement) {
   /**
    * The row field this column reads (table-core `accessorKey`). The plain accessor value renders when the `#cell` slot falls through.
    * @example
-   * <Column field="email" header="Email" />
+   * <rozie-column field="email" header="Email"></rozie-column>
    */
   @property({ type: String, reflect: true }) field: string = '';
   /**
@@ -81,9 +81,6 @@ private get registry() { return this.__rozieCtxConsumer_data_table_columns.value
   firstUpdated(): void {
     this.reg = this.registry;
 
-    // idempotency flag so a reactive late-context registration (Lit async first paint,
-    // REQ-30) and the $onMount registration never double-register the column.
-
     this._disconnectCleanups.push((() => {
       if (this.reg) this.reg.unregisterColumn(this.colId());
     }));
@@ -128,10 +125,22 @@ private get registry() { return this.__rozieCtxConsumer_data_table_columns.value
 `;
   }
 
+  // $inject is typed `unknown` (Phase 36 D-4: no rich type synthesis yet), which the
+  // STRICT BUNDLED-LEAF tsc rejects on `.registerColumn(...)` (TS2339). The .rozie-native
+  // fix is the null-let → `any` typeNeutralize idiom: alias the injected API through a
+  // MODULE-SCOPE `let reg = null` (typeNeutralize types it `any`). Module-scope (not
+  // hook-local) so the alias is in scope from the Solid teardown — which the Solid
+  // emitter hoists into a sibling onCleanup() OUTSIDE the mount closure. ZERO emitter
+  // change.
   reg: any = null;
 
+  // idempotency flag so a reactive late-context registration (Lit async first paint,
+  // REQ-30) and the $onMount registration never double-register the column.
   registered = false;
 
+  // the column SPEC builder — shared by the $onMount register and the late-context
+  // $onUpdate below. Carries METADATA ONLY (no cell/header render callbacks — D-A moved
+  // per-cell rendering to the parent's #cell/#header scoped slot, dispatched by columnId).
   colId = () => this.id !== '' ? this.id : this.field;
 
   buildSpec = () => ({