@malloydata/render 0.0.24-dev230224184907 → 0.0.24-dev230228224434

package/dist/html/state_codes.js

@@ -25,113 +25,113 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.STATE_CODES = void 0;
 // force a branch
 exports.STATE_CODES = {
-    "AL": "01",
-    "Alabama": "01",
-    "AK": "02",
-    "Alaska": "02",
-    "AZ": "04",
-    "Arizona": "04",
-    "AR": "05",
-    "Arkansas": "05",
-    "CA": "06",
-    "California": "06",
-    "CO": "08",
-    "Colorado": "08",
-    "CT": "09",
-    "Connecticut": "09",
-    "DE": "10",
-    "Delaware": "10",
-    "DC": "11",
-    "District of Columbia": "11",
-    "FL": "12",
-    "Florida": "12",
-    "GA": "13",
-    "Georgia": "13",
-    "HI": "15",
-    "Hawaii": "12",
-    "ID": "16",
-    "Idaho": "16",
-    "IL": "17",
-    "Illinois": "17",
-    "IN": "18",
-    "Indiana": "18",
-    "IA": "19",
-    "Iowa": "19",
-    "KS": "20",
-    "Kansas": "20",
-    "KY": "21",
-    "Kentucky": "21",
-    "LA": "22",
-    "Louisiana": "22",
-    "ME": "23",
-    "Maine": "23",
-    "MD": "24",
-    "Maryland": "24",
-    "MA": "25",
-    "Massachusetts": "25",
-    "MI": "26",
-    "Michigan": "26",
-    "MN": "27",
-    "Minnesota": "27",
-    "MS": "28",
-    "Mississippi": "28",
-    "MO": "29",
-    "Missouri": "29",
-    "MT": "30",
-    "Montana": "30",
-    "NE": "31",
-    "Nebraska": "31",
-    "NV": "32",
-    "Nevada": "32",
-    "NH": "33",
-    "New Hampshire": "33",
-    "NJ": "34",
-    "New Jersey": "34",
-    "NM": "35",
-    "New Mexico": "35",
-    "NY": "36",
-    "New York": "36",
-    "NC": "37",
-    "North Carolina": "37",
-    "ND": "38",
-    "North Dakota": "38",
-    "OH": "39",
-    "Ohio": "39",
-    "OK": "40",
-    "Oklahoma": "40",
-    "OR": "41",
-    "Oregon": "41",
-    "PA": "42",
-    "Pennsylvania": "42",
-    "RI": "44",
-    "Rhode Island": "44",
-    "SC": "45",
-    "South Carolina": "45",
-    "SD": "46",
-    "South Dakota": "46",
-    "TN": "47",
-    "Tennessee": "47",
-    "TX": "48",
-    "Texas": "48",
-    "UT": "49",
-    "Utah": "49",
-    "VT": "50",
-    "Vermont": "50",
-    "VA": "51",
-    "Virginia": "51",
-    "WA": "53",
-    "Washington": "53",
-    "WV": "54",
-    "West Virginia": "54",
-    "WI": "55",
-    "Wisconsin": "55",
-    "WY": "56",
-    "Wyoming": "56",
-    "PR": "72",
-    "Puerto Rico": "72",
-    "VI": "78",
-    "AS": "60",
-    "MP": "69",
-    "GU": "66"
+    AL: '01',
+    Alabama: '01',
+    AK: '02',
+    Alaska: '02',
+    AZ: '04',
+    Arizona: '04',
+    AR: '05',
+    Arkansas: '05',
+    CA: '06',
+    California: '06',
+    CO: '08',
+    Colorado: '08',
+    CT: '09',
+    Connecticut: '09',
+    DE: '10',
+    Delaware: '10',
+    DC: '11',
+    'District of Columbia': '11',
+    FL: '12',
+    Florida: '12',
+    GA: '13',
+    Georgia: '13',
+    HI: '15',
+    Hawaii: '12',
+    ID: '16',
+    Idaho: '16',
+    IL: '17',
+    Illinois: '17',
+    IN: '18',
+    Indiana: '18',
+    IA: '19',
+    Iowa: '19',
+    KS: '20',
+    Kansas: '20',
+    KY: '21',
+    Kentucky: '21',
+    LA: '22',
+    Louisiana: '22',
+    ME: '23',
+    Maine: '23',
+    MD: '24',
+    Maryland: '24',
+    MA: '25',
+    Massachusetts: '25',
+    MI: '26',
+    Michigan: '26',
+    MN: '27',
+    Minnesota: '27',
+    MS: '28',
+    Mississippi: '28',
+    MO: '29',
+    Missouri: '29',
+    MT: '30',
+    Montana: '30',
+    NE: '31',
+    Nebraska: '31',
+    NV: '32',
+    Nevada: '32',
+    NH: '33',
+    'New Hampshire': '33',
+    NJ: '34',
+    'New Jersey': '34',
+    NM: '35',
+    'New Mexico': '35',
+    NY: '36',
+    'New York': '36',
+    NC: '37',
+    'North Carolina': '37',
+    ND: '38',
+    'North Dakota': '38',
+    OH: '39',
+    Ohio: '39',
+    OK: '40',
+    Oklahoma: '40',
+    OR: '41',
+    Oregon: '41',
+    PA: '42',
+    Pennsylvania: '42',
+    RI: '44',
+    'Rhode Island': '44',
+    SC: '45',
+    'South Carolina': '45',
+    SD: '46',
+    'South Dakota': '46',
+    TN: '47',
+    Tennessee: '47',
+    TX: '48',
+    Texas: '48',
+    UT: '49',
+    Utah: '49',
+    VT: '50',
+    Vermont: '50',
+    VA: '51',
+    Virginia: '51',
+    WA: '53',
+    Washington: '53',
+    WV: '54',
+    'West Virginia': '54',
+    WI: '55',
+    Wisconsin: '55',
+    WY: '56',
+    Wyoming: '56',
+    PR: '72',
+    'Puerto Rico': '72',
+    VI: '78',
+    AS: '60',
+    MP: '69',
+    GU: '66',
 };
 //# sourceMappingURL=state_codes.js.map

