layerchart 2.0.0-next.44 → 2.0.0-next.45

package/dist/docs/PathDataMenuField.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import * as easings from 'svelte/easing';
-  import { MenuField } from 'svelte-ux';
-
-  let {
-    value = $bindable(),
-    amplitude = 1,
-    frequency = 10,
-    phase = 0,
-  }: {
-    value?: any;
-    amplitude?: number;
-    frequency?: number;
-    phase?: number;
-  } = $props();
-
-  const mathOptions = $derived([
-    {
-      label: 'sin',
-      group: 'math',
-      value: (x: number) => amplitude * Math.sin(x * frequency) + phase,
-    },
-    {
-      label: 'cos',
-      group: 'math',
-      value: (x: number) => amplitude * Math.cos(x * frequency) + phase,
-    },
-    {
-      label: 'tan',
-      group: 'math',
-      value: (x: number) => amplitude * Math.tan(x * frequency) + phase,
-    },
-    {
-      label: 'sqrt',
-      group: 'math',
-      value: (x: number) => amplitude * Math.sqrt(x * frequency) + phase,
-    },
-    {
-      label: 'ceil',
-      group: 'math',
-      value: (x: number) => amplitude * Math.ceil(x * frequency) + phase,
-    },
-    {
-      label: 'floor',
-      group: 'math',
-      value: (x: number) => amplitude * Math.floor(x * frequency) + phase,
-    },
-    {
-      label: 'round',
-      group: 'math',
-      value: (x: number) => amplitude * Math.round(x * frequency) + phase,
-    },
-    { label: 'random', group: 'math', value: (x: number) => amplitude * Math.random() + phase },
-    {
-      label: 'pow',
-      group: 'math',
-      value: (x: number) => amplitude * Math.pow(x, frequency) + phase,
-    },
-  ]);
-
-  const easingOptions = Object.entries(easings).map(([key, value]) => {
-    return {
-      label: key,
-      value,
-      group: 'easing',
-    };
-  });
-
-  const options = $derived([...mathOptions, ...easingOptions]);
-
-  // Select initial option
-  onMount(() => {
-    value = options[0].value;
-  });
-</script>
-
-<MenuField label="Path data" {options} bind:value stepper classes={{ menuIcon: 'hidden' }} />

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

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    value?: any;
-    amplitude?: number;
-    frequency?: number;
-    phase?: number;
-};
-declare const PathDataMenuField: import("svelte").Component<$$ComponentProps, {}, "value">;
-type PathDataMenuField = ReturnType<typeof PathDataMenuField>;
-export default PathDataMenuField;

package/dist/docs/Preview.svelte

@@ -1,104 +0,0 @@
-<script lang="ts">
-  import { slide } from 'svelte/transition';
-  import LucideCode from '~icons/lucide/code';
-  import LucideTable from '~icons/lucide/table';
-
-  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 { HTMLAttributes } from 'svelte/elements';
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    children: Snippet;
-    code?: string;
-    data?: any;
-    language?: string;
-    showCode?: boolean;
-  }
-
-  let {
-    children,
-    code = undefined,
-    data = undefined,
-    language = 'svelte',
-    showCode = false,
-    class: className,
-  }: Props & HTMLAttributes<HTMLDivElement> = $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 bg-surface-100', className)}>
-  <div class="p-4">
-    {@render children()}
-  </div>
-
-  {#if code && showCode}
-    <div transition:slide class="border-t">
-      <Code source={code} {language} />
-    </div>
-  {/if}
-</div>
-
-{#if code}
-  <Button
-    icon={LucideCode}
-    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={LucideTable} 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,13 +0,0 @@
-import type { HTMLAttributes } from 'svelte/elements';
-import type { Snippet } from 'svelte';
-interface Props {
-    children: Snippet;
-    code?: string;
-    data?: any;
-    language?: string;
-    showCode?: boolean;
-}
-type $$ComponentProps = Props & HTMLAttributes<HTMLDivElement>;
-declare const Preview: import("svelte").Component<$$ComponentProps, {}, "">;
-type Preview = ReturnType<typeof Preview>;
-export default Preview;

package/dist/docs/TilesetField.svelte

@@ -1,136 +0,0 @@
-<script lang="ts">
-  import { SelectField, Switch } from 'svelte-ux';
-
-  let { doubleScale = $bindable(devicePixelRatio > 1), serviceUrl = $bindable() } = $props();
-
-  // TODO: Access via context, or possibly global state
-  const ACCESS_TOKEN =
-    'pk.eyJ1IjoidGVjaG5pcTM1IiwiYSI6ImNsZTR5cDd0ZjAyNm8zdnFvczhzdnFpcXkifQ.-LAr8sl5BZ3y-H0pDyD1qA';
-
-  // https://docs.mapbox.com/api/maps/styles/
-  const mapboxv1 = $derived((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/
-  const mapboxv4 = $derived((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`;
-  };
-
-  const services = $derived<Record<string, Record<string, Function>>>({
-    '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'),
-    // }
-  });
-
-  const serviceOptions = $derived(
-    Object.entries(services).flatMap(([group, service]) => {
-      return Object.entries(service).map(([label, value]) => {
-        return { label, value: `${group}:${label}`, group, serviceUrl: value };
-      });
-    })
-  );
-
-  const getServiceUrl = $derived((option: string) => {
-    const [selectedService, selectedTileset] = selected.split(':');
-    return services[selectedService][selectedTileset];
-  });
-
-  let selected = $state('mapbox v1:streets-v11');
-  $effect(() => {
-    serviceUrl = getServiceUrl(selected);
-  });
-</script>
-
-<SelectField
-  label="Tileset"
-  options={serviceOptions}
-  bind:value={selected}
-  clearable={false}
-  toggleIcon={null}
-  stepper
->
-  <div slot="append" onclick={(e) => e.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,6 +0,0 @@
-declare const TilesetField: import("svelte").Component<{
-    doubleScale?: any;
-    serviceUrl?: any;
-}, {}, "doubleScale" | "serviceUrl">;
-type TilesetField = ReturnType<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,53 +0,0 @@
-<script lang="ts">
-  import type { ComponentProps } from 'svelte';
-  import { Button, Dialog, Toggle, Tooltip } from 'svelte-ux';
-  import LucideGithub from '~icons/lucide/github';
-
-  import Code from './Code.svelte';
-
-  const {
-    label,
-    source,
-    href,
-    icon,
-  }: { label: string; source?: string; href?: string; icon: ComponentProps<Button>['icon'] } =
-    $props();
-</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={LucideGithub} variant="fill-light" color="primary" {href} target="_blank">
-            View on Github
-          </Button>
-        {/if}
-      </div>
-
-      <div class="overflow-auto border-t">
-        <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,11 +0,0 @@
-import type { ComponentProps } from 'svelte';
-import { Button } from 'svelte-ux';
-type $$ComponentProps = {
-    label: string;
-    source?: string;
-    href?: string;
-    icon: ComponentProps<Button>['icon'];
-};
-declare const ViewSourceButton: import("svelte").Component<$$ComponentProps, {}, "">;
-type ViewSourceButton = ReturnType<typeof ViewSourceButton>;
-export default ViewSourceButton;