@atscript/vue-table 0.1.97 → 0.1.99

package/dist/as-action-form-dialog.cjs

@@ -74,7 +74,7 @@ var as_action_form_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			} finally {
 				if (!stale()) loading.value = false;
 			}
-		});
+		}, { immediate: true });
 		const formId = `as-action-form-${(0, vue.useId)()}`;
 		const view = (0, vue.computed)(() => {
 			const r = req.value;

package/dist/as-action-form-dialog.mjs

@@ -74,7 +74,7 @@ var as_action_form_dialog_default = /* @__PURE__ */ defineComponent({
 			} finally {
 				if (!stale()) loading.value = false;
 			}
-		});
+		}, { immediate: true });
 		const formId = `as-action-form-${useId()}`;
 		const view = computed(() => {
 			const r = req.value;

package/dist/{as-cell-array-DOQKR6t5.mjs → as-cell-array-2qmJ1lT2.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-DUq25I0L.mjs";
+import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
 //#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/{as-cell-array-CXeZzZqt.cjs → as-cell-array-iPeUnk2G.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BWdNs1YU.cjs");
+const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/as-cell-array.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_array = require("./as-cell-array-CXeZzZqt.cjs");
+const require_as_cell_array = require("./as-cell-array-iPeUnk2G.cjs");
 module.exports = require_as_cell_array.as_cell_array_default;

package/dist/as-cell-array.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-array.vue-DZGM2VHh.mjs";
+import { t as _default } from "./as-cell-array.vue-D4vS7C_D.mjs";
 export { _default as default };

package/dist/as-cell-array.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_array_default } from "./as-cell-array-DOQKR6t5.mjs";
+import { t as as_cell_array_default } from "./as-cell-array-2qmJ1lT2.mjs";
 export { as_cell_array_default as default };

package/dist/{as-cell-date-DPWBlhyM.mjs → as-cell-date-BwFgi6O0.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
-import { n as useCellLocale } from "./use-cell-locale-1uQaFTLQ.mjs";
+import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
+import { n as useCellLocale } from "./use-cell-locale-MQXoONh5.mjs";
 import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
 import { formatTimeAgoIntl } from "@vueuse/core";
 //#region src/utils/intl-cache.ts

package/dist/{as-cell-date-D0rowX5E.cjs → as-cell-date-DyixWKuS.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
-const require_use_cell_locale = require("./use-cell-locale-B480_QYK.cjs");
+const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
+const require_use_cell_locale = require("./use-cell-locale-BGBRQB7s.cjs");
 let vue = require("vue");
 let _vueuse_core = require("@vueuse/core");
 //#region src/utils/intl-cache.ts

package/dist/as-cell-date.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_date = require("./as-cell-date-D0rowX5E.cjs");
+const require_as_cell_date = require("./as-cell-date-DyixWKuS.cjs");
 module.exports = require_as_cell_date.as_cell_date_default;

package/dist/as-cell-date.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-date.vue-Zlt4mHWb.mjs";
+import { t as _default } from "./as-cell-date.vue-Chs7WTZ9.mjs";
 export { _default as default };

package/dist/as-cell-date.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_date_default } from "./as-cell-date-DPWBlhyM.mjs";
+import { t as as_cell_date_default } from "./as-cell-date-BwFgi6O0.mjs";
 export { as_cell_date_default as default };

package/dist/{as-cell-json-BynWIs1d.mjs → as-cell-json--95Xq6yq.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-DUq25I0L.mjs";
+import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, withCtx } from "vue";
 //#endregion
 //#region src/components/defaults/as-cell-json.vue

package/dist/{as-cell-json-DvHvQ6IL.cjs → as-cell-json-Bvv2P7YV.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BWdNs1YU.cjs");
+const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/defaults/as-cell-json.vue

package/dist/as-cell-json.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_json = require("./as-cell-json-DvHvQ6IL.cjs");
+const require_as_cell_json = require("./as-cell-json-Bvv2P7YV.cjs");
 module.exports = require_as_cell_json.as_cell_json_default;

package/dist/as-cell-json.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-json.vue-CESWuCer.mjs";
+import { t as _default } from "./as-cell-json.vue-C0_LDvQw.mjs";
 export { _default as default };

package/dist/as-cell-json.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_json_default } from "./as-cell-json-BynWIs1d.mjs";
+import { t as as_cell_json_default } from "./as-cell-json--95Xq6yq.mjs";
 export { as_cell_json_default as default };

package/dist/{as-cell-number-Bc1C97Vg.mjs → as-cell-number-DKRaS9pM.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
-import { n as useCellLocale } from "./use-cell-locale-1uQaFTLQ.mjs";
+import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
+import { n as useCellLocale } from "./use-cell-locale-MQXoONh5.mjs";
 import { formatDecimalForDisplay } from "@atscript/ui";
 import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
 //#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-cell-number-0_WrSCzu.cjs → as-cell-number-DuPMOesI.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
-const require_use_cell_locale = require("./use-cell-locale-B480_QYK.cjs");
+const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
+const require_use_cell_locale = require("./use-cell-locale-BGBRQB7s.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts

package/dist/as-cell-number.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_number = require("./as-cell-number-0_WrSCzu.cjs");
+const require_as_cell_number = require("./as-cell-number-DuPMOesI.cjs");
 module.exports = require_as_cell_number.as_cell_number_default;

package/dist/as-cell-number.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-number.vue-1Oq7nVI3.mjs";
+import { t as _default } from "./as-cell-number.vue-BBF0OuU8.mjs";
 export { _default as default };

package/dist/as-cell-number.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_number_default } from "./as-cell-number-Bc1C97Vg.mjs";
+import { t as as_cell_number_default } from "./as-cell-number-DKRaS9pM.mjs";
 export { as_cell_number_default as default };

package/dist/{as-cell-union-CFAI0utz.cjs → as-cell-union-CT0rIvQq.cjs}

@@ -1,6 +1,6 @@
-const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BWdNs1YU.cjs");
-const require_format_cell = require("./format-cell-D4mqaN0E.cjs");
+const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
+const require_format_cell = require("./format-cell-CSbJgz5B.cjs");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-union.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/{as-cell-union-C1w3B38J.mjs → as-cell-union-sAOSdepj.mjs}

@@ -1,6 +1,6 @@
-import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-DUq25I0L.mjs";
-import { t as formatCellValue } from "./format-cell-B2xMDYO9.mjs";
+import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
+import { t as formatCellValue } from "./format-cell-CNQ6BpvR.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/defaults/as-cell-union.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/as-cell-union.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_union = require("./as-cell-union-CFAI0utz.cjs");
+const require_as_cell_union = require("./as-cell-union-CT0rIvQq.cjs");
 module.exports = require_as_cell_union.as_cell_union_default;

package/dist/as-cell-union.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-union.vue-NnDmQZOA.mjs";
+import { t as _default } from "./as-cell-union.vue-CL-Lf-Rm.mjs";
 export { _default as default };

package/dist/as-cell-union.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_union_default } from "./as-cell-union-C1w3B38J.mjs";
+import { t as as_cell_union_default } from "./as-cell-union-sAOSdepj.mjs";
 export { as_cell_union_default as default };

package/dist/as-column-menu.cjs

@@ -1,2 +1,2 @@
-const require_as_column_menu = require("./as-column-menu-CH9Htz0Q.cjs");
+const require_as_column_menu = require("./as-column-menu-fZVbJ9lU.cjs");
 module.exports = require_as_column_menu.as_column_menu_default;

package/dist/as-column-menu.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-o0qFdzoL.cjs";
+import { t as _default } from "./as-column-menu.vue-BtXVQywl.cjs";
 export = _default;

package/dist/as-column-menu.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-C9e6wJ3z.mjs";
+import { t as _default } from "./as-column-menu.vue-D3Z5BVLx.mjs";
 export { _default as default };

package/dist/as-column-menu.mjs

@@ -1,2 +1,2 @@
-import { t as as_column_menu_default } from "./as-column-menu-DCfhorMP.mjs";
+import { t as as_column_menu_default } from "./as-column-menu-kTIQfLTi.mjs";
 export { as_column_menu_default as default };

package/dist/{as-column-menu.vue-C9e6wJ3z.d.mts → as-column-menu.vue-BtXVQywl.d.cts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-BvvXN72P.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { n as ColumnMenuConfig } from "./types-BPFBxUS_.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-column-menu.vue-o0qFdzoL.d.cts → as-column-menu.vue-D3Z5BVLx.d.mts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-CNMmF6W2.cjs";
-import * as vue from "vue";
+import { n as ColumnMenuConfig } from "./types-BWeFiZKk.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-config-dialog-BB6BDa1E.mjs → as-config-dialog-COwDabdW.mjs}

@@ -1,5 +1,7 @@
 import { a as useTableContext } from "./use-table-state-CuZ2OXoY.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { t as useTableComponent } from "./use-table-component-BbETnUuy.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { arraysEqual, sortersEqual } from "@atscript/ui-table";
 import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, ListboxContent, ListboxFilter, ListboxItem, ListboxItemIndicator, ListboxRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
 //#region src/composables/use-dialog-tab-keyboard.ts
@@ -490,6 +492,8 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 	__name: "as-config-dialog",
 	setup(__props) {
 		const { state } = useTableContext();
+		const FieldsSelector = useTableComponent("fieldsSelector", as_fields_selector_default);
+		const SortersConfig = useTableComponent("sortersConfig", as_sorters_config_default);
 		const columnsModel = shallowRef([]);
 		const filtersModel = shallowRef([]);
 		const sortersModel = shallowRef([]);
@@ -505,12 +509,10 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 				state.configTab.value = val;
 			}
 		});
-		watch(isOpen, (open) => {
-			if (open) {
-				columnsModel.value = [...state.columnNames.value];
-				filtersModel.value = [...state.filterFields.value];
-				sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
-			}
+		useSeedOnOpen(isOpen, () => {
+			columnsModel.value = [...state.columnNames.value];
+			filtersModel.value = [...state.filterFields.value];
+			sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
 		});
 		const filterableColumns = computed(() => state.allColumns.value.filter((c) => c.filterable));
 		const sortableColumns = computed(() => state.allColumns.value.filter((c) => c.sortable));
@@ -624,36 +626,36 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 										value: "columns",
 										class: "as-config-tab-content"
 									}, {
-										default: withCtx(() => [createVNode(as_fields_selector_default, {
+										default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(FieldsSelector)), {
 											columns: unref(state).allColumns.value,
 											modelValue: columnsModel.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnsModel.value = $event)
-										}, null, 8, ["columns", "modelValue"])]),
+										}, null, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									createVNode(unref(TabsContent), {
 										value: "filters",
 										class: "as-config-tab-content"
 									}, {
-										default: withCtx(() => [createVNode(as_fields_selector_default, {
+										default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(FieldsSelector)), {
 											columns: filterableColumns.value,
 											modelValue: filtersModel.value,
 											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filtersModel.value = $event)
 										}, {
 											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(label), 1), filterCount(value) > 0 ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(filterCount(value)), 1)) : createCommentVNode("v-if", true)])]),
 											_: 1
