layerchart 2.0.0-next.5 → 2.0.0-next.50

package/dist/docs/Preview.svelte

@@ -1,105 +0,0 @@
-<script lang="ts">
-  import { slide } from 'svelte/transition';
-  // TODO: No longer copy from svelte-ux after prismjs is migrated to ESM (commonjs causes issue with Vite from another library)
-  import Prism from 'prismjs';
-  import 'prism-svelte';
-  import { mdiCodeTags, mdiTable } from '@mdi/js';
-
-  import { Button, CopyButton, Dialog, Toggle, Tooltip } from 'svelte-ux';
-  import { cls } from '@layerstack/tailwind';
-
-  import Code from './Code.svelte';
-  import Json from './Json.svelte';
-  import type { Snippet } from 'svelte';
-
-  let {
-    code,
-    data,
-    language = 'svelte',
-    highlightedCode = code ? Prism.highlight(code, Prism.languages.svelte, language) : '',
-    showCode = false,
-    class: className,
-    children,
-  }: {
-    code?: string;
-    data?: any;
-    language?: string;
-    highlightedCode?: string;
-    showCode?: boolean;
-    class?: string | null;
-    children: Snippet;
-  } = $props();
-
-  /**
-   * Custom JSON replacer (to use with JSON.stringify()) to convert `Date` instances to `new Date()`
-   */
-  function replacer(this: any, key: string, value: any): any {
-    // TODO: Improve handling of circular structures and handle other data types (Map, Set, etc)
-    if (this[key] instanceof Date) {
-      return `new Date('${this[key].toISOString()}')`;
-    }
-
-    return value;
-  }
-
-  function getDataAsString(_data: typeof data) {
-    try {
-      // Regular expression to match quoted instantiation (ex. `"new Date(...)"`) and stripe the quotes  (`new Date(...)`)
-      const datePattern = /"(new \w+\([^)]*\))"/g;
-      return JSON.stringify(_data, replacer, 2).replace(datePattern, '$1');
-    } catch (e) {
-      console.error('Error capturing value to copy', e);
-      return '';
-    }
-  }
-</script>
-
-<div class={cls('Preview border rounded-sm bg-surface-100', className)}>
-  <div class="p-4">
-    {@render children?.()}
-  </div>
-
-  {#if code && showCode}
-    <div transition:slide class="bg-surface-200">
-      <Code source={code} highlightedSource={highlightedCode} classes={{ pre: 'rounded-t-none' }} />
-    </div>
-  {/if}
-</div>
-
-{#if code}
-  <Button
-    icon={mdiCodeTags}
-    class="text-surface-content/70 py-1"
-    on:click={() => (showCode = !showCode)}
-  >
-    {showCode ? 'Hide' : 'Show'} Code
-  </Button>
-{/if}
-
-{#if data}
-  <Toggle let:on={open} let:toggle let:toggleOff>
-    <Button icon={mdiTable} class="text-surface-content/70 py-1" on:click={toggle}>View data</Button
-    >
-    <Dialog
-      {open}
-      on:close={toggleOff}
-      class="max-h-[98dvh] md:max-h-[90dvh] max-w-[98vw] md:max-w-[90vw] grid grid-rows-[auto_1fr_auto]"
-    >
-      <div class="grid grid-cols-[1fr_auto] gap-3 items-center p-4">
-        <div class="overflow-auto">
-          <div class="text-lg font-semibold">Chart data</div>
-        </div>
-
-        <Tooltip title="Copy">
-          <CopyButton value={() => getDataAsString(data)} variant="fill-light" color="primary" />
-        </Tooltip>
-      </div>
-
-      <Json value={data} />
-
-      <div slot="actions">
-        <Button variant="fill" color="primary">Close</Button>
-      </div>
-    </Dialog>
-  </Toggle>
-{/if}

package/dist/docs/Preview.svelte.d.ts

@@ -1,14 +0,0 @@
-import 'prism-svelte';
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    code?: string;
-    data?: any;
-    language?: string;
-    highlightedCode?: string;
-    showCode?: boolean;
-    class?: string | null;
-    children: Snippet;
-};
-declare const Preview: import("svelte").Component<$$ComponentProps, {}, "">;
-type Preview = ReturnType<typeof Preview>;
-export default Preview;

package/dist/docs/TilesetField.svelte

@@ -1,135 +0,0 @@
-<script lang="ts">
-  import { SelectField, Switch } from 'svelte-ux';
-
-  export let doubleScale = devicePixelRatio > 1;
-
-  // TODO: Access via context, or possibly global state
-  const ACCESS_TOKEN =
-    'pk.eyJ1IjoidGVjaG5pcTM1IiwiYSI6ImNsZTR5cDd0ZjAyNm8zdnFvczhzdnFpcXkifQ.-LAr8sl5BZ3y-H0pDyD1qA';
-
-  // https://docs.mapbox.com/api/maps/styles/
-  $: mapboxv1 = (style: string) => (x: number, y: number, z: number) => {
-    return `https://api.mapbox.com/styles/v1/mapbox/${style}/tiles/${z}/${x}/${y}${
-      doubleScale ? '@2x' : ''
-    }?access_token=${ACCESS_TOKEN}`;
-  };
-
-  // https://docs.mapbox.com/api/maps/raster-tiles/
-  // https://docs.mapbox.com/data/tilesets/reference/mapbox-streets-v8/
-  $: mapboxv4 = (tileset: string) => (x: number, y: number, z: number) => {
-    return `https://${'abc'[Math.abs(x + y) % 3]}.tiles.mapbox.com/v4/${tileset}/${z}/${x}/${y}${
-      doubleScale ? '@2x' : ''
-    }.png?access_token=${ACCESS_TOKEN}`;
-  };
-
-  // https://apps.nationalmap.gov/services/
-  const nationalmap = (tileset: string) => (x: number, y: number, z: number) => {
-    return `https://basemap.nationalmap.gov/arcgis/rest/services/${tileset}/MapServer/tile/${z}/${y}/${x}`;
-  };
-
-  // https://services.arcgisonline.com/arcgis/rest/services
-  // https://www.arcgis.com/home/webmap/viewer.html?useExisting=1
-  // https://www.arcgis.com/apps/mapviewer/index.html
-  const arcgis = (tileset: string) => (x: number, y: number, z: number) => {
-    return `https://services.arcgisonline.com/ArcGIS/rest/services/${tileset}/MapServer/tile/${z}/${y}/${x}`;
-  };
-
-  const arcgisVector = (tileset: string) => (x: number, y: number, z: number) => {
-    return `https://basemaps.arcgis.com/arcgis/rest/services/${tileset}/VectorTileServer/tile/${z}/${y}/${x}.pbf`;
-    // https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/tile/12/1572/1108.pbf
-  };
-
-  // https://github.com/leaflet-extras/leaflet-providers/blob/master/leaflet-providers.js#L79
-  // https://www.openstreetmap.org/
-  const openStreetMap = (tileset: string) => (x: number, y: number, z: number) => {
-    // CyclOSM:  https://a.tile-cyclosm.openstreetmap.fr/cyclosm/9/142/197.png
-    // Cycle Map: https://b.tile.thunderforest.com/cycle/9/141/199@2x.png?apikey=6e5478c8a4f54c779f85573c0e399391
-    // TransportMap: https://b.tile.thunderforest.com/transport/9/136/195@2x.png?apikey=6e5478c8a4f54c779f85573c0e399391
-    return `https://tile.openstreetmap.org/${z}/${x}/${y}.png`;
-  };
-
-  // opentopomap.org/
-  const openTopoMap = (tileset: string) => (x: number, y: number, z: number) => {
-    const s = 'a';
-    return `https://${s}.tile.opentopomap.org/${z}/${x}/${y}.png`;
-  };
-
-  $: services = {
-    'mapbox v1': {
-      'streets-v11': mapboxv1('streets-v11'),
-      'light-v10': mapboxv1('light-v10'),
-      'dark-v10': mapboxv1('dark-v10'),
-      'outdoors-v12': mapboxv1('outdoors-v12'),
-      'satelllite-v9': mapboxv1('satellite-v9'),
-      'satelllite-streets-v12': mapboxv1('satellite-streets-v12'),
-      'navigation-day-v1': mapboxv1('navigation-day-v1'),
-      'navigation-night-v1': mapboxv1('navigation-night-v1'),
-    },
-    'mapbox v4': {
-      'natural-earth-2': mapboxv4('mapbox.natural-earth-2'),
-      satellite: mapboxv4('mapbox.satellite'),
-      streets: mapboxv4('mapbox.mapbox-streets-v8'),
-      terrain: mapboxv4('mapbox.mapbox-terrain-v2'),
-      'terrain-dem': mapboxv4('mapbox.mapbox-terrain-dem-v1'),
-      traffic: mapboxv4('mapbox.mapbox-traffic-v1'),
-      // 'transit (mapbox v4)': mapboxv4('mapbox.transit-v2'),
-    },
-    OpenStreetMap: {
-      Stardard: openStreetMap(''),
-    },
-    OpenTopoMap: {
-      Stardard: openTopoMap(''),
-    },
-    'National Map Services': {
-      Hydrography: nationalmap('USGSHydroCached'),
-      'USGS Imagery Topo Base Map': nationalmap('USGSImageryTopo'),
-      'USGS Imagery Only Base Map': nationalmap('USGSImageryOnly'),
-      'USGS Shaded Relief': nationalmap('USGSShadedReliefOnly'),
-      'USGS Topo Base Map': nationalmap('USGSTopo'),
-    },
-    ArcGIS: {
-      'USA Topo Map': arcgis('USA_Topo_Maps'),
-      'National Geographic World Map': arcgis('NatGeo_World_Map'),
-      'World Imagery': arcgis('World_Imagery'),
-      'World Physicial Map': arcgis('World_Physical_Map'),
-      'World Shaded Relief': arcgis('World_Shaded_Relief'),
-      'World Street Map': arcgis('World_Street_Map'),
-      'World Terrain Base': arcgis('World_Terrain_Base'),
-      'World Topo Map': arcgis('World_Topo_Map'),
-    },
-    // 'ArcGIS Vector': {
-    // 	 'Community Map', url: arcgisVector('World_Basemap_v2'),
-    // }
-  } as Record<string, Record<string, Function>>;
-
-  $: serviceOptions = Object.entries(services).flatMap(([group, service]) => {
-    return Object.entries(service).map(([label, value]) => {
-      return { label, value: `${group}:${label}`, group, serviceUrl: value };
-    });
-  });
-
-  $: defaultServiceUrl = services['mapbox v1']['streets-v11'];
-  export let serviceUrl = defaultServiceUrl;
-
-  $: getServiceUrl = (option: string) => {
-    const [selectedService, selectedTileset] = selected.split(':');
-    return services[selectedService][selectedTileset];
-  };
-
-  let selected = 'mapbox v1:streets-v11';
-  $: serviceUrl = getServiceUrl(selected);
-</script>
-
-<SelectField
-  label="Tileset"
-  options={serviceOptions}
-  bind:value={selected}
-  clearable={false}
-  toggleIcon={null}
-  stepper
->
-  <div slot="append" on:click|stopPropagation role="none">
-    <div class="text-[10px] text-surface-content/50 text-center">2x</div>
-    <Switch bind:checked={doubleScale} size="md" />
-  </div>
-</SelectField>

package/dist/docs/TilesetField.svelte.d.ts

@@ -1,23 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TilesetField: $$__sveltets_2_IsomorphicComponent<{
-    doubleScale?: boolean;
-    serviceUrl?: Function;
-}, {
-    click: MouseEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TilesetField = InstanceType<typeof TilesetField>;
-export default TilesetField;

package/dist/docs/TransformDebug.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { cls } from '@layerstack/tailwind';
-  import { format } from '@layerstack/utils';
-
-  import { getTransformContext } from '../components/TransformContext.svelte';
-
-  const transform = getTransformContext();
-</script>
-
-<div
-  class={cls('bg-surface-300/50 rounded-sm m-1 backdrop-blur-sm p-2 tabular-nums', $$props.class)}
->
-  <div class="grid gap-2 text-xs">
-    <div><span class="opacity-50">scale:</span> {format(transform.scale, 'decimal')}</div>
-
-    <div>
-      <span class="opacity-50">translate:</span>
-      <div class="text-right">{format(transform.translate.x, 'decimal')}</div>
-      <div class="text-right">{format(transform.translate.y, 'decimal')}</div>
-    </div>
-  </div>
-</div>

package/dist/docs/TransformDebug.svelte.d.ts

@@ -1,20 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TransformDebug: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TransformDebug = InstanceType<typeof TransformDebug>;
-export default TransformDebug;

package/dist/docs/ViewSourceButton.svelte

@@ -1,50 +0,0 @@
-<script lang="ts">
-  import type { ComponentProps } from 'svelte';
-  import { Button, Dialog, Toggle, Tooltip } from 'svelte-ux';
-  import { mdiGithub } from '@mdi/js';
-
-  import Code from './Code.svelte';
-
-  export let label: string;
-  export let source: string | undefined = undefined;
-  export let href: string | undefined = undefined;
-  export let icon: ComponentProps<Button>['icon'];
-</script>
-
-{#if source}
-  <Toggle let:on={open} let:toggle let:toggleOff>
-    <Button {icon} on:click={toggle} variant="fill-light" color="primary" size="sm">{label}</Button>
-    <Dialog
-      {open}
-      on:close={toggleOff}
-      class="max-h-[98dvh] md:max-h-[90dvh] max-w-[98vw] md:max-w-[90vw] grid grid-rows-[auto_1fr_auto]"
-    >
-      <div class="grid grid-cols-[1fr_auto] gap-3 items-center p-4">
-        <div class="overflow-auto">
-          <div class="text-lg font-semibold">{label}</div>
-          <div class="text-xs text-surface-content/50 truncate">{href}</div>
-        </div>
-
-        {#if href}
-          <Button icon={mdiGithub} variant="fill-light" color="primary" {href} target="_blank">
-            View on Github
-          </Button>
-        {/if}
-      </div>
-
-      <div class="overflow-auto">
-        <Code {source} language={source.startsWith('<script') ? 'svelte' : 'js'} />
-      </div>
-
-      <div slot="actions">
-        <Button variant="fill" color="primary">Close</Button>
-      </div>
-    </Dialog>
-  </Toggle>
-{:else if href}
-  <Tooltip title="Edit this page">
-    <Button {icon} {href} target="_blank" variant="fill-light" color="primary" size="sm">
-      {label}
-    </Button>
-  </Tooltip>
-{/if}

package/dist/docs/ViewSourceButton.svelte.d.ts

@@ -1,25 +0,0 @@
-import type { ComponentProps } from 'svelte';
-import { Button } from 'svelte-ux';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ViewSourceButton: $$__sveltets_2_IsomorphicComponent<{
-    label: string;
-    source?: string | undefined;
-    href?: string | undefined;
-    icon: ComponentProps<Button>["icon"];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ViewSourceButton = InstanceType<typeof ViewSourceButton>;
-export default ViewSourceButton;

package/dist/utils/graph/dagre.d.ts

@@ -1,34 +0,0 @@
-import dagre from '@dagrejs/dagre';
-import { type DagreProps } from '../../components/Dagre.svelte';
-/**
- * Build `dagre.graphlib.Graph` instance from DagreGraphData (`{ nodes, edges }`)
- */
-export declare function dagreGraph(data: DagreProps['data'], { nodes, nodeId, edges, directed, multigraph, compound, ranker, direction, align, rankSeparation, nodeSeparation, edgeSeparation, nodeWidth, nodeHeight, edgeLabelWidth, edgeLabelHeight, edgeLabelPosition, edgeLabelOffset, filterNodes, }?: {
-    nodes?: DagreProps['nodes'];
-    nodeId?: DagreProps['nodeId'];
-    edges?: DagreProps['edges'];
-    directed?: DagreProps['directed'];
-    multigraph?: DagreProps['multigraph'];
-    compound?: DagreProps['compound'];
-    ranker?: DagreProps['ranker'];
-    direction?: DagreProps['direction'];
-    align?: DagreProps['align'];
-    rankSeparation?: DagreProps['rankSeparation'];
-    nodeSeparation?: DagreProps['nodeSeparation'];
-    edgeSeparation?: DagreProps['edgeSeparation'];
-    nodeWidth?: DagreProps['nodeWidth'];
-    nodeHeight?: DagreProps['nodeHeight'];
-    edgeLabelWidth?: DagreProps['edgeLabelWidth'];
-    edgeLabelHeight?: DagreProps['edgeLabelHeight'];
-    edgeLabelPosition?: DagreProps['edgeLabelPosition'];
-    edgeLabelOffset?: DagreProps['edgeLabelOffset'];
-    filterNodes?: DagreProps['filterNodes'];
-}): dagre.graphlib.Graph<{}>;
-/**
- * Get all upstream predecessors for dagre nodeId
- */
-export declare function dagreAncestors(graph: dagre.graphlib.Graph, nodeId: string, maxDepth?: number, currentDepth?: number): dagre.Node[];
-/**
- * Get all downstream descendants for dagre nodeId
- */
-export declare function dagreDescendants(graph: dagre.graphlib.Graph, nodeId: string, maxDepth?: number, currentDepth?: number): dagre.Node[];

package/dist/utils/object.js

@@ -1,2 +0,0 @@
-import { memoize } from 'lodash-es';
-export const memoizeObject = memoize((obj) => obj, (obj) => JSON.stringify(obj));