@atscript/vue-table 0.1.146 → 0.1.148

package/dist/as-table.cjs

@@ -1,2 +1,2 @@
-const require_as_table = require("./as-table-BjKzKB0a.cjs");
+const require_as_table = require("./as-table-BIAkCI4g.cjs");
 module.exports = require_as_table.as_table_default;

package/dist/as-table.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table.vue-BULJe49x.cjs";
+import { L as _default } from "./as-table-root.vue-DXXcBPu_.cjs";
 export = _default;

package/dist/as-table.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table.vue-DgCtlV4u.mjs";
+import { L as _default } from "./as-table-root.vue-D56WcudY.mjs";
 export { _default as default };

package/dist/as-table.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_default } from "./as-table-DGWfzV4w.mjs";
+import { t as as_table_default } from "./as-table-Bcz-WOTS.mjs";
 export { as_table_default as default };

package/dist/{as-window-table-JOTOi_Nm.mjs → as-window-table-DjplqWzr.mjs}

@@ -1,9 +1,9 @@
-import { _ as toSelectAllState, a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-DuY-Mf8e.mjs";
+import { _ as toSelectAllState, a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-CIoWhwTD.mjs";
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { t as useSelectModeReset } from "./use-table-selection-ULbKT2xW.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-BitvioH4.mjs";
-import { a as useRafBatch, i as as_table_colgroup_default, n as as_table_status_default, o as useCellComponents, r as as_table_header_default, s as useCellResolver, t as as_select_cell_default } from "./as-select-cell-BMptU5sQ.mjs";
+import { t as useSelectModeReset } from "./use-table-selection-CdaOPo1d.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-CsF2w9iT.mjs";
+import { n as useTableColumnHandlers, r as useRowActionsColumn, t as as_selection_banner_default } from "./as-selection-banner-Ca9DWVdW.mjs";
+import { a as useRafBatch, i as as_table_colgroup_default, n as as_table_status_default, o as useCellComponents, r as as_table_header_default, s as useCellResolver, t as as_select_cell_default } from "./as-select-cell-DjcPorVb.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx, withModifiers } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, clampTopIndex, filledFilterCount, rowsToPks } from "@atscript/ui-table";
 import { useElementSize, useResizeObserver } from "@vueuse/core";
@@ -292,7 +292,16 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 			const rows = allLoadedRows.value;
 			return rows ? new Set(rowsToPks(state.selectableRows(rows), state.rowValueFn)) : null;
 		});
+		/**
+		* The header acts on the CACHED rows instead of the whole dataset while a
+		* query selection is held (it covers unloaded rows anyway), and — for a
+		* table that offers "Select all N matching" — while the dataset is only
+		* partly loaded: picking the cached rows is the step before the banner's
+		* offer. Since 0.1.147.
+		*/
+		const cachedScope = computed(() => props.select === "multi" && (!!state.querySelection.value || allLoadedRows.value === null && state.canSelectAllMatching.value));
 		const selectAllState = computed(() => {
+			if (cachedScope.value) return toSelectAllState(state.loadedSelectedCount.value, state.loadedEligiblePks.value.length, !!state.querySelection.value);
 			const eligible = eligibleLoadedPks.value;
 			if (!eligible) return void 0;
 			let selected = 0;
@@ -315,7 +324,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 			const top = state.topIndex.value;
 			const rowValueFn = state.rowValueFn;
 			const hasSelection = props.select !== "none";
-			const selectedSet = hasSelection ? new Set(state.selectedRows.value) : null;
+			const isSelected = state.isPkSelected;
 			const gated = !!state.rowSelectable.value;
 			const hasHooks = gated || !!props.rowClass || !!props.rowAttrs;
 			const out = [];
@@ -323,7 +332,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 				const abs = top + s;
 				const row = state.dataAt(abs);
 				const pk = row === void 0 ? void 0 : rowValueFn(row);
-				const selected = selectedSet !== null && row !== void 0 && selectedSet.has(pk);
+				const selected = hasSelection && row !== void 0 && isSelected(pk);
 				let selectable = SELECTABLE;
 				let cls;
 				let attrs;
@@ -422,8 +431,13 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 			state.requestMainAction(event);
 		}
 		function onToggleAll() {
-			const rows = allLoadedRows.value;
-			if (rows) state.toggleAll(rows);
+			if (!cachedScope.value) {
+				const rows = allLoadedRows.value;
+				if (rows) state.toggleAll(rows);
+				return;
+			}
+			const entries = [...state.windowCache.value.entries()];
+			state.toggleAll(entries.map(([, row]) => row), (i) => entries[i][0]);
 		}
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = useTableColumnHandlers(state);
 		const wrapperRef = ref(null);
@@ -789,6 +803,26 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 		});
 		useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), useHasEmitListener("onMainAction"));
 		const containerRef = ref(null);