-										}, 8, ["columns", "modelValue"])]),
+										}, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									createVNode(unref(TabsContent), {
 										value: "sorters",
 										class: "as-config-tab-content"
 									}, {
-										default: withCtx(() => [createVNode(as_sorters_config_default, {
+										default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(SortersConfig)), {
 											columns: sortableColumns.value,
 											modelValue: sortersModel.value,
 											"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sortersModel.value = $event)
-										}, null, 8, ["columns", "modelValue"])]),
+										}, null, 8, ["columns", "modelValue"]))]),
 										_: 1
 									})
 								]),

package/dist/{as-config-dialog-BCvtSxi6.cjs → as-config-dialog-vOUtx5zq.cjs}

@@ -1,4 +1,6 @@
 const require_use_table_state = require("./use-table-state-DFQ30m-j.cjs");
+const require_use_table_component = require("./use-table-component-CirEOQ_P.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
@@ -490,6 +492,8 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "as-config-dialog",
 	setup(__props) {
 		const { state } = require_use_table_state.useTableContext();
+		const FieldsSelector = require_use_table_component.useTableComponent("fieldsSelector", as_fields_selector_default);
+		const SortersConfig = require_use_table_component.useTableComponent("sortersConfig", as_sorters_config_default);
 		const columnsModel = (0, vue.shallowRef)([]);
 		const filtersModel = (0, vue.shallowRef)([]);
 		const sortersModel = (0, vue.shallowRef)([]);
@@ -505,12 +509,10 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				state.configTab.value = val;
 			}
 		});
