@malloydata/render 0.0.24-dev230224184907 → 0.0.24-dev230228224434

package/dist/html/html_view.d.ts

@@ -1,6 +1,6 @@
-import { DataArray, Explore, Field } from "@malloydata/malloy";
-import { StyleDefaults } from "../data_styles";
-import { RendererOptions, Renderer } from "../renderer";
+import { DataArray, Explore, Field } from '@malloydata/malloy';
+import { StyleDefaults } from '../data_styles';
+import { RendererOptions, Renderer } from '../renderer';
 export declare class HTMLView {
     private document;
     constructor(document: Document);

package/dist/html/html_view.js

@@ -54,7 +54,7 @@ class HTMLView {
     }
     async render(table, options) {
         const renderer = makeRenderer(table.field, this.document, options, {
-            "size": "large"
+            size: 'large',
         });
         try {
             // TODO Implement row streaming capability for some renderers: some renderers should be usable
@@ -70,7 +70,7 @@ class HTMLView {
                 return (0, utils_1.createErrorElement)(this.document, error);
             }
             else {
-                return (0, utils_1.createErrorElement)(this.document, "Internal error - Exception not an Error object.");
+                return (0, utils_1.createErrorElement)(this.document, 'Internal error - Exception not an Error object.');
             }
         }
     }
@@ -90,25 +90,25 @@ class JSONView {
                 return (0, utils_1.createErrorElement)(this.document, error);
             }
             else {
-                return (0, utils_1.createErrorElement)(this.document, "Internal error - Exception not an Error object.");
+                return (0, utils_1.createErrorElement)(this.document, 'Internal error - Exception not an Error object.');
             }
         }
     }
 }
 exports.JSONView = JSONView;
 const suffixMap = {
-    "_shape_map": "shape_map",
-    "_point_map": "point_map",
-    "_bar_chart": "bar_chart",
-    "_image": "image",
-    "_json": "json",
-    "_segment_map": "segment_map",
-    "_dashboard": "dashboard",
-    "_line_chart": "line_chart",
-    "_scatter_chart": "scatter_chart",
-    "_url": "link",
-    "_list": "list",
-    "_list_detail": "list_detail"
+    _shape_map: 'shape_map',
+    _point_map: 'point_map',
+    _bar_chart: 'bar_chart',
+    _image: 'image',
+    _json: 'json',
+    _segment_map: 'segment_map',
+    _dashboard: 'dashboard',
+    _line_chart: 'line_chart',
+    _scatter_chart: 'scatter_chart',
+    _url: 'link',
+    _list: 'list',
+    _list_detail: 'list_detail',
 };
 function getRendererOptions(field, dataStyles) {
     var _a, _b, _c;
@@ -132,10 +132,10 @@ function getRendererOptions(field, dataStyles) {
             }
             else {
                 renderer = {
-                    "renderer": suffixMap[suffix],
-                    "data": {
-                        label
-                    }
+                    renderer: suffixMap[suffix],
+                    data: {
+                        label,
+                    },
                 };
             }
             break;
@@ -154,41 +154,41 @@ function isContainer(field) {
 function makeRenderer(field, document, options, styleDefaults) {
     const renderDef = getRendererOptions(field, options.dataStyles) || {};
     options.dataStyles[field.name] = renderDef;
-    if (renderDef.renderer === "shape_map") {
+    if (renderDef.renderer === 'shape_map') {
         return new shape_map_1.HTMLShapeMapRenderer(document, styleDefaults, options, renderDef);
     }
-    else if (renderDef.renderer === "point_map") {
+    else if (renderDef.renderer === 'point_map') {
         return new point_map_1.HTMLPointMapRenderer(document, styleDefaults, options, renderDef);
     }
-    else if (renderDef.renderer === "image") {
+    else if (renderDef.renderer === 'image') {
         return new image_1.HTMLImageRenderer(document);
     }
-    else if (renderDef.renderer === "segment_map") {
+    else if (renderDef.renderer === 'segment_map') {
         return new segment_map_1.HTMLSegmentMapRenderer(document, styleDefaults, options, renderDef);
     }
-    else if (renderDef.renderer === "dashboard") {
+    else if (renderDef.renderer === 'dashboard') {
         return makeContainerRenderer(dashboard_1.HTMLDashboardRenderer, document, isContainer(field), options);
     }
-    else if (renderDef.renderer === "json") {
+    else if (renderDef.renderer === 'json') {
         return new json_1.HTMLJSONRenderer(document);
     }
-    else if (renderDef.renderer === "line_chart") {
+    else if (renderDef.renderer === 'line_chart') {
         return new line_chart_1.HTMLLineChartRenderer(document, styleDefaults, options, renderDef);
     }
-    else if (renderDef.renderer === "scatter_chart") {
+    else if (renderDef.renderer === 'scatter_chart') {
         return new scatter_chart_1.HTMLScatterChartRenderer(document, styleDefaults, options, renderDef);
     }
-    else if (renderDef.renderer === "bar_chart") {
+    else if (renderDef.renderer === 'bar_chart') {
         return new bar_chart_1.HTMLBarChartRenderer(document, styleDefaults, options, renderDef);
     }
-    else if (renderDef.renderer === "vega") {
+    else if (renderDef.renderer === 'vega') {
         const spec = renderDef.spec;
         if (spec) {
             return new vega_spec_1.HTMLVegaSpecRenderer(document, styleDefaults, options, spec);
         }
         else if (renderDef.spec_name) {
             const vegaRenderer = options.dataStyles[renderDef.spec_name];
-            if (vegaRenderer !== undefined && vegaRenderer.renderer === "vega") {
+            if (vegaRenderer !== undefined && vegaRenderer.renderer === 'vega') {
                 if (vegaRenderer.spec) {
                     return new vega_spec_1.HTMLVegaSpecRenderer(document, styleDefaults, options, vegaRenderer.spec);
                 }
@@ -205,44 +205,44 @@ function makeRenderer(field, document, options, styleDefaults) {
         }
     }
     else {
-        if (renderDef.renderer === "time" ||
+        if (renderDef.renderer === 'time' ||
             (field.hasParentExplore() &&
                 field.isAtomicField() &&
                 (field.type === malloy_1.AtomicFieldType.Date ||
                     field.type === malloy_1.AtomicFieldType.Timestamp))) {
             return new date_1.HTMLDateRenderer(document);
         }
-        else if (renderDef.renderer === "currency") {
+        else if (renderDef.renderer === 'currency') {
             return new currency_1.HTMLCurrencyRenderer(document);
         }
-        else if (renderDef.renderer === "percent") {
+        else if (renderDef.renderer === 'percent') {
             return new percent_1.HTMLPercentRenderer(document);
         }
-        else if (renderDef.renderer === "number" ||
+        else if (renderDef.renderer === 'number' ||
             (field.hasParentExplore() &&
                 field.isAtomicField() &&
                 field.type === malloy_1.AtomicFieldType.Number)) {
             return new number_1.HTMLNumberRenderer(document);
         }
-        else if (renderDef.renderer === "bytes") {
+        else if (renderDef.renderer === 'bytes') {
             return new bytes_1.HTMLBytesRenderer(document);
         }
-        else if (renderDef.renderer === "boolean" ||
+        else if (renderDef.renderer === 'boolean' ||
             (field.hasParentExplore() &&
                 field.isAtomicField() &&
                 field.type === malloy_1.AtomicFieldType.Boolean)) {
             return new boolean_1.HTMLBooleanRenderer(document);
         }
-        else if (renderDef.renderer === "link") {
+        else if (renderDef.renderer === 'link') {
             return new link_1.HTMLLinkRenderer(document);
         }
-        else if (renderDef.renderer === "list") {
+        else if (renderDef.renderer === 'list') {
             return makeContainerRenderer(list_1.HTMLListRenderer, document, isContainer(field), options);
         }
-        else if (renderDef.renderer === "list_detail") {
+        else if (renderDef.renderer === 'list_detail') {
             return makeContainerRenderer(list_detail_1.HTMLListDetailRenderer, document, isContainer(field), options);
         }
-        else if (renderDef.renderer === "table" ||
+        else if (renderDef.renderer === 'table' ||
             !field.hasParentExplore() ||
             field.isExploreField()) {
             return makeContainerRenderer(table_1.HTMLTableRenderer, document, isContainer(field), options);

package/dist/html/image.d.ts

@@ -1,5 +1,5 @@
-import { DataColumn } from "@malloydata/malloy";
-import { Renderer } from "../renderer";
+import { DataColumn } from '@malloydata/malloy';
+import { Renderer } from '../renderer';
 export declare class HTMLImageRenderer implements Renderer {
     private readonly document;
     constructor(document: Document);

package/dist/html/image.js

@@ -30,12 +30,12 @@ class HTMLImageRenderer {
     }
     async render(data) {
         if (!data.isString()) {
-            return (0, utils_1.createErrorElement)(this.document, "Invalid field for Image renderer");
+            return (0, utils_1.createErrorElement)(this.document, 'Invalid field for Image renderer');
         }
         if (data.isNull()) {
             return (0, utils_1.createNullElement)(this.document);
         }
-        const element = this.document.createElement("img");
+        const element = this.document.createElement('img');
         element.src = data.value;
         return element;
     }

package/dist/html/index.d.ts

@@ -1 +1 @@
-export { HTMLView } from "./html_view";
+export { HTMLView } from './html_view';

package/dist/html/json.d.ts

@@ -1,5 +1,5 @@
-import { DataColumn } from "@malloydata/malloy";
-import { Renderer } from "../renderer";
+import { DataColumn } from '@malloydata/malloy';
+import { Renderer } from '../renderer';
 export declare class HTMLJSONRenderer implements Renderer {
     private readonly document;
     constructor(document: Document);

package/dist/html/json.js

@@ -30,9 +30,9 @@ class HTMLJSONRenderer {
     }
     async render(table) {
         if (!table.isArray() && !table.isRecord()) {
-            (0, utils_1.createErrorElement)(this.document, "Invalid data for chart renderer.");
+            (0, utils_1.createErrorElement)(this.document, 'Invalid data for chart renderer.');
         }
-        const element = this.document.createElement("pre");
+        const element = this.document.createElement('pre');
         element.appendChild(this.document.createTextNode(JSON.stringify(table.value, undefined, 2)));
         return element;
     }

package/dist/html/line_chart.d.ts

@@ -1,7 +1,7 @@
-import { DataColumn, Field } from "@malloydata/malloy";
-import { HTMLCartesianChartRenderer } from "./cartesian_chart";
+import { DataColumn, Field } from '@malloydata/malloy';
+import { HTMLCartesianChartRenderer } from './cartesian_chart';
 export declare class HTMLLineChartRenderer extends HTMLCartesianChartRenderer {
-    getMark(): "line";
-    getDataType(field: Field): "temporal" | "ordinal" | "quantitative" | "nominal";
+    getMark(): 'line';
+    getDataType(field: Field): 'temporal' | 'ordinal' | 'quantitative' | 'nominal';
     getDataValue(data: DataColumn): Date | string | number | null;
 }

package/dist/html/line_chart.js

@@ -26,21 +26,21 @@ exports.HTMLLineChartRenderer = void 0;
 const cartesian_chart_1 = require("./cartesian_chart");
 class HTMLLineChartRenderer extends cartesian_chart_1.HTMLCartesianChartRenderer {
     getMark() {
-        return "line";
+        return 'line';
     }
     getDataType(field) {
         if (field.isAtomicField()) {
             if (field.isDate() || field.isTimestamp()) {
-                return "temporal";
+                return 'temporal';
             }
             else if (field.isString()) {
-                return "nominal";
+                return 'nominal';
             }
             else if (field.isNumber()) {
-                return "quantitative";
+                return 'quantitative';
             }
         }
-        throw new Error("Invalid field type for line chart.");
+        throw new Error('Invalid field type for line chart.');
     }
     getDataValue(data) {
         if (data.isNull()) {
@@ -53,7 +53,7 @@ class HTMLLineChartRenderer extends cartesian_chart_1.HTMLCartesianChartRenderer
             return data.value;
         }
         else {
-            throw new Error("Invalid field type for line chart.");
+            throw new Error('Invalid field type for line chart.');
         }
     }
 }

package/dist/html/link.d.ts

@@ -1,5 +1,5 @@
-import { DataColumn } from "@malloydata/malloy";
-import { Renderer } from "../renderer";
+import { DataColumn } from '@malloydata/malloy';
+import { Renderer } from '../renderer';
 export declare class HTMLLinkRenderer implements Renderer {
     private readonly document;
     constructor(document: Document);

package/dist/html/link.js

@@ -33,12 +33,12 @@ class HTMLLinkRenderer {
             return (0, utils_1.createNullElement)(this.document);
         }
         if (!data.isString()) {
-            return (0, utils_1.createErrorElement)(this.document, "Invalid type for link renderer.");
+            return (0, utils_1.createErrorElement)(this.document, 'Invalid type for link renderer.');
         }
-        const element = document.createElement("a");
+        const element = document.createElement('a');
         element.href = data.value;
-        element.target = "_blank";
-        element.appendChild(this.document.createTextNode(data.value.replace(/\//g, "/\u200C")));
+        element.target = '_blank';
+        element.appendChild(this.document.createTextNode(data.value.replace(/\//g, '/\u200C')));
         return element;
     }
 }

package/dist/html/list.d.ts

@@ -1,6 +1,6 @@
-import { DataColumn, Explore, Field } from "@malloydata/malloy";
-import { StyleDefaults } from "../data_styles";
-import { ContainerRenderer } from "./container";
+import { DataColumn, Explore, Field } from '@malloydata/malloy';
+import { StyleDefaults } from '../data_styles';
+import { ContainerRenderer } from './container';
 export declare class HTMLListRenderer extends ContainerRenderer {
     protected childrenStyleDefaults: StyleDefaults;
     getValueField(struct: Explore): Field;

package/dist/html/list.js

@@ -29,7 +29,7 @@ class HTMLListRenderer extends container_1.ContainerRenderer {
     constructor() {
         super(...arguments);
         this.childrenStyleDefaults = {
-            "size": "small"
+            size: 'small',
         };
     }
     getValueField(struct) {
@@ -40,18 +40,18 @@ class HTMLListRenderer extends container_1.ContainerRenderer {
     }
     async render(table) {
         if (!table.isArray()) {
-            return (0, utils_1.createErrorElement)(this.document, "Invalid data for chart renderer.");
+            return (0, utils_1.createErrorElement)(this.document, 'Invalid data for chart renderer.');
         }
         if (table.rowCount === 0) {
-            return this.document.createElement("span");
+            return this.document.createElement('span');
         }
         const valueField = this.getValueField(table.field);
         const detailField = this.getDetailField(table.field);
-        const element = this.document.createElement("span");
+        const element = this.document.createElement('span');
         let isFirst = true;
         for (const row of table) {
             if (!isFirst) {
-                element.appendChild(this.document.createTextNode(", "));
+                element.appendChild(this.document.createTextNode(', '));
             }
             isFirst = false;
             const childRenderer = this.childRenderers[valueField.name];
@@ -61,9 +61,9 @@ class HTMLListRenderer extends container_1.ContainerRenderer {
                 const childRenderer = this.childRenderers[detailField.name];
                 await (0, utils_1.yieldTask)();
                 const rendered = await childRenderer.render(row.cell(detailField));
-                element.appendChild(this.document.createTextNode("("));
+                element.appendChild(this.document.createTextNode('('));
                 element.appendChild(rendered);
-                element.appendChild(this.document.createTextNode(")"));
+                element.appendChild(this.document.createTextNode(')'));
             }
         }
         return element;

package/dist/html/list_detail.d.ts

@@ -1,5 +1,5 @@
-import { Explore, Field } from "@malloydata/malloy";
-import { HTMLListRenderer } from "./list";
+import { Explore, Field } from '@malloydata/malloy';
+import { HTMLListRenderer } from './list';
 export declare class HTMLListDetailRenderer extends HTMLListRenderer {
     getDetailField(explore: Explore): Field | undefined;
 }

package/dist/html/number.d.ts

@@ -1,5 +1,5 @@
-import { DataColumn } from "@malloydata/malloy";
-import { HTMLTextRenderer } from "./text";
+import { DataColumn } from '@malloydata/malloy';
+import { HTMLTextRenderer } from './text';
 export declare class HTMLNumberRenderer extends HTMLTextRenderer {
     getNumber(data: DataColumn): number | null;
     getText(data: DataColumn): string | null;

package/dist/html/percent.d.ts

@@ -1,5 +1,5 @@
-import { DataColumn } from "@malloydata/malloy";
-import { HTMLNumberRenderer } from "./number";
+import { DataColumn } from '@malloydata/malloy';
+import { HTMLNumberRenderer } from './number';
 export declare class HTMLPercentRenderer extends HTMLNumberRenderer {
     getText(data: DataColumn): string | null;
 }

package/dist/html/percent.js

@@ -29,7 +29,7 @@ class HTMLPercentRenderer extends number_1.HTMLNumberRenderer {
         const num = this.getNumber(data);
         return num === null
             ? num
-            : (num * 100).toLocaleString("en", { "maximumFractionDigits": 2 }) + "%";
+            : (num * 100).toLocaleString('en', { maximumFractionDigits: 2 }) + '%';
     }
 }
 exports.HTMLPercentRenderer = HTMLPercentRenderer;

package/dist/html/point_map.d.ts

@@ -1,8 +1,8 @@
-import * as lite from "vega-lite";
-import { DataArray, DataColumn, Field } from "@malloydata/malloy";
-import { HTMLChartRenderer } from "./chart";
+import * as lite from 'vega-lite';
+import { DataArray, DataColumn, Field } from '@malloydata/malloy';
+import { HTMLChartRenderer } from './chart';
 export declare class HTMLPointMapRenderer extends HTMLChartRenderer {
     getDataValue(data: DataColumn): string | number;
-    getDataType(field: Field): "ordinal" | "quantitative" | "nominal";
+    getDataType(field: Field): 'ordinal' | 'quantitative' | 'nominal';
     getVegaLiteSpec(data: DataArray): lite.TopLevelSpec;
 }

package/dist/html/point_map.js

@@ -38,22 +38,22 @@ class HTMLPointMapRenderer extends chart_1.HTMLChartRenderer {
         else if (data.isTimestamp() || data.isDate()) {
             return (0, utils_1.timeToString)(data.value, data.field.timeframe || malloy_1.TimestampTimeframe.Second);
         }
-        throw new Error("Invalid field type for point map chart.");
+        throw new Error('Invalid field type for point map chart.');
     }
     getDataType(field) {
         if (field.isAtomicField()) {
             if (field.isDate() || field.isTimestamp() || field.isString()) {
-                return "nominal";
+                return 'nominal';
             }
             else if (field.isNumber()) {
-                return "quantitative";
+                return 'quantitative';
             }
         }
-        throw new Error("Invalid field type for point map.");
+        throw new Error('Invalid field type for point map.');
     }
     getVegaLiteSpec(data) {
         if (data.isNull()) {
-            throw new Error("Expected struct value not to be null.");
+            throw new Error('Expected struct value not to be null.');
         }
         const fields = data.field.intrinsicFields;
         const latField = fields[0];
@@ -66,90 +66,90 @@ class HTMLPointMapRenderer extends chart_1.HTMLChartRenderer {
         const shapeType = shapeField ? this.getDataType(shapeField) : undefined;
         const colorDef = colorField !== undefined
             ? {
-                "field": colorField.name,
-                "type": colorType,
-                "axis": { "title": (0, utils_1.formatTitle)(this.options, colorField.name) },
-                "scale": (0, utils_1.getColorScale)(colorType, false)
+                field: colorField.name,
+                type: colorType,
+                axis: { title: (0, utils_1.formatTitle)(this.options, colorField.name) },
+                scale: (0, utils_1.getColorScale)(colorType, false),
             }
             : undefined;
         const sizeDef = sizeField
             ? {
-                "field": sizeField.name,
-                "type": sizeType,
-                "axis": { "title": (0, utils_1.formatTitle)(this.options, sizeField.name) }
+                field: sizeField.name,
+                type: sizeType,
+                axis: { title: (0, utils_1.formatTitle)(this.options, sizeField.name) },
             }
-            : { "value": 5 };
+            : { value: 5 };
         const shapeDef = shapeField
             ? {
-                "field": shapeField.name,
-                "type": shapeType,
-                "axis": { "title": (0, utils_1.formatTitle)(this.options, shapeField.name) }
+                field: shapeField.name,
+                type: shapeType,
+                axis: { title: (0, utils_1.formatTitle)(this.options, shapeField.name) },
             }
-            : { "value": "circle" };
+            : { value: 'circle' };
         return {
             ...this.getSize(),
-            "data": {
-                "values": this.mapData(data)
+            data: {
+                values: this.mapData(data),
             },
-            "projection": {
-                "type": "albersUsa"
+            projection: {
+                type: 'albersUsa',
             },
-            "layer": [
+            layer: [
                 {
-                    "data": {
-                        "values": states_10m_json_1.default,
-                        "format": {
-                            "type": "topojson",
-                            "feature": "states"
-                        }
+                    data: {
+                        values: states_10m_json_1.default,
+                        format: {
+                            type: 'topojson',
+                            feature: 'states',
+                        },
+                    },
+                    mark: {
+                        type: 'geoshape',
+                        fill: '#efefef',
+                        stroke: 'white',
                     },
-                    "mark": {
-                        "type": "geoshape",
-                        "fill": "#efefef",
-                        "stroke": "white"
-                    }
                 },
                 {
-                    "mark": "point",
-                    "encoding": {
-                        "latitude": { "field": latField.name, "type": "quantitative" },
-                        "longitude": { "field": lonField.name, "type": "quantitative" },
-                        "size": sizeDef,
-                        "color": colorDef,
-                        "shape": shapeDef
-                    }
-                }
+                    mark: 'point',
+                    encoding: {
+                        latitude: { field: latField.name, type: 'quantitative' },
+                        longitude: { field: lonField.name, type: 'quantitative' },
+                        size: sizeDef,
+                        color: colorDef,
+                        shape: shapeDef,
+                    },
+                },
             ],
-            "background": "transparent",
-            "config": {
-                "axis": {
-                    "labelFont": "var(--malloy-font-family, Roboto)",
-                    "titleFont": "var(--malloy-font-family, Roboto)",
-                    "titleFontWeight": 500,
-                    "titleColor": "var(--malloy-title-color, #505050)",
-                    "labelColor": "var(--malloy-label-color, #000000)",
-                    "titleFontSize": 12
+            background: 'transparent',
+            config: {
+                axis: {
+                    labelFont: 'var(--malloy-font-family, Roboto)',
+                    titleFont: 'var(--malloy-font-family, Roboto)',
+                    titleFontWeight: 500,
+                    titleColor: 'var(--malloy-title-color, #505050)',
+                    labelColor: 'var(--malloy-label-color, #000000)',
+                    titleFontSize: 12,
                 },
-                "legend": {
-                    "labelFont": "var(--malloy-font-family, Roboto)",
-                    "titleFont": "var(--malloy-font-family, Roboto)",
-                    "titleFontWeight": 500,
-                    "titleColor": "var(--malloy-title-color, #505050)",
-                    "labelColor": "var(--malloy-label-color, #000000)",
-                    "titleFontSize": 12
+                legend: {
+                    labelFont: 'var(--malloy-font-family, Roboto)',
+                    titleFont: 'var(--malloy-font-family, Roboto)',
+                    titleFontWeight: 500,
+                    titleColor: 'var(--malloy-title-color, #505050)',
+                    labelColor: 'var(--malloy-label-color, #000000)',
+                    titleFontSize: 12,
                 },
-                "header": {
-                    "labelFont": "var(--malloy-font-family, Roboto)",
-                    "titleFont": "var(--malloy-font-family, Roboto)",
-                    "titleFontWeight": 500
+                header: {
+                    labelFont: 'var(--malloy-font-family, Roboto)',
+                    titleFont: 'var(--malloy-font-family, Roboto)',
+                    titleFontWeight: 500,
                 },
-                "mark": { "font": "var(--malloy-Roboto" },
-                "title": {
-                    "font": "var(--malloy-font-family, Roboto)",
-                    "subtitleFont": "var(--malloy-font-family, Roboto)",
-                    "fontWeight": 500
-                }
-            }
+                mark: { font: 'var(--malloy-Roboto' },
+                title: {
+                    font: 'var(--malloy-font-family, Roboto)',
+                    subtitleFont: 'var(--malloy-font-family, Roboto)',
+                    fontWeight: 500,
+                },
+            },
         };
     }
 }

package/dist/html/scatter_chart.d.ts

@@ -1,7 +1,7 @@
-import { DataColumn, Field } from "@malloydata/malloy";
-import { HTMLCartesianChartRenderer } from "./cartesian_chart";
+import { DataColumn, Field } from '@malloydata/malloy';
+import { HTMLCartesianChartRenderer } from './cartesian_chart';
 export declare class HTMLScatterChartRenderer extends HTMLCartesianChartRenderer {
-    getMark(): "point";
-    getDataType(field: Field): "temporal" | "ordinal" | "quantitative" | "nominal";
+    getMark(): 'point';
+    getDataType(field: Field): 'temporal' | 'ordinal' | 'quantitative' | 'nominal';
     getDataValue(data: DataColumn): Date | string | number | null;
 }