@malloydata/render 0.0.211-dev241111205502 → 0.0.211-dev241112175236

package/.storybook/malloy-stories-indexer.ts

@@ -139,7 +139,8 @@ export function viteMalloyStoriesPlugin(): PluginOption {
           };`
           : `
           import script from '${id}?raw';
-          import {createLoader, copyMalloyRenderHTML} from './util';
+          import {createLoader} from './util';
+          import {copyMalloyRenderHTML} from '../component/copy-to-html';
           import './themes.css';
           import '../component/render-webcomponent';
 

package/dist/component/copy-to-html.d.ts

@@ -0,0 +1,3 @@
+import { MalloyRenderProps } from './render';
+export declare function copyMalloyRenderHTML(element: HTMLElement & MalloyRenderProps): Promise<void>;
+export declare function getMalloyRenderHTML(element: HTMLElement & MalloyRenderProps): Promise<string>;

package/dist/component/render.d.ts

@@ -1,7 +1,8 @@
 import { ModelDef, QueryResult, Result } from '@malloydata/malloy';
+import { Accessor } from 'solid-js';
 import './render.css';
 import { ComponentOptions, ICustomElement } from 'component-register';
-import { MalloyClickEventPayload, VegaConfigHandler } from './types';
+import { DashboardConfig, MalloyClickEventPayload, TableConfig, VegaConfigHandler } from './types';
 export type MalloyRenderProps = {
     result?: Result;
     queryResult?: QueryResult;
@@ -9,13 +10,17 @@ export type MalloyRenderProps = {
     scrollEl?: HTMLElement;
     onClick?: (payload: MalloyClickEventPayload) => void;
     vegaConfigOverride?: VegaConfigHandler;
+    tableConfig?: Partial<TableConfig>;
+    dashboardConfig?: Partial<DashboardConfig>;
 };
 export declare const useConfig: () => {
-    onClick?: ((payload: MalloyClickEventPayload) => void) | undefined;
-    vegaConfigOverride?: VegaConfigHandler | undefined;
+    tableConfig: Accessor<TableConfig>;
+    dashboardConfig: Accessor<DashboardConfig>;
     element: ICustomElement;
     addCSSToShadowRoot: (css: string) => void;
     addCSSToDocument: (id: string, css: string) => void;
+    onClick?: ((payload: MalloyClickEventPayload) => void) | undefined;
+    vegaConfigOverride?: VegaConfigHandler | undefined;
 };
 export declare function MalloyRender(props: MalloyRenderProps, { element }: ComponentOptions): import("solid-js").JSX.Element;
 export declare function MalloyRenderInner(props: {

package/dist/component/types.d.ts

@@ -86,4 +86,11 @@ export type Channel = {
     fields: string[];
     type: ScaleType | null;
 };
+export type TableConfig = {
+    disableVirtualization: boolean;
+    rowLimit: number;
+};
+export type DashboardConfig = {
+    disableVirtualization: boolean;
+};
 export {};

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export { HTMLView, JSONView } from './html/html_view';
 export * from './html/data_styles';
 export type { MalloyRenderProps } from './component/render';
 export { getDrillQuery } from './html/drill';
+export { copyMalloyRenderHTML, getMalloyRenderHTML, } from './component/copy-to-html';

package/dist/module/index.mjs

@@ -145326,7 +145326,7 @@ Fv.renderFactories = [
   wO.instance
 ];
 let f8 = Fv;
-class Qst {
+class Wst {
   constructor(e) {
     this.document = e;
   }
@@ -145360,7 +145360,7 @@ class Qst {
     }
   }
 }
-class Gst {
+class Vst {
   constructor(e) {
     this.document = e;
   }
@@ -145484,12 +145484,71 @@ function iE(t, e, n, r, i) {
     );
   }), s.childRenderers = o, s;
 }
+async function Yst(t) {
+  const e = await Nit(t);
+  try {
+    await navigator.clipboard.writeText(e);
+  } catch (n) {
+    console.error("Failed to copy text: ", n);
+  }
+}
+async function Nit(t) {
+  let e = "";
+  const n = t.tableConfig ?? {}, r = Object.assign(
+    {
+      disableVirtualization: !0
+    },
+    n
+  );
+  t.tableConfig = r;
+  const i = t.dashboardConfig ?? {}, s = Object.assign(
+    {
+      disableVirtualization: !0
+    },
+    i
+  );
+  if (t.dashboardConfig = s, await wit(1e3), t.shadowRoot) {
+    let o = "";
+    for (const u of [...t.shadowRoot.adoptedStyleSheets]) {
+      for (let l = 0; l < u.cssRules.length; l++) {
+        const c = u.cssRules.item(l);
+        c && (o += `
+` + c.cssText);
+      }
+      o = o.replaceAll(":host", ".malloy_html_host");
+      const a = t.getAttribute("style");
+      e = `
+  <div>
+    <style>
+      ${o}
+
+      form.vega-bindings {
+        margin-block: 0em;
+      }
+    </style>
+    <div class="malloy_html_host" style="${a}">
+      ${t.shadowRoot.innerHTML}
+    </div>
+  </div>
+    `;
+    }
+  } else
+    e = t.innerHTML;
+  return t.tableConfig = n, t.dashboardConfig = i, e;
+}
+function wit(t) {
+  return new Promise((e) => {
+    setTimeout(e, t);
+  });
+}
 export {
   I1 as Currency,
   vc as DataVolumeUnit,
   Vn as DurationUnit,
-  Qst as HTMLView,
-  Gst as JSONView,
+  Wst as HTMLView,
+  Vst as JSONView,
+  Yst as copyMalloyRenderHTML,
   BJ as getDrillQuery,
+  Nit as getMalloyRenderHTML,
   mit as isDurationUnit
 };