-		(0, vue.watch)(isOpen, (open) => {
-			if (open) {
-				columnsModel.value = [...state.columnNames.value];
-				filtersModel.value = [...state.filterFields.value];
-				sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
-			}
+		require_use_seed_on_open.useSeedOnOpen(isOpen, () => {
+			columnsModel.value = [...state.columnNames.value];
+			filtersModel.value = [...state.filterFields.value];
+			sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
 		});
 		const filterableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.filterable));
 		const sortableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.sortable));
@@ -624,36 +626,36 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										value: "columns",
 										class: "as-config-tab-content"
 									}, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)(as_fields_selector_default, {
+										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(FieldsSelector)), {
 											columns: (0, vue.unref)(state).allColumns.value,
 											modelValue: columnsModel.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnsModel.value = $event)
-										}, null, 8, ["columns", "modelValue"])]),
+										}, null, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsContent), {
 										value: "filters",
 										class: "as-config-tab-content"
 									}, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)(as_fields_selector_default, {
+										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(FieldsSelector)), {
 											columns: filterableColumns.value,
 											modelValue: filtersModel.value,
 											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filtersModel.value = $event)
 										}, {
 											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_2, [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(label), 1), filterCount(value) > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(filterCount(value)), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
 											_: 1
-										}, 8, ["columns", "modelValue"])]),
+										}, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsContent), {
 										value: "sorters",
 										class: "as-config-tab-content"
 									}, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)(as_sorters_config_default, {
+										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(SortersConfig)), {
 											columns: sortableColumns.value,
 											modelValue: sortersModel.value,
 											"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sortersModel.value = $event)
-										}, null, 8, ["columns", "modelValue"])]),
+										}, null, 8, ["columns", "modelValue"]))]),
 										_: 1
 									})
 								]),