+		const bannerRef = ref(null);
+		const bannerHeight = ref(0);
+		useResizeObserver(() => {
+			const el = bannerRef.value?.$el;
+			return el instanceof HTMLElement ? el : void 0;
+		}, (entries) => {
+			bannerHeight.value = (entries[0]?.target)?.offsetHeight ?? 0;
+		});
+		let lastMetrics = null;
+		watch(bannerHeight, () => applyContainerSize());
+		function applyContainerSize() {
+			const container = containerRef.value;
+			if (!container || !lastMetrics) return;
+			const minR = props.rows ?? props.minRows;
+			const maxR = props.rows ?? props.maxRows;
+			const { rowHeightPx, chromePx } = lastMetrics;
+			const px = (n) => `${n * rowHeightPx + chromePx + bannerHeight.value}px`;
+			container.style.minHeight = minR !== void 0 ? px(minR) : "";
+			container.style.maxHeight = maxR !== void 0 ? px(maxR) : "";
+		}
 		function onMetrics({ fits, rowHeightPx, chromePx }) {
 			const minR = props.rows ?? props.minRows;
 			const maxR = props.rows ?? props.maxRows;
@@ -798,11 +832,11 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 			state.viewportRowCount.value = target;
 			const clamped = clampTopIndex(state.topIndex.value, state.totalCount.value, target);
 			if (clamped !== state.topIndex.value) state.topIndex.value = clamped;
-			const container = containerRef.value;
-			if (!container) return;
-			const px = (n) => `${n * rowHeightPx + chromePx}px`;
-			container.style.minHeight = minR !== void 0 ? px(minR) : "";
-			container.style.maxHeight = maxR !== void 0 ? px(maxR) : "";
+			lastMetrics = {
+				rowHeightPx,
+				chromePx
+			};
+			applyContainerSize();
 		}
 		watch(() => state.lastError.value, (info) => {
 			if (info) emit("error", info.error, info.kind);
@@ -812,46 +846,58 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 				ref_key: "containerRef",
 				ref: containerRef,
 				class: "as-table-outer-wrap"
-			}, [createVNode(as_window_table_base_default, {
-				columns: unref(effectiveColumns),
-				"row-height": __props.rowHeight,
-				"wheel-rows-per-tick": __props.wheelRowsPerTick,
-				"column-menu": __props.columnMenu,
-				reorderable: __props.reorderable,
-				resizable: __props.resizable,
-				"column-min-width": __props.columnMinWidth,
-				select: __props.select,
-				"select-on": __props.selectOn,
-				headless: __props.headless,
-				"enter-action": __props.enterAction,
-				"row-class": __props.rowClass,
-				"row-attrs": __props.rowAttrs,
-				onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
-				onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev)),
-				onViewportMetricsChange: onMetrics
-			}, createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
-				return {
-					name,
-					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps ?? {})))])
-				};
-			})]), 1032, [
-				"columns",
-				"row-height",
-				"wheel-rows-per-tick",
-				"column-menu",
-				"reorderable",
-				"resizable",
-				"column-min-width",
-				"select",
-				"select-on",
-				"headless",
-				"enter-action",
-				"row-class",
-				"row-attrs"
-			]), unref(state).querying.value ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
-				class: "as-table-query-overlay-icon",
-				"aria-hidden": "true"
-			}, null, -1))])])) : createCommentVNode("v-if", true)], 512);
+			}, [
+				createVNode(as_selection_banner_default, {
+					ref_key: "bannerRef",
+					ref: bannerRef,
+					scope: "loaded"
+				}, createSlots({ _: 2 }, [_ctx.$slots["selection-banner"] ? {
+					name: "default",
+					fn: withCtx((bannerProps) => [renderSlot(_ctx.$slots, "selection-banner", normalizeProps(guardReactiveProps(bannerProps)))]),
+					key: "0"
+				} : void 0]), 1536),
+				createVNode(as_window_table_base_default, {
+					columns: unref(effectiveColumns),
+					"row-height": __props.rowHeight,
+					"wheel-rows-per-tick": __props.wheelRowsPerTick,
+					"column-menu": __props.columnMenu,
+					reorderable: __props.reorderable,
+					resizable: __props.resizable,
+					"column-min-width": __props.columnMinWidth,
+					select: __props.select,
+					"select-on": __props.selectOn,
+					headless: __props.headless,
+					"enter-action": __props.enterAction,
+					"row-class": __props.rowClass,
+					"row-attrs": __props.rowAttrs,
+					onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
+					onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev)),
+					onViewportMetricsChange: onMetrics
+				}, createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+					return {
+						name,
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps ?? {})))])
+					};
+				})]), 1032, [
+					"columns",
+					"row-height",
+					"wheel-rows-per-tick",
+					"column-menu",
+					"reorderable",
+					"resizable",
+					"column-min-width",
+					"select",
+					"select-on",
+					"headless",
+					"enter-action",
+					"row-class",
+					"row-attrs"
+				]),
+				unref(state).querying.value ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
+					class: "as-table-query-overlay-icon",
+					"aria-hidden": "true"
+				}, null, -1))])])) : createCommentVNode("v-if", true)
+			], 512);
 		};
 	}
 });

