@atscript/vue-table 0.1.58

package/dist/as-table-root-gG7pTIdD.mjs

@@ -0,0 +1,258 @@
+import { i as useRegisterMainActionListener } from "./use-table-state-C4JbonEZ.mjs";
+import { r as useTable } from "./as-filter-field-Bqvu2ASN.mjs";
+import { n as useTableNavBridge, t as as_filter_dialog_default } from "./as-filter-dialog-C0HMpUPT.mjs";
+import { n as useHasEmitListener } from "./use-table-column-handlers-t6xi1yCE.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-vRklaKbi.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-BLh3Ju4-.mjs";
+import { t as as_preset_dialog_default } from "./as-preset-dialog-BdDRgwf_.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineAsyncComponent, defineComponent, mergeModels, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useModel, watch } from "vue";
+//#endregion
+//#region src/components/as-table-root.vue
+var as_table_root_default = /* @__PURE__ */ defineComponent({
+	__name: "as-table-root",
+	props: /* @__PURE__ */ mergeModels({
+		url: {
+			type: String,
+			required: true
+		},
+		clientFactory: {
+			type: Function,
+			required: false
+		},
+		controls: {
+			type: Object,
+			required: false
+		},
+		types: {
+			type: Object,
+			required: false
+		},
+		components: {
+			type: Object,
+			required: false
+		},
+		formTypes: {
+			type: Object,
+			required: false
+		},
+		formComponents: {
+			type: Object,
+			required: false
+		},
+		limit: {
+			type: Number,
+			required: false
+		},
+		forceFilters: {
+			type: null,
+			required: false
+		},
+		forceSorters: {
+			type: Array,
+			required: false
+		},
+		queryOnMount: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		queryFn: {
+			type: Function,
+			required: false
+		},
+		blockQuery: {
+			type: Boolean,
+			required: false
+		},
+		rowValueFn: {
+			type: Function,
+			required: false
+		},
+		selectionPersistence: {
+			type: String,
+			required: false,
+			default: "trim"
+		},
+		blockSize: {
+			type: Number,
+			required: false
+		},
+		dragReleaseDebounceMs: {
+			type: Number,
+			required: false
+		},
+		refreshOnAction: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		urlQuerySync: {
+			type: Object,
+			required: false
+		},
+		preset: {
+			type: Object,
+			required: false
+		}
+	}, {
+		"filterFields": {
+			type: Array,
+			default: () => []
+		},
+		"filterFieldsModifiers": {},
+		"columnNames": {
+			type: Array,
+			default: () => []
+		},
+		"columnNamesModifiers": {},
+		"columnWidths": {
+			type: Object,
+			default: () => ({})
+		},
+		"columnWidthsModifiers": {},
+		"sorters": {
+			type: Array,
+			default: () => []
+		},
+		"sortersModifiers": {},
+		"selectedRows": {
+			type: Array,
+			default: () => []
+		},
+		"selectedRowsModifiers": {},
+		"urlQuery": {
+			type: null,
+			default: () => void 0
+		},
+		"urlQueryModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["main-action", "action"], [
+		"update:filterFields",
+		"update:columnNames",
+		"update:columnWidths",
+		"update:sorters",
+		"update:selectedRows",
+		"update:urlQuery"
+	]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const LazyActionFormDialog = defineAsyncComponent(() => import("./as-action-form-dialog.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const filterFields = useModel(__props, "filterFields");
+		const columnNames = useModel(__props, "columnNames");
+		const columnWidths = useModel(__props, "columnWidths");
+		const sorters = useModel(__props, "sorters");
+		const selectedRows = useModel(__props, "selectedRows");
+		/**
+		* Bidirectional URL bridge bound via `v-model:url-query`. When unbound the
+		* feature is off (zero overhead); when bound the first query is gated on
+		* tableDef settle + URL hydration so the table fetches once.
+		*/
+		const urlQuery = useModel(__props, "urlQuery");
+		const urlQueryActive = useHasEmitListener("onUpdate:urlQuery").value;
+		const urlQueryReady = ref(!urlQueryActive);
+		const state = useTable(props.url, {
+			limit: props.limit,
+			rowValueFn: props.rowValueFn,
+			selectionPersistence: props.selectionPersistence,
+			forceFilters: props.forceFilters,
+			forceSorters: props.forceSorters,
+			queryFn: props.queryFn,
+			queryOnMount: props.queryOnMount,
+			blockQuery: props.blockQuery,
+			blockSize: props.blockSize,
+			dragReleaseDebounceMs: props.dragReleaseDebounceMs,
+			clientFactory: props.clientFactory,
+			controls: props.controls,
+			types: props.types,
+			components: props.components,
+			formTypes: props.formTypes,
+			formComponents: props.formComponents,
+			refreshOnAction: () => props.refreshOnAction,
+			onActionResolved: (action, ids, result, event) => {
+				emit("action", action, ids, result, event);
+			},
+			filterFields,
+			columnNames,
+			columnWidths,
+			sorters,
+			selectedRows,
+			urlQueryReady: urlQueryActive ? urlQueryReady : void 0,
+			onUrlQueryChange: urlQueryActive ? (s) => urlQuery.value = s : void 0,
+			urlQuerySync: props.urlQuerySync,
+			preset: props.preset
+		});
+		if (urlQueryActive) watch([
+			() => state.tableDef.value,
+			() => urlQuery.value,
+			() => state.preset.ready.value
+		], ([def, q, presetReady]) => {
+			if (def === null || !presetReady) return;
+			if (typeof q === "string" && q !== "") state.applyUrlQuery(q);
+			if (!urlQueryReady.value) urlQueryReady.value = true;
+		}, { immediate: true });
+		useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), useHasEmitListener("onMainAction"));
+		const navBridge = useTableNavBridge(state);
+		const hasInputFormActions = computed(() => {
+			const a = state.tableDef.value?.actions;
+			if (!a) return false;
+			for (const list of [
+				a.table,
+				a.row,
+				a.rows
+			]) for (const x of list) if (x.inputForm) return true;
+			return false;
+		});
+		__expose({
+			state,
+			navBridge
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				renderSlot(_ctx.$slots, "default", {
+					tableDef: unref(state).tableDef.value,
+					loadingMetadata: unref(state).loadingMetadata.value,
+					allColumns: unref(state).allColumns.value,
+					columnNames: unref(state).columnNames.value,
+					columnWidths: unref(state).columnWidths.value,
+					columns: unref(state).columns.value,
+					filterFields: unref(state).filterFields.value,
+					filters: unref(state).filters.value,
+					sorters: unref(state).sorters.value,
+					results: unref(state).results.value,
+					querying: unref(state).querying.value,
+					queryingNext: unref(state).queryingNext.value,
+					totalCount: unref(state).totalCount.value,
+					loadedCount: unref(state).loadedCount.value,
+					pagination: unref(state).pagination.value,
+					queryError: unref(state).queryError.value,
+					metadataError: unref(state).metadataError.value,
+					mustRefresh: unref(state).mustRefresh.value,
+					searchTerm: unref(state).searchTerm.value,
+					selectedRows: unref(state).selectedRows.value,
+					selectedCount: unref(state).selectedCount.value,
+					navBridge: unref(navBridge),
+					query: unref(state).query,
+					queryNext: unref(state).queryNext,
+					resetFilters: unref(state).resetFilters,
+					showConfigDialog: unref(state).showConfigDialog,
+					openFilterDialog: unref(state).openFilterDialog,
+					closeFilterDialog: unref(state).closeFilterDialog,
+					setFieldFilter: unref(state).setFieldFilter,
+					removeFieldFilter: unref(state).removeFieldFilter,
+					addFilterField: unref(state).addFilterField,
+					removeFilterField: unref(state).removeFilterField,
+					actions: unref(state).actions,
+					prompt: unref(state).prompt
+				}),
+				(openBlock(), createBlock(resolveDynamicComponent(props.controls?.filterDialog ?? unref(as_filter_dialog_default)))),
+				(openBlock(), createBlock(resolveDynamicComponent(props.controls?.configDialog ?? unref(as_config_dialog_default)))),
+				(openBlock(), createBlock(resolveDynamicComponent(props.controls?.confirmDialog ?? unref(as_confirm_dialog_default)))),
+				unref(state).preset.available.value ? (openBlock(), createBlock(resolveDynamicComponent(props.controls?.presetDialog ?? unref(as_preset_dialog_default)), { key: 0 })) : createCommentVNode("v-if", true),
+				hasInputFormActions.value || props.controls?.actionFormDialog ? (openBlock(), createBlock(resolveDynamicComponent(props.controls?.actionFormDialog ?? unref(LazyActionFormDialog)), { key: 1 })) : createCommentVNode("v-if", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { as_table_root_default as t };

package/dist/as-table-root.cjs

@@ -0,0 +1,28 @@
+require("./use-table-state-MU-vuzui.cjs");
+require("./as-table-status-DWYoJIMC.cjs");
+require("./as-filter-field-B_tYzvvl.cjs");
+require("./as-filter-dialog-DcGvIV3h.cjs");
+require("./use-table-column-handlers-CGYAY2xH.cjs");
+require("./as-cell-json-popover-BWdNs1YU.cjs");
+require("./as-cell-array-CXeZzZqt.cjs");
+require("./as-cell-date-CTrvxS1h.cjs");
+require("./use-cell-locale-B480_QYK.cjs");
+require("./as-cell-json-DvHvQ6IL.cjs");
+require("./as-cell-number-0_WrSCzu.cjs");
+require("./format-cell-D4mqaN0E.cjs");
+require("./as-cell-union-CFAI0utz.cjs");
+require("./as-column-menu-CH9Htz0Q.cjs");
+require("./as-config-dialog-d2k7_l0U.cjs");
+require("./as-confirm-dialog-BgpIEE2z.cjs");
+require("./as-filter-input--nr72iwX.cjs");
+require("./as-table-cell-value-CuxRtFn9.cjs");
+require("./as-table-header-cell-C3zeZUZo.cjs");
+require("./as-window-table-DE7_NyEP.cjs");
+require("./as-table-base-VIz-B_6_.cjs");
+require("./as-filters-xRT2qv56.cjs");
+require("./preset-aspect-display-y8aal_EF.cjs");
+require("./as-preset-dialog-BaTfwMnh.cjs");
+require("./as-action-menu-content-CyUfBrWH.cjs");
+require("./as-row-actions-B6Kob6gt.cjs");
+const require_as_table_root = require("./as-table-root-Br6WcGRo.cjs");
+module.exports = require_as_table_root.as_table_root_default;

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

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

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

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-table-root.vue-5_OhVwse.mjs";
+export { _default as default };

package/dist/as-table-root.mjs

@@ -0,0 +1,28 @@
+import "./use-table-state-C4JbonEZ.mjs";
+import "./as-table-status-BjRGGuhC.mjs";
+import "./as-filter-field-Bqvu2ASN.mjs";
+import "./as-filter-dialog-C0HMpUPT.mjs";
+import "./use-table-column-handlers-t6xi1yCE.mjs";
+import "./as-cell-json-popover-DUq25I0L.mjs";
+import "./as-cell-array-DOQKR6t5.mjs";
+import "./as-cell-date-Cq49RHmL.mjs";
+import "./use-cell-locale-1uQaFTLQ.mjs";
+import "./as-cell-json-BynWIs1d.mjs";
+import "./as-cell-number-Bc1C97Vg.mjs";
+import "./format-cell-B2xMDYO9.mjs";
+import "./as-cell-union-C1w3B38J.mjs";
+import "./as-column-menu-DCfhorMP.mjs";
+import "./as-config-dialog-vRklaKbi.mjs";
+import "./as-confirm-dialog-BLh3Ju4-.mjs";
+import "./as-filter-input-P1i0CW2-.mjs";
+import "./as-table-cell-value-B1CiJYFn.mjs";
+import "./as-table-header-cell-CBn_ioCe.mjs";
+import "./as-window-table-CKIfo3M_.mjs";
+import "./as-table-base-D0k4k7k_.mjs";
+import "./as-filters-Bxa9ZEMm.mjs";
+import "./preset-aspect-display-BYeiSgcc.mjs";
+import "./as-preset-dialog-BdDRgwf_.mjs";
+import "./as-action-menu-content-CXsdPn42.mjs";
+import "./as-row-actions-CeWBBGqh.mjs";
+import { t as as_table_root_default } from "./as-table-root-gG7pTIdD.mjs";
+export { as_table_root_default as default };