layerchart 0.9.0 → 0.9.1

package/components/TooltipContainer.svelte

@@ -0,0 +1,18 @@
+<script>export let header = undefined;
+</script>
+
+<div
+	class="bg-gray-900/90 backdrop-filter backdrop-blur-[2px] text-white rounded elevation-1 px-2 py-1"
+>
+	{#if header || $$slots.header}
+		<div class="text-center font-semibold pb-1 whitespace-nowrap">
+			<slot name="header">
+				{header}
+			</slot>
+		</div>
+	{/if}
+
+	<div class="grid grid-cols-[1fr,auto] gap-x-2 gap-y-1 items-center">
+		<slot />
+	</div>
+</div>

package/components/TooltipContainer.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        header?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        header: {};
+        default: {};
+    };
+};
+export declare type TooltipContainerProps = typeof __propDef.props;
+export declare type TooltipContainerEvents = typeof __propDef.events;
+export declare type TooltipContainerSlots = typeof __propDef.slots;
+export default class TooltipContainer extends SvelteComponentTyped<TooltipContainerProps, TooltipContainerEvents, TooltipContainerSlots> {
+}
+export {};

package/components/TooltipItem.svelte

@@ -0,0 +1,18 @@
+<script>import clsx from 'clsx';
+export let label;
+export let value;
+export let valueAlign = 'left';
+</script>
+
+<div class="text-xs text-white/75 text-right whitespace-nowrap">
+	<slot name="label">{label}:</slot>
+</div>
+
+<div
+	class={clsx('text-sm tabular-nums', {
+		'text-right': valueAlign === 'right',
+		'text-center': valueAlign === 'center'
+	})}
+>
+	<slot>{value}</slot>
+</div>

package/components/TooltipItem.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        label: any;
+        value: any;
+        valueAlign?: 'left' | 'right' | 'center';
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        label: {};
+        default: {};
+    };
+};
+export declare type TooltipItemProps = typeof __propDef.props;
+export declare type TooltipItemEvents = typeof __propDef.events;
+export declare type TooltipItemSlots = typeof __propDef.slots;
+export default class TooltipItem extends SvelteComponentTyped<TooltipItemProps, TooltipItemEvents, TooltipItemSlots> {
+}
+export {};

package/components/TooltipSeparator.svelte

@@ -0,0 +1 @@
+<div class="rounded bg-white/50 my-1 col-span-full h-px" />

package/components/TooltipSeparator.svelte.d.ts

@@ -0,0 +1,19 @@
+/** @typedef {typeof __propDef.props}  TooltipSeparatorProps */
+/** @typedef {typeof __propDef.events}  TooltipSeparatorEvents */
+/** @typedef {typeof __propDef.slots}  TooltipSeparatorSlots */
+export default class TooltipSeparator extends SvelteComponentTyped<{}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TooltipSeparatorProps = typeof __propDef.props;
+export type TooltipSeparatorEvents = typeof __propDef.events;
+export type TooltipSeparatorSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {};
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/index.d.ts

@@ -32,6 +32,9 @@ export { default as Sankey } from './Sankey.svelte';
 export { default as Text } from './Text.svelte';
 export { default as Threshold } from './Threshold.svelte';
 export { default as Tooltip } from './Tooltip.svelte';
+export { default as TooltipContainer } from './TooltipContainer.svelte';
+export { default as TooltipItem } from './TooltipItem.svelte';
+export { default as TooltipSeparator } from './TooltipSeparator.svelte';
 export { default as Tree } from './Tree.svelte';
 export { default as Treemap } from './Treemap.svelte';
 export { default as Zoom } from './Zoom.svelte';

package/components/index.js

@@ -32,6 +32,9 @@ export { default as Sankey } from './Sankey.svelte';
 export { default as Text } from './Text.svelte';
 export { default as Threshold } from './Threshold.svelte';
 export { default as Tooltip } from './Tooltip.svelte';
+export { default as TooltipContainer } from './TooltipContainer.svelte';
+export { default as TooltipItem } from './TooltipItem.svelte';
+export { default as TooltipSeparator } from './TooltipSeparator.svelte';
 export { default as Tree } from './Tree.svelte';
 export { default as Treemap } from './Treemap.svelte';
 export { default as Zoom } from './Zoom.svelte';

package/package.json

@@ -3,7 +3,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "devDependencies": {
     "@rollup/plugin-dsv": "^2.0.3",
     "@sveltejs/adapter-vercel": "^1.0.0-next.59",
@@ -87,6 +87,9 @@
     "./components/Text.svelte": "./components/Text.svelte",
     "./components/Threshold.svelte": "./components/Threshold.svelte",
     "./components/Tooltip.svelte": "./components/Tooltip.svelte",
+    "./components/TooltipContainer.svelte": "./components/TooltipContainer.svelte",
+    "./components/TooltipItem.svelte": "./components/TooltipItem.svelte",
+    "./components/TooltipSeparator.svelte": "./components/TooltipSeparator.svelte",
     "./components/Tree.svelte": "./components/Tree.svelte",
     "./components/Treemap.svelte": "./components/Treemap.svelte",
     "./components/Zoom.svelte": "./components/Zoom.svelte",