lutra 0.0.33 → 0.1.4

package/dist/display/Panel.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">import { getContext, setContext } from "svelte";
-let {
-  children,
-  z
-} = $props();
-const prevZ = getContext("ltr.z") ?? 0;
-const currentZ = Number.isInteger(z) ? z : prevZ + 1;
-setContext("ltr.z", currentZ);
-</script>
-
-<div class="Panel" style="--z: {currentZ};">
-    Z: {currentZ}
-    {@render children()}
-</div>
-
-<style>
-    .Panel {
-        background: var(--bg-panel);
-        border: var(--border);
-        padding: 2rem;
-        position: relative;
-    }
-</style>

package/dist/display/Panel.svelte.d.ts

@@ -1,19 +0,0 @@
-import { type Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Panel: $$__sveltets_2_IsomorphicComponent<{
-    children: Snippet;
-    z?: 0 | 1 | 2 | 3;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Panel = InstanceType<typeof Panel>;
-export default Panel;

package/dist/display/Popup.svelte

@@ -1,111 +0,0 @@
-<script lang="ts">import UiContent from "../layout/UIContent.svelte";
-import { slidefade } from "../utils/transitions.js";
-import { attr } from "../utils/attr.js";
-let {
-  content,
-  trigger,
-  hover = false,
-  shape = "rounded"
-} = $props();
-const id = `po-${Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)}`;
-let isOpen = $state(false);
-function closePopup() {
-  isOpen = false;
-}
-function togglePopup() {
-  isOpen = !isOpen;
-}
-function clickElsewhere(e) {
-  if (isOpen && e.target instanceof HTMLElement && !e.target.closest(".Popup")) {
-    closePopup();
-  }
-}
-let timeoutAmount = 250;
-let timeout;
-function mouseenterTrigger() {
-  if (timeout) {
-    clearTimeout(timeout);
-  }
-  if (!isOpen) {
-    isOpen = true;
-  }
-}
-function mouseleave(e) {
-  timeout = setTimeout(closePopup, timeoutAmount);
-}
-function mouseoverContent() {
-  if (timeout) {
-    clearTimeout(timeout);
-  }
-}
-let attrs = $derived.by(() => {
-  return attr({
-    "aria-haspopup": "dialog",
-    "aria-expanded": isOpen,
-    "aria-controls": id,
-    onclick: !hover ? togglePopup : void 0,
-    onmouseenter: hover ? mouseenterTrigger : void 0,
-    onmouseleave: hover ? mouseleave : void 0,
-    onfocusin: hover ? mouseenterTrigger : void 0,
-    onblur: hover ? mouseleave : void 0
-  });
-});
-</script>
-
-<svelte:window on:click={clickElsewhere} />
-
-<div class="Popup" class:hover>
-    <div class="Trigger">
-        {@render trigger(attrs)}
-    </div>
-    {#if isOpen}
-        <UiContent>
-            <div
-                {id}
-                class="PopupContainer"
-                transition:slidefade={{duration: 100}}
-                role="dialog"
-                onmouseover={hover ? mouseoverContent : undefined}
-                onfocus={hover ? mouseoverContent : undefined}
-                onfocusin={hover ? mouseoverContent : undefined}
-                onmouseout={hover ? mouseleave : undefined}
-                onblur={hover ? mouseleave : undefined}
-                onfocusout={hover ? mouseleave : undefined}
-            >
-                <div class="PopupContent {shape}">
-                    {@render content(closePopup)}
-                </div>
-            </div>
-        </UiContent>
-    {/if}
-</div>
-
-<style>
-    .Popup, .Trigger {
-        position: relative;
-        display: inline-block;
-    }
-    .PopupContainer {
-        position: absolute;
-        padding-top: 0.5rem;
-    }
-    .Popup.hover .PopupContainer {
-        padding: var(--safe-zone, 1rem);
-        left: calc(-1 * var(--safe-zone, 1rem));
-        top: calc(100% + -0.5 * var(--safe-zone, 1rem));
-    }
-    .PopupContent {
-        background: var(--bg, var(--bg-app));
-        border: var(--border);
-        box-shadow: var(--shadow);
-        z-index: 10000;
-        padding: var(--content-padding, 1rem);
-        opacity: 1;
-        border-radius: var(--border-radius);
-        box-shadow: 0 0.25rem 2rem 0 var(--shadow);
-        left: 0;
-    }
-    .PopupContent.rounded {
-        border-radius: var(--border-radius);
-    }
-</style>

package/dist/display/Popup.svelte.d.ts

@@ -1,25 +0,0 @@
-import type { Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Popup: $$__sveltets_2_IsomorphicComponent<{
-    /** The content of the popup */
-    content: Snippet<[close: () => void]>;
-    /** Snippet containing the trigger element */
-    trigger: Snippet<[attrs: (node: Element) => void]>;
-    /** Triggers the popup on hover (and keyboard focus) instead of click */
-    hover?: boolean;
-    /** The shape of the popup */
-    shape?: "rounded" | "sharp";
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Popup = InstanceType<typeof Popup>;
-export default Popup;

package/dist/display/Stat.svelte

@@ -1,81 +0,0 @@
-<script lang="ts">import { getStatusColorVar, isStatusColor } from "../utils/color.js";
-import { isSnippet } from "../utils/isSnippet.js";
-let {
-  title,
-  value,
-  prefix,
-  suffix,
-  color,
-  formatter
-} = $props();
-let Prefix = prefix;
-let Suffix = suffix;
-let colorVar = $derived(getStatusColorVar(color, "var(--bg-app)"));
-let _value = $derived.by(() => {
-  if (typeof value === "number" && formatter?.constructor === Intl.NumberFormat) {
-    return formatter.format(value);
-  } else if (value instanceof Date && formatter?.constructor === Intl.DateTimeFormat) {
-    return formatter.format(value);
-  } else if (typeof value === "number") {
-    return value.toLocaleString();
-  } else if (typeof value === "string") {
-    return value;
-  } else if (value instanceof Date) {
-    return value.toLocaleDateString();
-  }
-  if (typeof formatter === "function") {
-    return formatter(value);
-  }
-  return value;
-});
-</script>
-
-<section class="Stat" style="--bgColor: {colorVar};">
-    <main>
-        {#if prefix}
-            {#if typeof prefix === "string"}
-                <span class="Fix Prefix">{prefix}</span>
-            {:else if isSnippet(prefix)}
-                {@render prefix()}
-            {:else}
-                <Prefix />
-            {/if}
-        {/if}
-        {_value}
-        {#if suffix}
-            {#if typeof suffix === "string"}
-                <span class="Fix Suffix">{suffix}</span>
-            {:else if isSnippet(suffix)}
-                {@render suffix()}
-            {:else}
-                <Suffix />
-            {/if}
-        {/if}
-    </main>
-    {#if title}
-        <header>{title}</header>
-    {/if}
-</section>
-
-<style>
-    .Stat {
-        display: grid;
-        grid-template-rows: auto 1fr;
-        align-items: center;
-        gap: 0.75rem;
-        padding: 1rem;
-        background-color: var(--bgColor);
-    }
-    header {
-        font-size: max(0.9em, 11px);
-        font-weight: 500;
-        opacity: 0.75;
-        color: var(--color, var(--text));
-    }
-    main {
-        font-size: 1.5em;
-        opacity: 0.95;
-        font-weight: 700;
-        color: var(--color, var(--text));
-    }
-</style>

package/dist/display/Stat.svelte.d.ts

@@ -1,30 +0,0 @@
-import type { Component, Snippet } from "svelte";
-import { type StatusColorOrString } from "../utils/color.js";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Stat: $$__sveltets_2_IsomorphicComponent<{
-    /** The title of the stat. */
-    title?: string;
-    /** The value to display. */
-    value?: number | string | Date;
-    /** The prefix to display before the value. Can be a string, a URL, a Snippet, or a Svelte component. */
-    prefix?: string | Snippet | Component;
-    /** The suffix to display after the value. Can be a string, a URL, a Snippet, or a Svelte component. */
-    suffix?: string | Snippet | Component;
-    /** The color of the stat. */
-    color?: StatusColorOrString;
-    /** A function to format the value. Can be an [Intl.NumberFormat object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat), an [Intl.DateTimeFormat object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat), or a function that takes in a value and returns a string. */
-    formatter?: ((value: number | string | Date | undefined) => string) | Intl.NumberFormat | Intl.DateTimeFormat;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Stat = InstanceType<typeof Stat>;
-export default Stat;

package/dist/display/Table.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">let {
-  colored,
-  contained,
-  rounded,
-  hoverable,
-  hang,
-  fullWidth,
-  children
-} = $props();
-</script>
-
-<div
-    class="table-container"
-    class:hang
-    class:contained
-    class:rounded
->
-    <table
-        class:colored
-        class:contained
-        class:rounded
-        class:hang
-        class:fullWidth
-        class:hoverable
-    >
-        {@render children()}
-    </table>
-</div>

package/dist/display/Table.svelte.d.ts

@@ -1,24 +0,0 @@
-import type { Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Table: $$__sveltets_2_IsomorphicComponent<{
-    colored?: boolean;
-    contained?: boolean;
-    rounded?: boolean;
-    hang?: boolean;
-    hoverable?: boolean;
-    fullWidth?: boolean;
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Table = InstanceType<typeof Table>;
-export default Table;

package/dist/display/TablePaginator.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">let {
-  total,
-  perPage,
-  perPageOptions = [50, 100, 250],
-  currentPage,
-  onPageChange
-} = $props();
-</script>
-
-<div class="TablePaginator">
-    <div class="TablePaginator__PerPage">
-        <label for="perPage">Per Page</label>
-        <select
-            id="perPage"
-            onchange={() => onPageChange(1)}
-        >
-            {#each perPageOptions as option}
-                <option value={option}>{option}</option>
-            {/each}
-        </select>
-    </div>
-    <div class="TablePaginator__Page">
-        <button
-            disabled={currentPage === 1}
-            onclick={() => onPageChange(currentPage - 1)}
-        >
-            Previous
-        </button>
-        <span>Page {currentPage} of {Math.ceil(total / perPage)}</span>
-        <button
-            disabled={currentPage === Math.ceil(total / perPage)}
-            onclick={() => onPageChange(currentPage + 1)}
-        >
-            Next
-        </button>
-    </div>
-</div>
-
-<style>
-    .TablePaginator {
-        display: grid;
-        grid-template-columns: auto auto;
-        gap: 1em;
-        align-items: center;
-        justify-content: space-between;
-    }
-    .TablePaginator > * {
-        display: flex;
-        align-items: center;
-    }
-</style>

package/dist/display/TablePaginator.svelte.d.ts

@@ -1,21 +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;
-    z_$$bindings?: Bindings;
-}
-declare const TablePaginator: $$__sveltets_2_IsomorphicComponent<{
-    total: number;
-    perPage: number;
-    perPageOptions?: number[];
-    currentPage: number;
-    onPageChange: (page: number) => void;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TablePaginator = InstanceType<typeof TablePaginator>;
-export default TablePaginator;

package/dist/display/Tag.svelte

@@ -1,90 +0,0 @@
-<script lang="ts">import { isStatusColor } from "../utils/color.js";
-let {
-  code,
-  color = "default",
-  shape = "pill",
-  onclick,
-  href,
-  target,
-  children
-} = $props();
-let isSet = $derived(color ? isStatusColor(color) : true);
-</script>
-
-{#snippet content()}
-    <em>
-        {@render children()}
-    </em>
-{/snippet}
-
-{#if href}
-    <a {href} {target} class:code class="Tag Link {shape}" style="--bgColor: {!isSet ? color : 'var(--status-'+color+')'};" onclick={onclick}>
-        {@render content()}
-    </a>
-{:else if onclick}
-    <button type="button" class:code class="Tag {shape}" style="--bgColor: {!isSet ? color : 'var(--status-'+color+')'};" onclick={onclick}>
-        {@render content()}
-    </button>
-{:else}
-    <span class:code class="Tag {shape}" style="--bgColor: {!isSet ? color : 'var(--status-'+color+')'};">
-        {@render content()}
-    </span>
-{/if}
-
-<style>
-    .Tag {
-        display: inline-flex;
-        padding: var(--padding, 0.25em 0.65em);
-        font-weight: var(--font-weight, 600);
-        --bgColor2: var(--bgColor);
-        background: var(--bgColor);
-        border-radius: var(--border-radius);
-        font-size: var(--font-size, 1em);
-        vertical-align: var(--vertical-align, baseline);
-        border: 1px solid color-mix(in srgb, var(--bgColor) 95%, var(--mix-target, black) 5%);
-    }
-    .Tag.rectangle {
-        border-radius: 0;
-    }
-    .Tag.pill {
-        border-radius: 99999px;
-    }
-    .Tag.code {
-        font-family: var(--font-family-mono);
-        padding: var(--padding, 0.15em 0.35em);
-        font-size: 1em;
-        line-height: 1em;
-        background: var(--bg, var(--bg-subtle));
-        color: var(--text);
-        border: var(--border, var(--border-subtle));
-    }
-    em {
-        opacity: 0.75;
-        font-style: normal;
-        color: var(--bgColor2);
-        filter: url(#bwFilter);
-        mix-blend-mode: luminosity;
-        left: 50%;
-        position: relative;
-        display: block;
-        transform: translateX(-50%);
-    }
-    a:hover, button:hover {
-        --bgColor2: color-mix(in srgb, var(--bgColor) 87%, white 13%);
-        background-color: var(--bgColor2);
-        cursor: pointer;
-    }
-    @media (prefers-contrast: more) {
-        .Tag {
-            border: 1px solid color-mix(in srgb, var(--bgColor) 50%, var(--mix-target, black) 50%);
-        }
-        em {
-            opacity: 0.99;
-        }
-    }
-    @media (prefers-contrast: less) {
-        em {
-            opacity: 0.65;
-        }
-    }
-</style>

package/dist/display/Tag.svelte.d.ts

@@ -1,32 +0,0 @@
-import type { Snippet } from "svelte";
-import type { StatusColorOrString } from '../utils/color.js';
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Tag: $$__sveltets_2_IsomorphicComponent<{
-    /** Use a mono-spaced font for the tag. */
-    code?: boolean;
-    /** The color of the tag. */
-    color?: StatusColorOrString;
-    /** The shape of the tag. */
-    shape?: "rounded" | "pill" | "rectangle";
-    /** A function to run when the tag is clicked. */
-    onclick?: (event: MouseEvent) => void;
-    /** A URL to link to. */
-    href?: string;
-    /** The target of the link. */
-    target?: string;
-    /** The content of the tag. */
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Tag = InstanceType<typeof Tag>;
-export default Tag;

package/dist/display/Tooltip.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Tooltip: $$__sveltets_2_IsomorphicComponent<{
-    /** Content to trigger the tooltip */
-    children: Snippet;
-    /** The content of the tooltip */
-    tip: string | Snippet;
-    /** Open the tooltip on render (cannot be closed) */
-    open?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Tooltip = InstanceType<typeof Tooltip>;
-export default Tooltip;

package/dist/display/chart.d.ts

@@ -1,78 +0,0 @@
-export interface ChartDataSet {
-    values: number[];
-}
-export interface ChartData {
-    labels: string[];
-    values: number[];
-}
-export declare function scale(domain: number[], range: number[]): (num: number) => number;
-export declare function makeScale(numbers: number[], itemsToReturn: number): number[];
-export declare function getShortKValue(num: number): string;
-export type PointData = {
-    p1: {
-        x: number;
-        y: number;
-    };
-    p2: {
-        x: number;
-        y: number;
-    };
-    bp1: {
-        x: number;
-        y: number;
-    };
-    bp2: {
-        x: number;
-        y: number;
-    };
-};
-/**
-* Interpolates a Catmull-Rom Spline through a series of x/y points
-* Converts the CR Spline to Cubic Beziers for use with SVG items
-*
-* If 'alpha' is 0.5 then the 'Centripetal' variant is used
-* If 'alpha' is 1 then the 'Chordal' variant is used
-*
-* @param  {Array} data - Array of points, each point in object literal holding x/y values
-* @return {String} d - SVG string with cubic bezier curves representing the Catmull-Rom Spline
-*/
-export declare function catmullRomBase(data: {
-    x: number;
-    y: number;
-}[], alpha: number): PointData[];
-/**
-* Returns the SVG path for Catmull-Rom spline interpolation
-*/
-export declare function catmullRomToSVG(pointsData: PointData[], alpha: number, firstValue: {
-    x: number;
-    y: number;
-}): string | false;
-/**
-* Returns the Y coordinate for the given X value on the Catmull-Rom spline
-*/
-export declare function catmullRomGetY(pointsData: PointData[], alpha: number, xValue: number, yPadding: number): number | false | undefined;
-/**
-* Linear interpolation helper function
-*/
-export declare function lerp(point1: {
-    x: number;
-    y: number;
-}, point2: {
-    x: number;
-    y: number;
-}, t: number): {
-    x: number;
-    y: number;
-};
-export declare function getSVGSize(svg: SVGSVGElement): {
-    innerWidth: number;
-    innerHeight: number;
-    width: number;
-    height: number;
-    padding: {
-        left: number;
-        right: number;
-        top: number;
-        bottom: number;
-    };
-};