package/dist/{as-window-table-Bj1dXOS6.cjs → as-window-table-ubm2u8_i.cjs}

@@ -1,9 +1,9 @@
-const require_use_table_state = require("./use-table-state-Ddr2UZzB.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_use_table_selection = require("./use-table-selection-DtCV3rhu.cjs");
-const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
-const require_use_table_column_handlers = require("./use-table-column-handlers-DksXpbON.cjs");
-const require_as_select_cell = require("./as-select-cell-DwMfqBMV.cjs");
+const require_use_table_selection = require("./use-table-selection-Cs7-gjHg.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-gD1aWp6N.cjs");
+const require_as_selection_banner = require("./as-selection-banner-CxPXBztW.cjs");
+const require_as_select_cell = require("./as-select-cell-Dc3lArvR.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");
@@ -292,7 +292,16 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const rows = allLoadedRows.value;
 			return rows ? new Set((0, _atscript_ui_table.rowsToPks)(state.selectableRows(rows), state.rowValueFn)) : null;
 		});
+		/**
+		* The header acts on the CACHED rows instead of the whole dataset while a
+		* query selection is held (it covers unloaded rows anyway), and — for a
+		* table that offers "Select all N matching" — while the dataset is only
+		* partly loaded: picking the cached rows is the step before the banner's
+		* offer. Since 0.1.147.
+		*/
+		const cachedScope = (0, vue.computed)(() => props.select === "multi" && (!!state.querySelection.value || allLoadedRows.value === null && state.canSelectAllMatching.value));
 		const selectAllState = (0, vue.computed)(() => {
+			if (cachedScope.value) return require_use_table_state.toSelectAllState(state.loadedSelectedCount.value, state.loadedEligiblePks.value.length, !!state.querySelection.value);
 			const eligible = eligibleLoadedPks.value;
 			if (!eligible) return void 0;
 			let selected = 0;
@@ -315,7 +324,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const top = state.topIndex.value;
 			const rowValueFn = state.rowValueFn;
 			const hasSelection = props.select !== "none";
-			const selectedSet = hasSelection ? new Set(state.selectedRows.value) : null;
+			const isSelected = state.isPkSelected;
 			const gated = !!state.rowSelectable.value;
 			const hasHooks = gated || !!props.rowClass || !!props.rowAttrs;
 			const out = [];
@@ -323,7 +332,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				const abs = top + s;
 				const row = state.dataAt(abs);
 				const pk = row === void 0 ? void 0 : rowValueFn(row);
-				const selected = selectedSet !== null && row !== void 0 && selectedSet.has(pk);
+				const selected = hasSelection && row !== void 0 && isSelected(pk);
 				let selectable = SELECTABLE;
 				let cls;
 				let attrs;
@@ -422,10 +431,15 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			state.requestMainAction(event);
 		}
 		function onToggleAll() {
-			const rows = allLoadedRows.value;
-			if (rows) state.toggleAll(rows);
+			if (!cachedScope.value) {
+				const rows = allLoadedRows.value;
+				if (rows) state.toggleAll(rows);
+				return;
+			}
+			const entries = [...state.windowCache.value.entries()];
+			state.toggleAll(entries.map(([, row]) => row), (i) => entries[i][0]);
 		}
-		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_use_table_column_handlers.useTableColumnHandlers(state);
+		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_as_selection_banner.useTableColumnHandlers(state);
 		const wrapperRef = (0, vue.ref)(null);
 		const poolRef = (0, vue.ref)(null);
 		let recomputeScheduled = false;
@@ -782,13 +796,33 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			state.rowSelectable.value = val;
 		}, { immediate: true });
 		require_use_table_selection.useSelectModeReset(state, () => props.select);