package/dist/html/table.d.ts

@@ -1,6 +1,6 @@
-import { DataColumn } from "@malloydata/malloy";
-import { StyleDefaults } from "../data_styles";
-import { ContainerRenderer } from "./container";
+import { DataColumn } from '@malloydata/malloy';
+import { StyleDefaults } from '../data_styles';
+import { ContainerRenderer } from './container';
 export declare class HTMLTableRenderer extends ContainerRenderer {
     protected childrenStyleDefaults: StyleDefaults;
     render(table: DataColumn): Promise<HTMLElement>;

package/dist/html/table.js

@@ -31,30 +31,30 @@ class HTMLTableRenderer extends container_1.ContainerRenderer {
     constructor() {
         super(...arguments);
         this.childrenStyleDefaults = {
-            "size": "medium"
+            size: 'medium',
         };
     }
     async render(table) {
         if (!table.isArray() && !table.isRecord()) {
-            throw new Error("Invalid type for Table Renderer");
+            throw new Error('Invalid type for Table Renderer');
         }
-        const header = this.document.createElement("tr");
-        table.field.intrinsicFields.forEach((field) => {
+        const header = this.document.createElement('tr');
+        table.field.intrinsicFields.forEach(field => {
             const name = (0, utils_1.formatTitle)(this.options, field.name, this.options.dataStyles[field.name]);
             const childRenderer = this.childRenderers[name];
             const isNumeric = childRenderer instanceof number_1.HTMLNumberRenderer;
-            const headerCell = this.document.createElement("th");
+            const headerCell = this.document.createElement('th');
             headerCell.style.cssText = `
         padding: 8px;
         color: var(--malloy-title-color, #505050);
         border-bottom: 1px solid var(--malloy-border-color, #eaeaea);
-        text-align: ${isNumeric ? "right" : "left"};
+        text-align: ${isNumeric ? 'right' : 'left'};
       `;
-            headerCell.innerHTML = name.replace(/_/g, "_​");
+            headerCell.innerHTML = name.replace(/_/g, '_​');
             header.appendChild(headerCell);
         });
         if (this.options.isDrillingEnabled) {
-            const drillHeader = this.document.createElement("th");
+            const drillHeader = this.document.createElement('th');
             drillHeader.style.cssText = `
         padding: 8px;
         color: var(--malloy-title-color, #505050);
@@ -63,26 +63,26 @@ class HTMLTableRenderer extends container_1.ContainerRenderer {
       `;
             header.appendChild(drillHeader);
         }
-        const tableBody = this.document.createElement("tbody");
+        const tableBody = this.document.createElement('tbody');
         for (const row of table) {
-            const rowElement = this.document.createElement("tr");
+            const rowElement = this.document.createElement('tr');
             for (const field of table.field.intrinsicFields) {
                 const childRenderer = this.childRenderers[field.name];
                 const isNumeric = childRenderer instanceof number_1.HTMLNumberRenderer;
                 await (0, utils_1.yieldTask)();
                 const rendered = await childRenderer.render(row.cell(field));
-                const cellElement = this.document.createElement("td");
+                const cellElement = this.document.createElement('td');
                 cellElement.style.cssText = `
-          padding: ${childRenderer instanceof HTMLTableRenderer ? "0" : "8px"};
+          padding: ${childRenderer instanceof HTMLTableRenderer ? '0' : '8px'};
           vertical-align: top;
           border-bottom: 1px solid var(--malloy-border-color, #eaeaea);
-          ${isNumeric ? "text-align: right;" : ""}
+          ${isNumeric ? 'text-align: right;' : ''}
         `;
                 cellElement.appendChild(rendered);
                 rowElement.appendChild(cellElement);
             }
             if (this.options.isDrillingEnabled) {
-                const drillCell = this.document.createElement("td");
+                const drillCell = this.document.createElement('td');
                 const drillIcon = (0, utils_1.createDrillIcon)(this.document);
                 drillCell.appendChild(drillIcon);
                 drillCell.style.cssText = `
@@ -102,7 +102,7 @@ class HTMLTableRenderer extends container_1.ContainerRenderer {
             }
             tableBody.appendChild(rowElement);
         }
-        const tableElement = this.document.createElement("table");
+        const tableElement = this.document.createElement('table');
         tableElement.style.cssText = `
       border: 1px solid var(--malloy-border-color, #eaeaea);
       vertical-align: top;
@@ -110,7 +110,7 @@ class HTMLTableRenderer extends container_1.ContainerRenderer {
       border-collapse: collapse;
       width: 100%;
     `;
-        const tableHead = this.document.createElement("thead");
+        const tableHead = this.document.createElement('thead');
         tableHead.appendChild(header);
         tableElement.appendChild(tableHead);
         tableElement.appendChild(tableBody);

package/dist/html/text.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 HTMLTextRenderer implements Renderer {
     private readonly document;
     constructor(document: Document);

package/dist/html/text.js

@@ -36,7 +36,7 @@ class HTMLTextRenderer {
         if (text === null) {
             return (0, utils_1.createNullElement)(this.document);
         }
-        const element = this.document.createElement("span");
+        const element = this.document.createElement('span');
         element.appendChild(this.document.createTextNode(text));
         return element;
     }

package/dist/html/unsupported.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 HTMLUnsupportedRenderer implements Renderer {
     private readonly document;
     constructor(document: Document);

package/dist/html/unsupported.js

@@ -30,7 +30,7 @@ class HTMLUnsupportedRenderer {
     }
     getText(data) {
         const value = data.value;
-        if (typeof value === "string") {
+        if (typeof value === 'string') {
             return value;
         }
         else if (value === null) {
@@ -38,8 +38,8 @@ class HTMLUnsupportedRenderer {
         }
         else {
             const record = data.value;
-            if ("value" in record && typeof record["value"] === "string") {
-                return record["value"];
+            if ('value' in record && typeof record['value'] === 'string') {
+                return record['value'];
             }
         }
         return JSON.stringify(data.value);
@@ -49,7 +49,7 @@ class HTMLUnsupportedRenderer {
         if (text === null) {
             return (0, utils_1.createNullElement)(this.document);
         }
-        const element = this.document.createElement("span");
+        const element = this.document.createElement('span');
         element.appendChild(this.document.createTextNode(text));
         return element;
     }

package/dist/html/utils.d.ts

@@ -1,7 +1,7 @@
-import { DateTimeframe, TimestampTimeframe } from "@malloydata/malloy";
-import { RenderDef } from "../data_styles";
-import type { RendererOptions } from "../renderer";
-export declare function getColorScale(type: "temporal" | "ordinal" | "quantitative" | "nominal" | undefined, isRectMark: boolean, hasOverlappingText?: boolean): {
+import { DateTimeframe, TimestampTimeframe } from '@malloydata/malloy';
+import { RenderDef } from '../data_styles';
+import type { RendererOptions } from '../renderer';
+export declare function getColorScale(type: 'temporal' | 'ordinal' | 'quantitative' | 'nominal' | undefined, isRectMark: boolean, hasOverlappingText?: boolean): {
     range: string[];
 } | undefined;
 export declare function timeToString(time: Date, timeframe: DateTimeframe | TimestampTimeframe): string;

package/dist/html/utils.js

@@ -33,46 +33,46 @@ function getColorScale(type, isRectMark, hasOverlappingText = false) {
         return undefined;
     }
     switch (type) {
-        case "ordinal":
-            return { "range": ["#C2D5EE", "#1A73E8"] };
-        case "temporal":
-        case "quantitative":
+        case 'ordinal':
+            return { range: ['#C2D5EE', '#1A73E8'] };
+        case 'temporal':
+        case 'quantitative':
             return isRectMark
                 ? hasOverlappingText
-                    ? { "range": ["#6BA4EE", "#EEA361"] }
-                    : { "range": ["#1A73E8", "#E8710A"] }
-                : { "range": ["#C2D5EE", "#1A73E8"] };
-        case "nominal":
+                    ? { range: ['#6BA4EE', '#EEA361'] }
+                    : { range: ['#1A73E8', '#E8710A'] }
+                : { range: ['#C2D5EE', '#1A73E8'] };
+        case 'nominal':
             return hasOverlappingText
                 ? {
-                    "range": [
-                        "#6BA4EE",
-                        "#66CEDC",
-                        "#EC72B8",
-                        "#EEA361",
-                        "#F9C85B",
-                        "#AACD85",
-                        "#B87CED",
-                        "#ACB0B3"
-                    ]
+                    range: [
+                        '#6BA4EE',
+                        '#66CEDC',
+                        '#EC72B8',
+                        '#EEA361',
+                        '#F9C85B',
+                        '#AACD85',
+                        '#B87CED',
+                        '#ACB0B3',
+                    ],
                 }
                 : {
-                    "range": [
-                        "#1A73E8",
-                        "#12B5CB",
-                        "#E52592",
-                        "#E8710A",
-                        "#F9AB00",
-                        "#7CB342",
-                        "#9334E6",
-                        "#80868B"
-                    ]
+                    range: [
+                        '#1A73E8',
+                        '#12B5CB',
+                        '#E52592',
+                        '#E8710A',
+                        '#F9AB00',
+                        '#7CB342',
+                        '#9334E6',
+                        '#80868B',
+                    ],
                 };
     }
 }
 exports.getColorScale = getColorScale;
 function numberFixedDigits(value, digits) {
-    return value.toString().padStart(digits, "0");
+    return value.toString().padStart(digits, '0');
 }
 function timeToString(time, timeframe) {
     switch (timeframe) {
@@ -132,7 +132,7 @@ function timeToString(time, timeframe) {
             return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
         }
         default:
-            throw new Error("Unknown timeframe.");
+            throw new Error('Unknown timeframe.');
     }
 }
 exports.timeToString = timeToString;
@@ -155,41 +155,41 @@ async function yieldTask() {
         return;
     }
     LAST_YIELD_TIME = currentTime;
-    return new Promise((resolve) => {
+    return new Promise(resolve => {
         setTimeout(resolve, 0);
     });
 }
 exports.yieldTask = yieldTask;
 function createErrorElement(document, error) {
-    const element = document.createElement("span");
-    element.classList.add("error");
-    element.appendChild(document.createTextNode(typeof error === "string" ? error : error.message));
+    const element = document.createElement('span');
+    element.classList.add('error');
+    element.appendChild(document.createTextNode(typeof error === 'string' ? error : error.message));
     return element;
 }
 exports.createErrorElement = createErrorElement;
 function createNullElement(document) {
-    const element = document.createElement("span");
-    element.appendChild(document.createTextNode("∅"));
-    element.classList.add("value-null");
+    const element = document.createElement('span');
+    element.appendChild(document.createTextNode('∅'));
+    element.classList.add('value-null');
     return element;
 }
 exports.createNullElement = createNullElement;
 function createDrillIcon(document) {
-    const drill = document.createElement("div");
-    drill.style.borderRadius = "20px";
-    drill.style.backgroundColor = "var(--malloy-border-color, #efefef)";
-    drill.style.width = "27px";
-    drill.style.height = "14px";
-    drill.style.display = "flex";
-    drill.style.justifyContent = "center";
-    drill.style.alignItems = "center";
-    drill.style.gap = "2px";
+    const drill = document.createElement('div');
+    drill.style.borderRadius = '20px';
+    drill.style.backgroundColor = 'var(--malloy-border-color, #efefef)';
+    drill.style.width = '27px';
+    drill.style.height = '14px';
+    drill.style.display = 'flex';
+    drill.style.justifyContent = 'center';
+    drill.style.alignItems = 'center';
+    drill.style.gap = '2px';
     for (let i = 0; i < 3; i++) {
-        const dot = document.createElement("div");
-        dot.style.backgroundColor = "var(--malloy-title-color, rgb(181 181 181))";
-        dot.style.borderRadius = "5px";
-        dot.style.width = "4px";
-        dot.style.height = "4px";
+        const dot = document.createElement('div');
+        dot.style.backgroundColor = 'var(--malloy-title-color, rgb(181 181 181))';
+        dot.style.borderRadius = '5px';
+        dot.style.width = '4px';
+        dot.style.height = '4px';
         drill.appendChild(dot);
     }
     return drill;

package/dist/html/vega_spec.d.ts

@@ -1,8 +1,8 @@
-import * as lite from "vega-lite";
-import { DataColumn, Explore, Field } from "@malloydata/malloy";
-import { HTMLChartRenderer } from "./chart";
-import { StyleDefaults } from "../data_styles";
-import { RendererOptions } from "../renderer";
+import * as lite from 'vega-lite';
+import { DataColumn, Explore, Field } from '@malloydata/malloy';
+import { HTMLChartRenderer } from './chart';
+import { StyleDefaults } from '../data_styles';
+import { RendererOptions } from '../renderer';
 declare type DataContainer = Array<unknown> | Record<string, unknown>;
 export declare const DEFAULT_SPEC: Partial<lite.TopLevelSpec>;
 export declare const vegaSpecs: Record<string, lite.TopLevelSpec>;
@@ -11,7 +11,7 @@ export declare class HTMLVegaSpecRenderer extends HTMLChartRenderer {
     spec: lite.TopLevelSpec;
     constructor(document: Document, styleDefaults: StyleDefaults, options: RendererOptions, spec: lite.TopLevelSpec);
     getDataValue(data: DataColumn): Date | string | number | null;
-    getDataType(field: Field): "ordinal" | "quantitative" | "nominal";
+    getDataType(field: Field): 'ordinal' | 'quantitative' | 'nominal';
     translateField(explore: Explore, fieldString: string): string;
     translateFields(node: DataContainer, explore: Explore): void;
     getVegaLiteSpec(data: DataColumn): lite.TopLevelSpec;