@updog/data-editor-wc 0.1.64 → 0.1.65

package/README.md

@@ -120,6 +120,20 @@ Use for primitive values. The element observes these and re-renders on change.
 
 Everything else — objects, functions, arrays — must be set as a JS property or via `configure()`.
 
+**Never put a callback in a template.** Set `onComplete`, `onError`, `onColumnMatch` and `onValueMatch`
+through `configure()` or a property assignment. Written as a template binding they silently do nothing in
+Vue and Svelte, and break the build in Angular.
+
+```html
+<!-- wrong -->
+<updog-editor :onComplete="save" />
+```
+
+```js
+// right
+editor.configure({ onComplete: save });
+```
+
 ```js
 const editor = document.querySelector("updog-editor");
 editor.columns = [...];
@@ -484,9 +498,13 @@ See the [Styling reference](https://docs.updog.tech/styling/) for the full varia
 Internal elements use BEM-style class names prefixed with `updog__`. Target them for deep customization:
 
 ```css
-updog-editor .updog__button--primary { background: purple; }
+updog-editor .updog-button--primary { background: purple; }
 ```
 
+There are two prefixes, and they are not interchangeable. Editor-level structure uses `updog__`
+(`updog__data-editor`, `updog__layout`); the controls inside it come from the UI kit and use
+`updog-` (`updog-button`, `updog-button--primary`, `updog-text--md`).
+
 ### Global CSS interaction
 
 Because there is no Shadow DOM, your page's global CSS applies inside the editor. If you have aggressive resets (e.g., `button { all: unset }`), scope them away from `updog-editor` descendants:
@@ -497,7 +515,7 @@ body *:not(updog-editor *) { /* your global rules */ }
 
 ## Notes
 
-- Fonts are inherited from your page. The editor uses `var(--updog-font-family)` which defaults to system fonts.
+- Fonts are inherited from your page. If your app sets no `font-family`, the editor renders in the browser default, which is usually a serif. Set one on your app or on `updog-editor`. (`--updog-font-family` exists and defaults to system fonts, but only the grid's cell-editor input reads it.)
 - In modal mode, the editor portals to `document.body` as a full-screen overlay. In inline mode, it renders in place with no overlay.
 - Multiple `<updog-editor>` instances on the same page are fully independent.
 

package/index.d.ts

@@ -1419,6 +1419,11 @@ type DataEditorLocalStorage = false | {
      */
     licenseGrant?: boolean;
 };
+/**
+ * Rendering mode. `"modal"` wraps the editor in a full-screen dialog
+ * overlay. `"inline"` renders it directly in the DOM.
+ */
+type DataEditorMode = "modal" | "inline";
 /** Shared props present in both modal and inline modes. */
 type DataEditorCommonProps<TRow extends DataEditorRow = DataEditorRow> = DataEditorBaseProps<TRow> & {
     /** Your Updog license key. Validated on each open. */
@@ -1576,4 +1581,4 @@ declare global {
     }
 }
 
-export type { UpdogEditorElement, UpdogEditorProps };
+export type { CellValidator, ChatContext, ChatErrorSummary, ChatResponseChunk, ChatRow, ChatRowStatus, ChunkSourceOptions, DataEditorChat, DataEditorColumn, DataEditorFormat, DataEditorLocalStorage, DataEditorMode, DataEditorProps, DataEditorResult, DataEditorRow, DataEditorSourceResult, DataEditorTranslations, DataEditorVariant, InitialRowChange, RemoteSource, ResultRow, UpdogEditorElement, UpdogEditorProps, UpdogError, UpdogErrorCode, ValidationError, ValueMatchInput, ValueMatchOutput };

package/index.js

@@ -50901,7 +50901,7 @@ var KI = {
 		prop: "mode",
 		type: "string"
 	}
-}, qI = class extends HTMLElement {
+}, qI = new Set(Object.values(KI).filter((e) => e.type === "boolean").map((e) => e.prop)), JI = (e, t) => qI.has(e) && t === "" ? !0 : t, YI = class extends HTMLElement {
 	_root = null;
 	_props = {};
 	_renderScheduled = !1;
@@ -50938,24 +50938,24 @@ var KI = {
 		}));
 	}
 };
-for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(qI.prototype, e, {
+for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(YI.prototype, e, {
 	get() {
 		return this._props[e];
 	},
 	set(t) {
-		this._props[e] = t, this._scheduleRender();
+		this._props[e] = JI(e, t), this._scheduleRender();
 	},
 	enumerable: !0,
 	configurable: !0
 });
-Object.defineProperty(qI.prototype, "open", {
+Object.defineProperty(YI.prototype, "open", {
 	get() {
 		return this.hasAttribute("open");
 	},
 	set(e) {
-		e ? this.setAttribute("open", "") : this.removeAttribute("open");
+		JI("open", e) ? this.setAttribute("open", "") : this.removeAttribute("open");
 	},
 	enumerable: !0,
 	configurable: !0
-}), customElements.define("updog-editor", qI);
+}), customElements.define("updog-editor", YI);
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updog/data-editor-wc",
-  "version": "0.1.64",
+  "version": "0.1.65",
   "description": "Client-side CSV importer and spreadsheet editor as a Web Component. Drop into Vue, Angular, Svelte, or vanilla JS. Import CSV, Excel, JSON; edit 1M+ rows entirely in the browser.",
   "author": "Mikhail Kutateladze <admin@updog.tech>",
   "homepage": "https://updog.tech",