intable 0.0.1

package/dist/index.js

@@ -0,0 +1,348 @@
+import { unFn } from "./utils.js";
+import { toReactive, useMemo } from "./hooks/index.js";
+/* empty css       */
+import { CellSelectionPlugin } from "./plugins/CellSelectionPlugin.js";
+import { ClipboardPlugin } from "./plugins/CopyPastePlugin.js";
+import { EditablePlugin } from "./plugins/EditablePlugin.js";
+import { solidComponent } from "./components/utils.js";
+import { RenderPlugin } from "./plugins/RenderPlugin/index.js";
+import { CommandPlugin } from "./plugins/CommandPlugin.js";
+import { RowSelectionPlugin } from "./plugins/RowSelectionPlugin.js";
+import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
+import { For, createComputed, createContext, createEffect, createMemo, createSignal, getOwner, mapArray, mergeProps as mergeProps$1, on, onCleanup, runWithOwner, useContext } from "solid-js";
+import { createMutable, reconcile } from "solid-js/store";
+import { difference, mapValues, sumBy } from "es-toolkit";
+import { combineProps } from "@solid-primitives/props";
+import { createElementSize } from "@solid-primitives/resize-observer";
+import { createScrollPosition } from "@solid-primitives/scroll";
+var _tmpl$ = /* @__PURE__ */ template(`<table>`), _tmpl$2 = /* @__PURE__ */ template(`<thead>`), _tmpl$3 = /* @__PURE__ */ template(`<tbody>`), _tmpl$4 = /* @__PURE__ */ template(`<tr>`), _tmpl$5 = /* @__PURE__ */ template(`<th>`), _tmpl$6 = /* @__PURE__ */ template(`<td>`), _tmpl$7 = /* @__PURE__ */ template(`<div><div class=data-table__layers></div><table class=data-table--table>`);
+const Ctx = createContext({ props: {} });
+const Table = (props) => {
+	props = mergeProps$1({ rowKey: "id" }, props);
+	const plugins = createMemo(() => [
+		...defaultsPlugins,
+		...props.plugins || [],
+		RenderPlugin
+	].sort((a, b) => (b.priority || 0) - (a.priority || 0)));
+	const store = createMutable({
+		get rawProps() {
+			return props;
+		},
+		get plugins() {
+			return plugins();
+		}
+	});
+	const owner = getOwner();
+	createComputed((old) => {
+		const added = difference(plugins(), old);
+		runWithOwner(owner, () => {
+			added.forEach((e) => Object.assign(store, e.store?.(store)));
+		});
+		return plugins();
+	}, []);
+	const pluginsProps = mapArray(plugins, () => createSignal({}));
+	createComputed(mapArray(plugins, (e, i) => {
+		const prev = () => pluginsProps()[i() - 1]?.[0]() || props;
+		const ret = mergeProps$1(prev, toReactive(mapValues(e.rewriteProps || {}, (v) => useMemo(() => v(prev(), { store })))));
+		pluginsProps()[i()][1](ret);
+	}));
+	const mProps = toReactive(() => pluginsProps()[pluginsProps().length - 1][0]());
+	store.props = mProps;
+	const ctx = createMutable({ props: mProps });
+	window.store = store;
+	window.ctx = ctx;
+	return createComponent(Ctx.Provider, {
+		value: ctx,
+		get children() {
+			return createComponent(ctx.props.Table, { get children() {
+				return [createComponent(THead, {}), createComponent(TBody, {})];
+			} });
+		}
+	});
+};
+var THead = () => {
+	const { props } = useContext(Ctx);
+	return createComponent(props.Thead, { get children() {
+		return createComponent(props.Tr, { get children() {
+			return createComponent(props.EachCells, {
+				get each() {
+					return props.columns || [];
+				},
+				children: (col, colIndex) => createComponent(props.Th, {
+					col,
+					get x() {
+						return colIndex();
+					},
+					get children() {
+						return col.name;
+					}
+				})
+			});
+		} });
+	} });
+};
+var TBody = () => {
+	const { props } = useContext(Ctx);
+	return createComponent(props.Tbody, { get children() {
+		return createComponent(props.EachRows, {
+			get each() {
+				return props.data;
+			},
+			children: (row, rowIndex) => createComponent(props.Tr, {
+				get y() {
+					return rowIndex();
+				},
+				data: row,
+				get children() {
+					return createComponent(props.EachCells, {
+						get each() {
+							return props.columns;
+						},
+						children: (col, colIndex) => createComponent(props.Td, {
+							col,
+							get x() {
+								return colIndex();
+							},
+							get y() {
+								return rowIndex();
+							},
+							data: row,
+							get children() {
+								return row[col.id];
+							}
+						})
+					});
+				}
+			})
+		});
+	} });
+};
+function BasePlugin() {
+	const omits = {
+		col: null,
+		data: null
+	};
+	const table = (o) => (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, o, false, false);
+		return _el$;
+	})();
+	const thead = (o) => (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, o, false, false);
+		return _el$2;
+	})();
+	const tbody = (o) => (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, o, false, false);
+		return _el$3;
+	})();
+	const tr = (o) => (() => {
+		var _el$4 = _tmpl$4();
+		spread(_el$4, mergeProps(o, omits), false, false);
+		return _el$4;
+	})();
+	const th = (o) => (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps(o, omits), false, false);
+		return _el$5;
+	})();
+	const td = (o) => (() => {
+		var _el$6 = _tmpl$6();
+		spread(_el$6, mergeProps(o, omits), false, false);
+		return _el$6;
+	})();
+	return {
+		priority: Infinity,
+		store: (store) => ({
+			ths: [],
+			thSizes: [],
+			trs: [],
+			trSizes: [],
+			internal: Symbol("internal")
+		}),
+		rewriteProps: {
+			data: ({ data = [] }) => data,
+			columns: ({ columns = [] }) => columns,
+			newRow: ({ newRow = () => ({}) }) => newRow,
+			Table: ({ Table: Table$1 = table }, { store }) => (o) => {
+				const [el, setEl] = createSignal();
+				const { props } = useContext(Ctx);
+				o = combineProps({
+					ref: setEl,
+					get class() {
+						return `data-table ${props.class} ${props.border && "data-table--border"} data-table--${props.size}`;
+					},
+					get style() {
+						return props.style;
+					}
+				}, o);
+				return createComponent(Table$1, o);
+			},
+			Thead: ({ Thead = thead }, { store }) => (o) => {
+				o = combineProps({ ref: (el) => store.thead = el }, o);
+				return createComponent(Thead, o);
+			},
+			Tbody: ({ Tbody = tbody }, { store }) => (o) => {
+				o = combineProps({ ref: (el) => store.tbody = el }, o);
+				return createComponent(Tbody, o);
+			},
+			Tr: ({ Tr = tr }, { store }) => (o) => {
+				const [el, setEl] = createSignal();
+				o = combineProps({ ref: setEl }, o);
+				createEffect(() => {
+					const { y } = o;
+					store.trs[y] = el();
+					store.trSizes[y] = createElementSize(el());
+					onCleanup(() => store.trSizes[y] = store.trs[y] = void 0);
+				});
+				return createComponent(Tr, o);
+			},
+			Th: ({ Th = th }, { store }) => (o) => {
+				const [el, setEl] = createSignal();
+				const { props } = useContext(Ctx);
+				const mProps = combineProps(o, { ref: setEl }, {
+					get class() {
+						return unFn(props.cellClass, o);
+					},
+					get style() {
+						return unFn(props.cellStyle, o);
+					}
+				}, {
+					get class() {
+						return o.col.class;
+					},
+					get style() {
+						return o.col.style;
+					}
+				}, { get style() {
+					return o.col.width ? `width: ${o.col.width}px` : "";
+				} });
+				createEffect(() => {
+					const { x } = o;
+					store.ths[x] = el();
+					store.thSizes[x] = createElementSize(el());
+					onCleanup(() => store.thSizes[x] = store.ths[x] = void 0);
+				});
+				return createComponent(Th, mergeProps(mProps, { get children() {
+					return o.children;
+				} }));
+			},
+			Td: ({ Td = td }, { store }) => (o) => {
+				const { props } = useContext(Ctx);
+				const mProps = combineProps(o, {
+					get class() {
+						return unFn(props.cellClass, o);
+					},
+					get style() {
+						return unFn(props.cellStyle, o);
+					}
+				}, {
+					get class() {
+						return o.col.class;
+					},
+					get style() {
+						return o.col.style;
+					}
+				}, { get style() {
+					return o.col.width ? `width: ${o.col.width}px` : "";
+				} });
+				return createComponent(Td, mergeProps(mProps, { get children() {
+					return o.children;
+				} }));
+			},
+			EachRows: ({ EachRows }) => EachRows || For,
+			EachCells: ({ EachCells }) => EachCells || For,
+			renderer: ({ renderer = (a) => a }) => renderer
+		}
+	};
+}
+var IndexPlugin = {
+	store: (store) => ({ $index: {
+		name: "",
+		id: Symbol("index"),
+		fixed: "left",
+		[store.internal]: 1,
+		width: 40,
+		style: "text-align: center",
+		class: "index",
+		render: solidComponent((o) => o.y + 1)
+	} }),
+	rewriteProps: { columns: (props, { store }) => store.props?.index ? [store.$index, ...props.columns || []] : props.columns }
+};
+var StickyHeaderPlugin = { rewriteProps: { Thead: ({ Thead }) => (o) => {
+	const { props } = useContext(Ctx);
+	o = combineProps({ get class() {
+		return props.stickyHeader ? "sticky-header" : "";
+	} }, o);
+	return createComponent(Thead, o);
+} } };
+var FixedColumnPlugin = { rewriteProps: {
+	columns: ({ columns }) => [
+		...columns?.filter((e) => e.fixed == "left") || [],
+		...columns?.filter((e) => !e.fixed) || [],
+		...columns?.filter((e) => e.fixed == "right") || []
+	],
+	cellClass: ({ cellClass }) => (o) => (unFn(cellClass, o) || "") + (o.col.fixed ? ` fixed-${o.col.fixed}` : ""),
+	cellStyle: ({ cellStyle }, { store }) => (o) => (unFn(cellStyle, o) || "") + (o.col.fixed ? `; ${o.col.fixed}: ${sumBy(store.thSizes.slice(o.col.fixed == "left" ? 0 : o.x + 1, o.col.fixed == "left" ? o.x : Infinity), (size) => size?.width || 0)}px` : "")
+} };
+var FitColWidthPlugin = { rewriteProps: {
+	Table: (prev, { store }) => (o) => {
+		const size1 = createElementSize(() => store.scroll_el);
+		createEffect(on(() => [size1.width, prev.columns], async () => {
+			const w = store.scroll_el.clientWidth;
+			store._fit_col_width__cols_temp = null;
+			await Promise.resolve();
+			const gap = (w - store.table.offsetWidth) / store.props.columns.filter((e) => !e.width).length;
+			store._fit_col_width__cols_temp = prev.columns.map((e, i) => ({ width: e.width ?? Math.max((store.thSizes[i]?.width || 0) + gap, 80) }));
+		}));
+		return createComponent(prev.Table, o);
+	},
+	columns: ({ columns }, { store }) => reconcile(columns.map((e, i) => ({
+		...e,
+		...store._fit_col_width__cols_temp?.[i]
+	})))(store._fit_col_width__cols ??= [])
+} };
+const ScrollPlugin = {
+	priority: Infinity,
+	rewriteProps: { Table: (prev, { store }) => (o) => {
+		const pos = createScrollPosition(() => store.scroll_el);
+		const size = createElementSize(() => store.scroll_el);
+		const clazz = createMemo(() => {
+			const el = store.scroll_el;
+			if (!el) return;
+			const isleft = pos.x == 0;
+			const isright = pos.x >= el.scrollWidth - (size.width || 0);
+			return isleft && isright ? "" : !isleft && !isright ? "is-scroll-mid" : isleft ? "is-scroll-left" : isright ? "is-scroll-right" : "";
+		});
+		o = combineProps(o, {
+			ref: (el) => store.scroll_el = el,
+			class: "data-table--scroll-view"
+		}, { get class() {
+			return clazz();
+		} });
+		const layers = mapArray(() => store.plugins.flatMap((e) => e.layers ?? []), (Layer) => createComponent(Layer, store));
+		return (() => {
+			var _el$7 = _tmpl$7(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling;
+			spread(_el$7, o, false, true);
+			insert(_el$8, layers);
+			use((el) => store.table = el, _el$9);
+			insert(_el$9, () => o.children);
+			return _el$7;
+		})();
+	} }
+};
+const defaultsPlugins = [
+	ScrollPlugin,
+	BasePlugin(),
+	CommandPlugin,
+	CellSelectionPlugin,
+	RowSelectionPlugin,
+	IndexPlugin,
+	StickyHeaderPlugin,
+	FixedColumnPlugin,
+	ClipboardPlugin,
+	EditablePlugin,
+	FitColWidthPlugin
+];
+export { Ctx, ScrollPlugin, Table, defaultsPlugins };

package/dist/intable.css

@@ -0,0 +1,277 @@
+@charset "UTF-8";@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-space-y-reverse:initial;--un-border-opacity:100%;--un-space-x-reverse:initial;--un-content:"";--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-text-opacity:100%;--un-outline-style:solid;--un-outline-opacity:100%;--un-leading:initial;}}@property --un-leading{syntax:"*";inherits:false;}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}:root, :host {--spacing: 0.25rem;--colors-gray-DEFAULT: oklch(70.7% 0.022 261.325);--text-sm-fontSize: 0.875rem;--text-sm-lineHeight: 1.25rem;--radius-sm: 0.25rem;--colors-blue-DEFAULT: oklch(70.7% 0.165 254.624);--font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family: var(--font-sans);--default-monoFont-family: var(--font-mono);}/*  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)  2. Remove default margins and padding  3. Reset all borders.*/*,::after,::before,::backdrop,::file-selector-button {  box-sizing: border-box; /* 1 */  margin: 0; /* 2 */  padding: 0; /* 2 */  border: 0 solid; /* 3 */}/*  1. Use a consistent sensible line-height in all browsers.  2. Prevent adjustments of font size after orientation changes in iOS.  3. Use a more readable tab size.  4. Use the user's configured `sans` font-family by default.  5. Use the user's configured `sans` font-feature-settings by default.  6. Use the user's configured `sans` font-variation-settings by default.  7. Disable tap highlights on iOS.*/html,:host {  line-height: 1.5; /* 1 */  -webkit-text-size-adjust: 100%; /* 2 */  tab-size: 4; /* 3 */  font-family: var(    --default-font-family,    ui-sans-serif,    system-ui,    sans-serif,    'Apple Color Emoji',    'Segoe UI Emoji',    'Segoe UI Symbol',    'Noto Color Emoji'  ); /* 4 */  font-feature-settings: var(--default-font-featureSettings, normal); /* 5 */  font-variation-settings: var(--default-font-variationSettings, normal); /* 6 */  -webkit-tap-highlight-color: transparent; /* 7 */}/*  1. Add the correct height in Firefox.  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)  3. Reset the default border style to a 1px solid border.*/hr {  height: 0; /* 1 */  color: inherit; /* 2 */  border-top-width: 1px; /* 3 */}/*  Add the correct text decoration in Chrome, Edge, and Safari.*/abbr:where([title]) {  -webkit-text-decoration: underline dotted;  text-decoration: underline dotted;}/*  Remove the default font size and weight for headings.*/h1,h2,h3,h4,h5,h6 {  font-size: inherit;  font-weight: inherit;}/*  Reset links to optimize for opt-in styling instead of opt-out.*/a {  color: inherit;  -webkit-text-decoration: inherit;  text-decoration: inherit;}/*  Add the correct font weight in Edge and Safari.*/b,strong {  font-weight: bolder;}/*  1. Use the user's configured `mono` font-family by default.  2. Use the user's configured `mono` font-feature-settings by default.  3. Use the user's configured `mono` font-variation-settings by default.  4. Correct the odd `em` font sizing in all browsers.*/code,kbd,samp,pre {  font-family: var(    --default-monoFont-family,    ui-monospace,    SFMono-Regular,    Menlo,    Monaco,    Consolas,    'Liberation Mono',    'Courier New',    monospace  ); /* 1 */  font-feature-settings: var(--default-monoFont-featureSettings, normal); /* 2 */  font-variation-settings: var(--default-monoFont-variationSettings, normal); /* 3 */  font-size: 1em; /* 4 */}/*  Add the correct font size in all browsers.*/small {  font-size: 80%;}/*  Prevent `sub` and `sup` elements from affecting the line height in all browsers.*/sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}/*  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)  3. Remove gaps between table borders by default.*/table {  text-indent: 0; /* 1 */  border-color: inherit; /* 2 */  border-collapse: collapse; /* 3 */}/*  Use the modern Firefox focus style for all focusable elements.*/:-moz-focusring {  outline: auto;}/*  Add the correct vertical alignment in Chrome and Firefox.*/progress {  vertical-align: baseline;}/*  Add the correct display in Chrome and Safari.*/summary {  display: list-item;}/*  Make lists unstyled by default.*/ol,ul,menu {  list-style: none;}/*  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)      This can trigger a poorly considered lint error in some tools but is included by design.*/img,svg,video,canvas,audio,iframe,embed,object {  display: block; /* 1 */  vertical-align: middle; /* 2 */}/*  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)*/img,video {  max-width: 100%;  height: auto;}/*  1. Inherit font styles in all browsers.  2. Remove border radius in all browsers.  3. Remove background color in all browsers.  4. Ensure consistent opacity for disabled states in all browsers.*/button,input,select,optgroup,textarea,::file-selector-button {  font: inherit; /* 1 */  font-feature-settings: inherit; /* 1 */  font-variation-settings: inherit; /* 1 */  letter-spacing: inherit; /* 1 */  color: inherit; /* 1 */  border-radius: 0; /* 2 */  background-color: transparent; /* 3 */  opacity: 1; /* 4 */}/*  Restore default font weight.*/:where(select:is([multiple], [size])) optgroup {  font-weight: bolder;}/*  Restore indentation.*/:where(select:is([multiple], [size])) optgroup option {  padding-inline-start: 20px;}/*  Restore space after button.*/::file-selector-button {  margin-inline-end: 4px;}/*  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)*/::placeholder {  opacity: 1;}/*  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)*/@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or  (contain-intrinsic-size: 1px) /* Safari 17+ */ {  ::placeholder {    color: color-mix(in oklab, currentcolor 50%, transparent);  }}/*  Prevent resizing textareas horizontally by default.*/textarea {  resize: vertical;}/*  Remove the inner padding in Chrome and Safari on macOS.*/::-webkit-search-decoration {  -webkit-appearance: none;}/*  1. Ensure date/time inputs have the same height when empty in iOS Safari.  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.*/::-webkit-date-and-time-value {  min-height: 1lh; /* 1 */  text-align: inherit; /* 2 */}/*  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.*/::-webkit-datetime-edit {  display: inline-flex;}/*  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.*/::-webkit-datetime-edit-fields-wrapper {  padding: 0;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {  padding-block: 0;}/*  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)*/::-webkit-calendar-picker-indicator {  line-height: 1;}/*  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)*/:-moz-ui-invalid {  box-shadow: none;}/*  Correct the inability to style the border radius in iOS Safari.*/button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {  appearance: button;}/*  Correct the cursor style of increment and decrement buttons in Safari.*/::-webkit-inner-spin-button,::-webkit-outer-spin-button {  height: auto;}/*  Make elements with the HTML hidden attribute stay hidden by default.*/[hidden]:where(:not([hidden~='until-found'])) {  display: none !important;}.container{width:100%;}.aic{align-items:center;}@media (min-width: 40rem){.container{max-width:40rem;}}@media (min-width: 48rem){.container{max-width:48rem;}}@media (min-width: 64rem){.container{max-width:64rem;}}@media (min-width: 80rem){.container{max-width:80rem;}}@media (min-width: 96rem){.container{max-width:96rem;}}.text-3\.5{font-size:0.875rem;}.lh-\[1\]{--un-leading:1;line-height:1;}.mx-1{margin-inline:calc(var(--spacing) * 1);}.mx-3\!{margin-inline:calc(var(--spacing) * 3) !important;}.my-1{margin-block:calc(var(--spacing) * 1);}.ml{margin-left:calc(var(--spacing) * 4);}.ml-\.5{margin-left:calc(var(--spacing) * 0.5);}.ml-1{margin-left:calc(var(--spacing) * 1);}.mr--1{margin-right:calc(var(--spacing) * -1);}.mr-1{margin-right:calc(var(--spacing) * 1);}.mr-2{margin-right:calc(var(--spacing) * 2);}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5);}.ms{margin-inline-start:calc(var(--spacing) * 4);}.p-1{padding:calc(var(--spacing) * 1);}.px,.px-4{padding-inline:calc(var(--spacing) * 4);}.px-2{padding-inline:calc(var(--spacing) * 2);}.py-1{padding-block:calc(var(--spacing) * 1);}.py-2{padding-block:calc(var(--spacing) * 2);}.pl-1{padding-left:calc(var(--spacing) * 1);}.pr-4{padding-right:calc(var(--spacing) * 4);}.ps{padding-inline-start:calc(var(--spacing) * 4);}.outline-0{outline-style:var(--un-outline-style);outline-width:0px;}.outline-2{outline-style:var(--un-outline-style);outline-width:2px;}.outline-blue{outline-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-outline-opacity), transparent) /* oklch(70.7% 0.165 254.624) */;}.b,.border{border-width:1px;}.rd-2{border-radius:0.5rem;}.rd-sm{border-radius:var(--radius-sm);}.bg-\#dafaea{background-color:color-mix(in oklab, #dafaea var(--un-bg-opacity), transparent) /* #dafaea */;}.bg-\#ffe8e8{background-color:color-mix(in oklab, #ffe8e8 var(--un-bg-opacity), transparent) /* #ffe8e8 */;}.bg-\#fff{background-color:color-mix(in oklab, #fff var(--un-bg-opacity), transparent) /* #fff */;}.bg-gray\/20{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent) /* oklch(70.7% 0.022 261.325) */;}.op-75{opacity:75%;}.op40{opacity:40%;}.flex{display:flex;}.flex-shrink-0{flex-shrink:0;}.flex-row{flex-direction:row;}.flex-wrap{flex-wrap:wrap;}.gap-2{gap:calc(var(--spacing) * 2);}.size-4\!{width:calc(var(--spacing) * 4) !important;height:calc(var(--spacing) * 4) !important;}.size-full{width:100%;height:100%;}.h-40vh{height:40vh;}.h-a\!{height:auto !important;}.h-full{height:100%;}.max-h-100{max-height:calc(var(--spacing) * 100);}.min-h-40{min-height:calc(var(--spacing) * 40);}.min-h-a\!{min-height:auto !important;}.w-50vw\!{width:50vw !important;}.after\:h-1::after{height:calc(var(--spacing) * 1);}.after\:w-1::after{width:calc(var(--spacing) * 1);}.block{display:block;}.cursor-s-resize{cursor:s-resize;}.cursor-w-resize{cursor:w-resize;}.resize-none{resize:none;}.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}.items-center{align-items:center;}.box-border{box-sizing:border-box;}.justify-center{justify-content:center;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.z-1{z-index:1;}.z-9{z-index:9;}.of-auto,.overflow-auto{overflow:auto;}.table{display:table;}@supports (color: color-mix(in lab, red, red)){.outline-blue{outline-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-outline-opacity), transparent) /* oklch(70.7% 0.165 254.624) */;}.bg-gray\/20{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent) /* oklch(70.7% 0.022 261.325) */;}}:root {
+  color-scheme: light;
+  --bg: #fff;
+  --menu-bg: #fff;
+  --header-bg: #f6f6f7;
+}
+
+.dark {
+  color-scheme: dark;
+  --bg: #121212;
+  --menu-bg: #121212;
+  --header-bg: #161618;
+}
+
+body {
+  margin:calc(var(--spacing) * 0);background-color:color-mix(in oklab, var(--bg) var(--un-bg-opacity), transparent) /* var(--bg) */;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  font-size: 1em;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+
+button:hover {
+  border-color: #646cff;
+}
+
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+mark {
+  padding: 0.1rem 0.3rem;
+}
+
+.col-hand {
+  --w: 4px;
+  position: absolute;
+  top: 0;
+  left: 100%;
+  height: 100%;
+  width: var(--gap);
+  cursor: w-resize;
+  display: flex;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 100ms linear;
+}
+.col-hand:hover, .col-hand:active {
+  opacity: 1;
+}
+.col-hand::after {
+  content: "";
+  display: block;
+  flex-shrink: 0;
+  width: 4px;
+  height: 100%;
+  background: rgba(128, 128, 128, 0.5);
+}
+.col-hand > .dot {
+  --w: 20px;
+  position: absolute;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translateY(-50%);
+  width: calc(var(--w) * 1);
+  height: calc(var(--w) * 1);
+}
+.col-hand > .dot:hover::after {
+  content: "+";
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: calc(var(--w) * 1);
+  height: calc(var(--w) * 1);
+  background-color: rgba(0, 0, 255, 0.75);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+}
+.col-hand > .dot::after {
+  content: "";
+  display: block;
+  width: 8px;
+  height: 8px;
+  color: #fff;
+  background-color: rgba(0, 0, 255, 0.5);
+  border-radius: 50%;
+  transition: all 100ms;
+  cursor: pointer;
+}
+
+.li {
+  cursor:pointer;position:relative;
+}
+.li:hover, .li.hover {
+  background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent) /* oklch(70.7% 0.022 261.325) */;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.li:hover,.li.hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent) /* oklch(70.7% 0.022 261.325) */;}}
+.li:active::before, .li.selected::before, .li.active::before {
+  content: "";
+  border-radius:inherit;background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent) /* oklch(70.7% 0.022 261.325) */;inset:calc(var(--spacing) * 0);position:absolute;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.li:active::before,.li.selected::before,.li.active::before{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent) /* oklch(70.7% 0.022 261.325) */;}}
+.li.disabled, .li[disabled] {
+  opacity: 0.4;
+}
+
+.tt-menu {
+  font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-block:calc(var(--spacing) * 1);border-width:1px;border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;border-radius:0.5rem;--un-border-style:solid;border-style:solid;background-color:color-mix(in oklab, var(--menu-bg) var(--un-bg-opacity), transparent) /* var(--menu-bg) */;cursor:default;--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.tt-menu{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}.tt-menu{:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--un-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-y-reverse)));}}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
+
+.tt-menu-x {
+  font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 1);border-width:1px;border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;border-radius:0.5rem;--un-border-style:solid;border-style:solid;background-color:color-mix(in oklab, var(--menu-bg) var(--un-bg-opacity), transparent) /* var(--menu-bg) */;cursor:default;--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.tt-menu-x{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}.tt-menu-x{:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--un-space-x-reverse));margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-x-reverse)));}}@property --un-space-x-reverse{syntax:"*";inherits:false;initial-value:0;}
+.tt-menu-x > .hr {
+  margin-block:calc(var(--spacing) * 1.5);background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;width:1px;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.tt-menu-x > .hr{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;}}
+:root {
+  --c-primary: #51a2ff;
+  --select-area-bg: #5292f71a;
+}
+
+.data-table {
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #ebeef5;
+  --table-c: #606266;
+  --table-bg: #fff;
+  --table-header-c: #909399;
+  --table-header-bg: var(--table-bg);
+  --table-row-hover-bg: #f5f7fa;
+  font-size:14px;color:color-mix(in oklab, var(--table-c) var(--un-text-opacity), transparent) /* var(--table-c) */;border-color:color-mix(in oklab, var(--table-b-c) var(--un-border-opacity), transparent) /* var(--table-b-c) */;position:relative;
+}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.data-table--table {
+  color:color-mix(in oklab, var(--table-c) var(--un-text-opacity), transparent) /* var(--table-c) */;outline-style:var(--un-outline-style);outline-width:0px;border-width:0px;width:max-content;border-collapse:collapse;table-layout:fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
+.data-table thead {
+  color:color-mix(in oklab, var(--table-header-c) var(--un-text-opacity), transparent) /* var(--table-header-c) */;
+}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.data-table tr:hover > td {
+  background-color:color-mix(in oklab, var(--table-row-hover-bg) var(--un-bg-opacity), transparent) /* var(--table-row-hover-bg) */;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.data-table th {
+  background-color:color-mix(in oklab, var(--table-header-bg) var(--un-bg-opacity), transparent) /* var(--table-header-bg) */;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.data-table td {
+  background-color:color-mix(in oklab, var(--table-bg) var(--un-bg-opacity), transparent) /* var(--table-bg) */;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.data-table td, .data-table th {
+  padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 0.5);vertical-align:middle;outline-style:var(--un-outline-style);outline-width:0px;border-width:0px;border-bottom-width:0px;border-color:color-mix(in oklab, var(--table-b-c) var(--un-border-opacity), transparent) /* var(--table-b-c) */;--un-border-style:solid;border-style:solid;box-sizing:border-box;
+  text-align: inherit;
+  background-image: linear-gradient(var(--table-b-c), var(--table-b-c));
+  background-repeat: no-repeat;
+  background-size: 100% 1px, 1px 100%;
+  background-position: 100% 100%, 100% 0;
+}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.data-table td:empty::after {
+  content: "ㅤ" !important;
+}
+.data-table--border {
+  border-width:1px;
+}
+.data-table--border th, .data-table--border td {
+  background-image: linear-gradient(var(--table-b-c), var(--table-b-c)), linear-gradient(var(--table-b-c), var(--table-b-c));
+}
+.data-table--scroll-view {
+  overflow:auto;
+}
+.data-table__layers {
+  pointer-events:none;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;z-index:1;
+}.data-table__layers>*{position:absolute;}
+
+.range-selected {
+  position:relative;
+}
+.range-selected > .area {
+  border-width:0px;border-color:color-mix(in oklab, var(--c-primary) var(--un-border-opacity), transparent) /* var(--c-primary) */;--un-border-style:solid;border-style:solid;background-color:color-mix(in oklab, var(--select-area-bg) var(--un-bg-opacity), transparent) /* var(--select-area-bg) */;pointer-events:none;inset:calc(var(--spacing) * 0);position:absolute;
+}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.range-selected-l > .area {
+  border-left-width:2px;
+}
+.range-selected-r > .area {
+  border-right-width:2px;
+}
+.range-selected-t > .area {
+  border-top-width:2px;
+}
+.range-selected-b > .area {
+  border-bottom-width:2px;
+}
+
+.row-range-highlight, .col-range-highlight {
+  position:relative;
+}
+.row-range-highlight > .area, .col-range-highlight > .area {
+  border-width:0px;border-color:color-mix(in oklab, var(--c-primary) var(--un-border-opacity), transparent) /* var(--c-primary) */;--un-border-style:solid;border-style:solid;background-color:color-mix(in oklab, var(--c-primary) 10%, transparent) /* var(--c-primary) */;pointer-events:none;inset:calc(var(--spacing) * 0);position:absolute;
+}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+
+.row-range-highlight > .area {
+  border-right-width:1px;
+}
+
+.col-range-highlight > .area {
+  border-bottom-width:1px;
+}
+
+.sticky-header {
+  background-color:color-mix(in oklab, #fff var(--un-bg-opacity), transparent) /* #fff */;top:calc(var(--spacing) * 0);position:sticky;z-index:9;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.sticky-header::after {
+  width:100%;height:10px;pointer-events:none;--un-content:'';content:var(--un-content);top:100%;position:absolute;
+  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
+}@property --un-content{syntax:"*";inherits:false;initial-value:"";}
+
+.fixed-left, .fixed-right {
+  background-color:color-mix(in oklab, #fff var(--un-bg-opacity), transparent) /* #fff */;position:sticky !important;z-index:1;
+}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+.fixed-left::after, .fixed-right::after {
+  width:10px;height:100%;pointer-events:none;--un-content:'';content:var(--un-content);top:calc(var(--spacing) * 0);position:absolute;
+}@property --un-content{syntax:"*";inherits:false;initial-value:"";}
+
+.is-scroll-right .fixed-left::after, .is-scroll-mid .fixed-left::after {
+  left:100%;
+  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
+}
+
+.is-scroll-left .fixed-right::after, .is-scroll-mid .fixed-right::after {
+  right:100%;
+  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
+}
+
+.copied .range-selected::before {
+  border-style: dashed;
+}
+
+.data-table.virtual {
+  width:fit-content;display:block;overflow:auto;
+}
+.data-table.virtual thead {
+  width:fit-content;display:block;
+}.data-table.virtual thead>tr{display:flex;}.data-table.virtual thead>tr>th{flex:0 0 auto;display:block;}
+.data-table.virtual tbody {
+  width:fit-content;display:block;
+}.data-table.virtual tbody>tr{display:flex;}.data-table.virtual tbody>tr>td{flex:0 0 auto;display:block;}
+
+.row-selection {
+  width:calc(var(--spacing) * 10);
+}
+.row-selection > label {
+  display:flex;width:100%;height:100%;align-items:center;inset:calc(var(--spacing) * 0);justify-content:center;position:absolute;
+}
+
+.icon-clickable {
+  padding:calc(var(--spacing) * 0.5);border-radius:0.25rem;display:flex;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);align-items:center;box-sizing:border-box;justify-content:center;
+}.icon-clickable:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.icon-clickable:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent) /* oklch(70.7% 0.022 261.325) */;}}.icon-clickable>svg{width:100%;height:100%;}
+
+input[type=checkbox].you-checkbox {
+  color:color-mix(in oklab, #2196f3 var(--un-text-opacity), transparent) /* #2196f3 */;margin:calc(var(--spacing) * 1);-webkit-appearance:none;appearance:none;outline-offset:0px;border-width:2px;border-color:currentColor;border-radius:0.25rem;--un-border-style:solid;border-style:solid;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);position:relative;
+}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}input[type=checkbox].you-checkbox:focus{outline-style:var(--un-outline-style);outline-width:4px;outline-color:color-mix(in oklab, #2196f3 40%, transparent) /* #2196f3 */;--un-outline-style:solid;outline-style:solid;}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}input[type=checkbox].you-checkbox:checked{background-color:currentColor;}
+input[type=checkbox].you-checkbox.checked::after {
+  font-size:0.75rem;color:color-mix(in oklab, #fff var(--un-text-opacity), transparent) /* #fff */;--un-content:"✓";content:var(--un-content);--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);top:50%;left:50%;position:absolute;z-index:1;
+}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-content{syntax:"*";inherits:false;initial-value:"";}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
+
+.in-cell-edit-wrapper {
+  inset:calc(var(--spacing) * 0);position:absolute;
+}
+
+.in-cell__resize-handle {
+  width:100%;height:100%;
+}.in-cell__resize-handle:hover::after{background-color:color-mix(in oklab, var(--c-primary) 40%, transparent) /* var(--c-primary) */;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.in-cell__resize-handle:active::after{background-color:color-mix(in oklab, var(--c-primary) var(--un-bg-opacity), transparent) /* var(--c-primary) */;}
+.in-cell__resize-handle::after {
+  --un-content:'';content:var(--un-content);
+}@property --un-content{syntax:"*";inherits:false;initial-value:"";}/*$vite$:1*/

package/dist/loading.js

@@ -0,0 +1,8 @@
+import { spread, template } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ template(`<svg width=1.2em height=1.2em xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"><g><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.14></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.29 transform="rotate(30 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.43 transform="rotate(60 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.57 transform="rotate(90 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.71 transform="rotate(120 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.86 transform="rotate(150 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor transform="rotate(180 12 12)"></rect><animateTransform attributeName=transform calcMode=discrete dur=0.75s repeatCount=indefinite type=rotate values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12">`);
+var loading_default = (props = {}) => (() => {
+	var _el$ = _tmpl$();
+	spread(_el$, props, true, true);
+	return _el$;
+})();
+export { loading_default as default };

package/dist/plugins/CellChangeHighlightPlugin.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from '..';
+export declare function CellChangeHighlightPlugin(): Plugin;

package/dist/plugins/CellChangeHighlightPlugin.js

@@ -0,0 +1,4 @@
+function CellChangeHighlightPlugin() {
+	return {};
+}
+export { CellChangeHighlightPlugin };