-		const effectiveColumns = require_use_table_column_handlers.useRowActionsColumn(state, {
+		const effectiveColumns = require_as_selection_banner.useRowActionsColumn(state, {
 			placement: () => props.rowActionsColumn,
 			select: () => props.select,
 			columns: () => state.columns.value
 		});
 		require_use_table_state.useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), require_use_has_emit_listener.useHasEmitListener("onMainAction"));
 		const containerRef = (0, vue.ref)(null);
+		const bannerRef = (0, vue.ref)(null);
+		const bannerHeight = (0, vue.ref)(0);
+		(0, _vueuse_core.useResizeObserver)(() => {
+			const el = bannerRef.value?.$el;
+			return el instanceof HTMLElement ? el : void 0;
+		}, (entries) => {
+			bannerHeight.value = (entries[0]?.target)?.offsetHeight ?? 0;
+		});
+		let lastMetrics = null;
+		(0, vue.watch)(bannerHeight, () => applyContainerSize());
+		function applyContainerSize() {
+			const container = containerRef.value;
+			if (!container || !lastMetrics) return;
+			const minR = props.rows ?? props.minRows;
+			const maxR = props.rows ?? props.maxRows;
+			const { rowHeightPx, chromePx } = lastMetrics;
+			const px = (n) => `${n * rowHeightPx + chromePx + bannerHeight.value}px`;
+			container.style.minHeight = minR !== void 0 ? px(minR) : "";
+			container.style.maxHeight = maxR !== void 0 ? px(maxR) : "";
+		}
 		function onMetrics({ fits, rowHeightPx, chromePx }) {
 			const minR = props.rows ?? props.minRows;
 			const maxR = props.rows ?? props.maxRows;
@@ -798,11 +832,11 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			state.viewportRowCount.value = target;
 			const clamped = (0, _atscript_ui_table.clampTopIndex)(state.topIndex.value, state.totalCount.value, target);
 			if (clamped !== state.topIndex.value) state.topIndex.value = clamped;
-			const container = containerRef.value;
-			if (!container) return;
-			const px = (n) => `${n * rowHeightPx + chromePx}px`;
-			container.style.minHeight = minR !== void 0 ? px(minR) : "";
-			container.style.maxHeight = maxR !== void 0 ? px(maxR) : "";
+			lastMetrics = {
+				rowHeightPx,
+				chromePx
+			};
+			applyContainerSize();
 		}
 		(0, vue.watch)(() => state.lastError.value, (info) => {
 			if (info) emit("error", info.error, info.kind);
@@ -812,46 +846,58 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				ref_key: "containerRef",
 				ref: containerRef,
 				class: "as-table-outer-wrap"
-			}, [(0, vue.createVNode)(as_window_table_base_default, {
-				columns: (0, vue.unref)(effectiveColumns),
-				"row-height": __props.rowHeight,
-				"wheel-rows-per-tick": __props.wheelRowsPerTick,
-				"column-menu": __props.columnMenu,
-				reorderable: __props.reorderable,
-				resizable: __props.resizable,
-				"column-min-width": __props.columnMinWidth,
-				select: __props.select,
-				"select-on": __props.selectOn,
-				headless: __props.headless,
-				"enter-action": __props.enterAction,
-				"row-class": __props.rowClass,
-				"row-attrs": __props.rowAttrs,
-				onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
-				onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev)),
-				onViewportMetricsChange: onMetrics
-			}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(_ctx.$slots, (_, name) => {
-				return {
-					name,
-					fn: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, name, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(slotProps ?? {})))])
-				};
-			})]), 1032, [
-				"columns",
-				"row-height",
-				"wheel-rows-per-tick",
-				"column-menu",
-				"reorderable",
-				"resizable",
-				"column-min-width",
-				"select",
-				"select-on",
-				"headless",
-				"enter-action",
-				"row-class",
-				"row-attrs"
-			]), (0, vue.unref)(state).querying.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
-				class: "as-table-query-overlay-icon",
-				"aria-hidden": "true"
-			}, null, -1))])])) : (0, vue.createCommentVNode)("v-if", true)], 512);
+			}, [
+				(0, vue.createVNode)(require_as_selection_banner.as_selection_banner_default, {
+					ref_key: "bannerRef",
+					ref: bannerRef,
+					scope: "loaded"
+				}, (0, vue.createSlots)({ _: 2 }, [_ctx.$slots["selection-banner"] ? {
+					name: "default",
+					fn: (0, vue.withCtx)((bannerProps) => [(0, vue.renderSlot)(_ctx.$slots, "selection-banner", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(bannerProps)))]),
+					key: "0"
+				} : void 0]), 1536),
+				(0, vue.createVNode)(as_window_table_base_default, {
+					columns: (0, vue.unref)(effectiveColumns),
+					"row-height": __props.rowHeight,
+					"wheel-rows-per-tick": __props.wheelRowsPerTick,
+					"column-menu": __props.columnMenu,
+					reorderable: __props.reorderable,
+					resizable: __props.resizable,
+					"column-min-width": __props.columnMinWidth,
+					select: __props.select,
+					"select-on": __props.selectOn,
+					headless: __props.headless,
+					"enter-action": __props.enterAction,
+					"row-class": __props.rowClass,
+					"row-attrs": __props.rowAttrs,
+					onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
+					onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev)),
+					onViewportMetricsChange: onMetrics
+				}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(_ctx.$slots, (_, name) => {
+					return {
+						name,
+						fn: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, name, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(slotProps ?? {})))])
+					};
+				})]), 1032, [
+					"columns",
+					"row-height",
+					"wheel-rows-per-tick",
+					"column-menu",
+					"reorderable",
+					"resizable",
+					"column-min-width",
+					"select",
+					"select-on",
+					"headless",
+					"enter-action",
+					"row-class",
+					"row-attrs"
+				]),
+				(0, vue.unref)(state).querying.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
+					class: "as-table-query-overlay-icon",
+					"aria-hidden": "true"
+				}, null, -1))])])) : (0, vue.createCommentVNode)("v-if", true)
+			], 512);
 		};
 	}
 });

package/dist/as-window-table.cjs

@@ -1,2 +1,2 @@
-const require_as_window_table = require("./as-window-table-Bj1dXOS6.cjs");
+const require_as_window_table = require("./as-window-table-ubm2u8_i.cjs");
 module.exports = require_as_window_table.as_window_table_default;

package/dist/as-window-table.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-window-table.vue-ijutqrJ0.cjs";
+import { I as _default } from "./as-table-root.vue-DXXcBPu_.cjs";
 export = _default;

package/dist/as-window-table.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-window-table.vue-CYFgK10g.mjs";
+import { I as _default } from "./as-table-root.vue-D56WcudY.mjs";
 export { _default as default };

package/dist/as-window-table.mjs

@@ -1,2 +1,2 @@
-import { t as as_window_table_default } from "./as-window-table-JOTOi_Nm.mjs";
+import { t as as_window_table_default } from "./as-window-table-DjplqWzr.mjs";
 export { as_window_table_default as default };