@malloydata/render 0.0.117-dev240110181238 → 0.0.117-dev240110184814

package/dist/component/render.d.ts

@@ -1,11 +1,14 @@
-import { Result, Tag } from '@malloydata/malloy';
+import { ModelDef, QueryResult, Result, Tag } from '@malloydata/malloy';
 import { LitElement, PropertyValues } from 'lit';
 import './table';
 import './bar-chart';
 import { RenderResultMetadata } from './render-result-metadata';
 export declare class MalloyRender extends LitElement {
     static styles: import("lit").CSSResult;
-    result: Result;
+    result?: Result;
+    queryResult?: QueryResult;
+    modelDef?: ModelDef;
+    private _result;
     metadata: RenderResultMetadata;
     willUpdate(changedProperties: PropertyValues<this>): void;
     updateTheme(modelTheme?: Tag, localTheme?: Tag): void;

package/dist/component/render.js

@@ -29,6 +29,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MalloyRender = void 0;
+const malloy_1 = require("@malloydata/malloy");
 const lit_1 = require("lit");
 const decorators_js_1 = require("lit/decorators.js");
 require("./table");
@@ -51,10 +52,17 @@ function getThemeValue(prop, ...themes) {
 }
 let MalloyRender = class MalloyRender extends lit_1.LitElement {
     willUpdate(changedProperties) {
-        if (changedProperties.has('result')) {
-            this.metadata = (0, render_result_metadata_1.getResultMetadata)(this.result);
-            const modelTag = this.result.modelTag;
-            const { tag: resultTag } = this.result.tagParse();
+        if (changedProperties.has('result') ||
+            changedProperties.has('queryResult') ||
+            changedProperties.has('modelDef')) {
+            if (this.result)
+                this._result = this.result;
+            else if (this.queryResult && this.modelDef) {
+                this._result = new malloy_1.Result(this.queryResult, this.modelDef);
+            }
+            this.metadata = (0, render_result_metadata_1.getResultMetadata)(this._result);
+            const modelTag = this._result.modelTag;
+            const { tag: resultTag } = this._result.tagParse();
             const modelTheme = modelTag.tag('theme');
             const localTheme = resultTag.tag('theme');
             this.updateTheme(modelTheme, localTheme);
@@ -89,7 +97,7 @@ let MalloyRender = class MalloyRender extends lit_1.LitElement {
     render() {
         return (0, lit_1.html) `<malloy-table
       exportparts="table-container: container"
-      .data=${this.result.data}
+      .data=${this._result.data}
     ></malloy-table>`;
     }
 };
@@ -129,6 +137,15 @@ MalloyRender.styles = (0, lit_1.css) `
 __decorate([
     (0, decorators_js_1.property)({ attribute: false })
 ], MalloyRender.prototype, "result", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: false })
+], MalloyRender.prototype, "queryResult", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: false })
+], MalloyRender.prototype, "modelDef", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], MalloyRender.prototype, "_result", void 0);
 __decorate([
     (0, context_1.provide)({ context: result_context_1.resultContext })
 ], MalloyRender.prototype, "metadata", void 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/render",
-  "version": "0.0.117-dev240110181238",
+  "version": "0.0.117-dev240110184814",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@lit/context": "^1.1.0",
-    "@malloydata/malloy": "^0.0.117-dev240110181238",
+    "@malloydata/malloy": "^0.0.117-dev240110184814",
     "@types/luxon": "^2.4.0",
     "lit": "^3.0.2",
     "lodash": "^4.17.20",