package/dist/as-config-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_config_dialog = require("./as-config-dialog-BCvtSxi6.cjs");
+const require_as_config_dialog = require("./as-config-dialog-vOUtx5zq.cjs");
 module.exports = require_as_config_dialog.as_config_dialog_default;

package/dist/as-config-dialog.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-config-dialog.vue-C6Q62xF5.mjs";
+import { t as _default } from "./as-config-dialog.vue-BvFZZRuY.mjs";
 export { _default as default };

package/dist/as-config-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_config_dialog_default } from "./as-config-dialog-BB6BDa1E.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-COwDabdW.mjs";
 export { as_config_dialog_default as default };

package/dist/as-confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_confirm_dialog = require("./as-confirm-dialog-Xtw2wE1X.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-C6HAGzrj.cjs");
 module.exports = require_as_confirm_dialog.as_confirm_dialog_default;

package/dist/as-confirm-dialog.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-confirm-dialog.vue-pas8jGhv.mjs";
+import { t as _default } from "./as-confirm-dialog.vue-Cz52-v6c.mjs";
 export { _default as default };

package/dist/as-confirm-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-DL0mCEeX.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-ClVKU1Dm.mjs";
 export { as_confirm_dialog_default as default };

package/dist/{as-filter-dialog-O62-CnIQ.cjs → as-filter-dialog-BcPI27cn.cjs}

@@ -1,63 +1,16 @@
 const require_use_table_state = require("./use-table-state-DFQ30m-j.cjs");
-const require_as_filter_field = require("./as-filter-field-jL7cnKUR.cjs");
-const require_as_config_dialog = require("./as-config-dialog-BCvtSxi6.cjs");
-const require_as_filter_input = require("./as-filter-input--nr72iwX.cjs");
-const require_as_window_table = require("./as-window-table-DuwMCDUh.cjs");
-const require_as_filters = require("./as-filters-BFpZKtAU.cjs");
+const require_use_table = require("./use-table-CLsp2mAu.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-Bh1tpG0X.cjs");
+const require_use_table_component = require("./use-table-component-CirEOQ_P.cjs");
+const require_as_config_dialog = require("./as-config-dialog-vOUtx5zq.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
+const require_as_filter_input = require("./as-filter-input-DJu2k9gO.cjs");
+const require_as_window_table = require("./as-window-table-CCRJKpoE.cjs");
+const require_as_filters = require("./as-filters-BzdQ4HUx.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
-//#region src/composables/use-table-nav-bridge.ts
-function isPassthroughKey(event) {
-	const key = event.key;
-	const meta = event.metaKey;
-	const ctrl = event.ctrlKey;
-	const alt = event.altKey;
-	if (key === " ") return true;
-	if (key.length === 1 && !meta && !ctrl && !alt) return true;
-	if ((key === "Home" || key === "End") && !meta && !ctrl && !alt) return true;
-	return false;
-}
-/**
-* Construct a keyboard-bridge for an external `<input>` to drive table nav
-* without losing focus. Without args, injects the nearest `<as-table-root>`
-* context's state. With an explicit `state`, binds to that state. With
-* `opts.enterAction`, the returned bridge's `onKeydown` defaults to that
-* enter-action (per-call options still win).
-*
-* Each call returns a fresh bridge object — callers that need stable
-* identity should bind once at setup and reuse the binding.
-*/
-function useTableNavBridge(state, opts) {
-	let target = state;
-	if (!target) {
-		const ctx = require_use_table_state.useTableContextOptional();
-		if (!ctx) throw new Error("[vue-table] useTableNavBridge() called outside of <as-table-root>.");
-		target = ctx.state;
-	}
-	const bound = target;
-	const defaultEnterAction = opts?.enterAction;
-	const modeOpt = opts?.mode;
-	const readMode = () => {
-		if (typeof modeOpt === "function") return modeOpt();
-		return modeOpt ?? "none";
-	};
-	function onKeydown(event, callOpts) {
-		if (isPassthroughKey(event)) return;
-		bound.handleNavKey(event, {
-			enterAction: callOpts?.enterAction ?? defaultEnterAction,
-			mode: callOpts?.mode ?? readMode()
-		});
-	}
-	return {
-		onKeydown,
-		activeIndex: bound.activeIndex,
-		setActive: bound.setActive,
-		clearActive: bound.clearActive
-	};
-}
-//#endregion
 //#region src/components/internal/as-filter-conditions.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$2 = ["value", "onChange"];
 const _hoisted_2$2 = ["value"];
@@ -84,6 +37,7 @@ var as_filter_conditions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const props = __props;
+		const FilterInput = require_use_table_component.useTableComponent("filterInput", require_as_filter_input.as_filter_input_default);
 		const model = (0, vue.useModel)(__props, "modelValue");
 		const filterType = (0, vue.computed)(() => (0, _atscript_ui_table.columnFilterType)(props.column.type));
 		const availableConditions = (0, vue.computed)(() => (0, _atscript_ui_table.conditionsForType)(filterType.value, props.column.nullable));
@@ -135,17 +89,17 @@ var as_filter_conditions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								value: ct
 							}, (0, vue.toDisplayString)((0, vue.unref)(_atscript_ui_table.conditionLabel)(ct)), 9, _hoisted_2$2);
 						}), 128))], 40, _hoisted_1$2),
-						(0, vue.createVNode)(require_as_filter_input.as_filter_input_default, {
+						((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(FilterInput)), {
 							column: __props.column,
 							condition: cond,
 							"filter-type": filterType.value,
 							"onUpdate:condition": (c) => updateCondition(index, c)
-						}, null, 8, [
+						}, null, 40, [
 							"column",
 							"condition",
 							"filter-type",
 							"onUpdate:condition"
-						]),
+						])),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "as-filter-condition-remove",
@@ -227,7 +181,7 @@ var as_filter_value_help_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const selectionRef = (0, vue.ref)(modelToValues(model.value));
 		const resolved = (0, vue.shallowRef)(null);
 		let innerState;
-		if (info) innerState = require_as_filter_field.useTable(info.url, {
+		if (info) innerState = require_use_table.useTable(info.url, {
 			limit: 100,
 			queryOnMount: false,
 			provideContext: true,
@@ -282,7 +236,7 @@ var as_filter_value_help_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				fkState.query();
 			}, { immediate: true });
 		}
-		const navBridge = innerState ? useTableNavBridge(innerState) : void 0;
+		const navBridge = innerState ? require_use_table_nav_bridge.useTableNavBridge(innerState) : void 0;
 		if (innerState) (0, vue.watch)(selectionRef, (v) => {
 			if ((0, _atscript_ui_table.sameColumnSet)(modelToValues(model.value), v)) return;
 			model.value = valuesToModel(v);
@@ -379,6 +333,7 @@ var as_filter_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "as-filter-dialog",
 	setup(__props) {
 		const { state } = require_use_table_state.useTableContext();
+		const FilterValueHelp = require_use_table_component.useTableComponent("filterValueHelp", as_filter_value_help_default);
 		const isOpen = (0, vue.computed)({
 			get: () => state.filterDialogColumn.value !== null,
 			set: (val) => {
@@ -391,8 +346,8 @@ var as_filter_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const valueHelpConditions = (0, vue.ref)([]);
 		const freeConditions = (0, vue.ref)([]);
 		const activeTab = (0, vue.ref)("value-help");
-		(0, vue.watch)(column, (col) => {
-			if (!col) return;
+		require_use_seed_on_open.useSeedOnOpen(column, () => {
+			const col = column.value;
 			const existing = state.filters.value[col.path] ?? [];
 			if (hasValueHelp.value) {
 				valueHelpConditions.value = existing.filter(_atscript_ui_table.isSimpleEq);
@@ -544,11 +499,11 @@ var as_filter_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										value: "value-help",
 										class: "as-filter-dialog-tab-content"
 									}, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)(as_filter_value_help_default, {
+										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(FilterValueHelp)), {
 											column: column.value,
 											modelValue: valueHelpConditions.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueHelpConditions.value = $event)
-										}, null, 8, ["column", "modelValue"])]),
+										}, null, 8, ["column", "modelValue"]))]),
 										_: 1
 									}),
 									(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsContent), {
@@ -613,9 +568,3 @@ Object.defineProperty(exports, "as_filter_dialog_default", {
 		return as_filter_dialog_default;
 	}
 });
-Object.defineProperty(exports, "useTableNavBridge", {
-	enumerable: true,
-	get: function() {
-		return useTableNavBridge;
-	}
-});