nuxt-ui-tools 1.5.0 → 1.6.1

package/dist/runtime/table/components/filters/tags/number-filter-tag.d.vue.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     dynamic?: boolean;
     session?: boolean;
     embedded?: boolean;
+    header?: boolean;
     initialOperator?: TableFilterOperator;
 };
 declare var __VLS_10: {
@@ -28,11 +29,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    header: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/filters/tags/number-filter-tag.vue

@@ -3,17 +3,21 @@ import UButton from "@nuxt/ui/components/Button.vue";
 import UInputNumber from "@nuxt/ui/components/InputNumber.vue";
 import USlider from "@nuxt/ui/components/Slider.vue";
 import { computed, ref, watch } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
 import { isArray, isDate, isNumber, isObject, isNullish } from "../../../../shared/utils/predicate";
 import { useDataListUi } from "../../../composables/use-data-list-ui";
+import { useDeferredCommit } from "../../../composables/use-deferred-commit";
 import { useFilterTagSession } from "../../../composables/use-filter-tag-session";
 import { useTableInternals } from "../../../composables/use-table-internals";
 import {
   mergeDataListUiClass,
+  parseTypedNumber,
   resolveDataListControlGeometry,
   resolveFilterEditorSizeClasses,
   resolveFilterTriggerIcon,
   resolveNumberFilterUi
 } from "../../../utils";
+import FilterEditorHeader from "../shared/filter-editor-header.vue";
 import FilterMatchModePanel from "../shared/filter-match-mode-panel.vue";
 import FilterPopoverShell from "../shared/filter-popover-shell.vue";
 import FilterStageTransition from "../shared/filter-stage-transition.vue";
@@ -23,15 +27,20 @@ const props = defineProps({
   dynamic: { type: Boolean, required: false },
   session: { type: Boolean, required: false },
   embedded: { type: Boolean, required: false },
+  header: { type: Boolean, required: false, default: true },
   initialOperator: { type: String, required: false }
 });
-const emit = defineEmits(["dismiss", "sessionClosed"]);
+const emit = defineEmits(["back", "dismiss", "sessionClosed"]);
 const internals = useTableInternals();
 const dataListUi = useDataListUi();
+const { locale } = useUiToolsLocale();
 const dataListFilterUi = computed(() => dataListUi.ui.value.filterTags?.ui);
 const size = computed(() => dataListUi.ui.value.filterTags?.size ?? dataListUi.controlSize.value);
 const sizeClasses = computed(() => resolveFilterEditorSizeClasses(size.value));
 const geometry = computed(() => resolveDataListControlGeometry(size.value));
+const showHeader = computed(
+  () => props.header && dataListUi.ui.value.filterTags?.props?.editorHeader !== false
+);
 const pendingOperator = ref(props.initialOperator);
 const localValue = ref("");
 const rangeValue = ref({ from: "", to: "" });
@@ -60,6 +69,8 @@ const operatorItems = computed(
   })
 );
 const filterUi = computed(() => resolveNumberFilterUi(props.definition, operator.value));
+const autoCommit = computed(() => filterUi.value.commitMode === "auto");
+const deferred = useDeferredCommit({ commit: commitValue, flushOnDispose: props.embedded });
 const scalarValue = computed({
   get() {
     return localValue.value === "" ? void 0 : Number(localValue.value);
@@ -81,6 +92,11 @@ const session = useFilterTagSession({
   embedded: props.embedded,
   hasCommittedState: () => !isNullish(internals.filters.getActiveFilterState({ key: props.definition.key })),
   onClose: () => {
+    if (autoCommit.value) {
+      deferred.flush();
+    } else {
+      deferred.cancel();
+    }
     pendingOperator.value = void 0;
   },
   onDismiss: () => emit("dismiss"),
@@ -128,6 +144,7 @@ function handleRequestMatchMode() {
   session.open();
 }
 function handleOperatorChange(op) {
+  deferred.cancel();
   localValue.value = "";
   rangeValue.value = { from: "", to: "" };
   pendingOperator.value = op;
@@ -135,18 +152,16 @@ function handleOperatorChange(op) {
   stageTransitioning.value = true;
   stage.value = "editor";
 }
-function commitIfAuto() {
-  if (filterUi.value.commitMode === "auto") {
-    applyFilter();
+function scheduleCommit() {
+  if (autoCommit.value) {
+    deferred.schedule();
   }
 }
-function applyFilter() {
-  const nextOperator = pendingOperator.value;
-  pendingOperator.value = void 0;
+function commitValue() {
   if (operator.value === "between") {
     internals.filters.setScalarFilterValue({
       key: props.definition.key,
-      operator: nextOperator,
+      operator: pendingOperator.value,
       value: rangeValue.value.from === "" && rangeValue.value.to === "" ? void 0 : Object.fromEntries(
         [
           rangeValue.value.from === "" ? void 0 : ["from", Number(rangeValue.value.from)],
@@ -154,44 +169,65 @@ function applyFilter() {
         ].filter((entry) => entry !== void 0)
       )
     });
-    session.close();
     return;
   }
   internals.filters.setScalarFilterValue({
     key: props.definition.key,
-    operator: nextOperator,
+    operator: pendingOperator.value,
     value: scalarValue.value
   });
+}
+function applyFilter() {
+  deferred.cancel();
+  commitValue();
+  pendingOperator.value = void 0;
   session.close();
 }
 function clearFilter() {
+  deferred.cancel();
   internals.filters.clearFilter({ key: props.definition.key });
+  localValue.value = "";
+  rangeValue.value = { from: "", to: "" };
   session.close();
 }
 function updateScalarValue(value) {
   scalarValue.value = value;
-  commitIfAuto();
+  scheduleCommit();
+}
+function typedNumber(event) {
+  const value = event.target instanceof HTMLInputElement ? parseTypedNumber({ locale: locale.value.code, text: event.target.value }) : void 0;
+  const digits = filterUi.value.formatOptions?.maximumFractionDigits;
+  return isNullish(value) || isNullish(digits) ? value : Number(value.toFixed(digits));
+}
+function typeScalarValue(event) {
+  updateScalarValue(typedNumber(event));
+}
+function typeRangeFrom(event) {
+  updateRangeFrom(typedNumber(event));
+}
+function typeRangeTo(event) {
+  updateRangeTo(typedNumber(event));
 }
 function updateRangeFrom(value) {
   rangeValue.value = {
     ...rangeValue.value,
     from: isNullish(value) ? "" : String(value)
   };
-  commitIfAuto();
+  scheduleCommit();
 }
 function updateRangeTo(value) {
   rangeValue.value = {
     ...rangeValue.value,
     to: isNullish(value) ? "" : String(value)
   };
-  commitIfAuto();
+  scheduleCommit();
 }
 function updateSliderScalarValue(value) {
   if (!isNumber(value)) {
     return;
   }
   scalarValue.value = value;
-  commitIfAuto();
+  scheduleCommit();
 }
 function updateSliderRangeValue(value) {
   if (!isArray(value) || value.length < 2) {
@@ -205,7 +241,7 @@ function updateSliderRangeValue(value) {
     from: String(from),
     to: String(to)
   };
-  commitIfAuto();
+  scheduleCommit();
 }
 function resolveIncrementConfig(hideStepper) {
   return hideStepper ? false : { variant: "ghost" };
@@ -276,11 +312,20 @@ function resolveIncrementConfig(hideStepper) {
   )
 "
         >
+          <FilterEditorHeader
+            v-if="showHeader"
+            :label="internals.filters.getFilterLabelText({ label: definition.label })"
+            :active="preview.active"
+            :embedded="embedded"
+            :ui="dataListFilterUi"
+            @back="emit('back')"
+            @clear="clearFilter"
+          />
           <div
             v-if="operator === 'between'"
             :class="
   mergeDataListUiClass(
-    `grid border-b border-default ${geometry.toolbarGap} ${sizeClasses.searchHeader}`,
+    `nut-dl-editor__input grid ${geometry.toolbarGap} ${sizeClasses.searchHeader} ${autoCommit ? '' : 'border-b border-default'}`,
     void 0,
     dataListFilterUi?.inputs
   )
@@ -304,6 +349,7 @@ function resolveIncrementConfig(hideStepper) {
                 :decrement="resolveIncrementConfig(filterUi.range.inputs.hideStepper)"
                 :size="size"
                 @update:model-value="updateRangeFrom"
+                @input="typeRangeFrom"
                 @keydown.enter.prevent="applyFilter"
               />
 
@@ -319,6 +365,7 @@ function resolveIncrementConfig(hideStepper) {
                 :decrement="resolveIncrementConfig(filterUi.range.inputs.hideStepper)"
                 :size="size"
                 @update:model-value="updateRangeTo"
+                @input="typeRangeTo"
                 @keydown.enter.prevent="applyFilter"
               />
             </div>
@@ -342,7 +389,7 @@ function resolveIncrementConfig(hideStepper) {
             v-else
             :class="
   mergeDataListUiClass(
-    `grid border-b border-default ${geometry.toolbarGap} ${sizeClasses.searchHeader}`,
+    `nut-dl-editor__input grid ${geometry.toolbarGap} ${sizeClasses.searchHeader} ${autoCommit ? '' : 'border-b border-default'}`,
     void 0,
     dataListFilterUi?.inputs
   )
@@ -363,6 +410,7 @@ function resolveIncrementConfig(hideStepper) {
               :decrement="resolveIncrementConfig(filterUi.scalar.input.hideStepper)"
               :size="size"
               @update:model-value="updateScalarValue"
+              @input="typeScalarValue"
               @keydown.enter.prevent="applyFilter"
             />
 
@@ -381,7 +429,7 @@ function resolveIncrementConfig(hideStepper) {
           </div>
 
           <div
-            v-if="filterUi.commitMode === 'manual'"
+            v-if="!autoCommit"
             :class="
   mergeDataListUiClass(
     `flex items-center justify-between border-t border-default ${sizeClasses.footer}`,

package/dist/runtime/table/components/filters/tags/number-filter-tag.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     dynamic?: boolean;
     session?: boolean;
     embedded?: boolean;
+    header?: boolean;
     initialOperator?: TableFilterOperator;
 };
 declare var __VLS_10: {
@@ -28,11 +29,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    header: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/filters/tags/option-filter-tag.d.vue.ts

@@ -29,12 +29,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
-    sessionClosed: () => any;
     back: () => any;
+    sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
-    onSessionClosed?: (() => any) | undefined;
     onBack?: (() => any) | undefined;
+    onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/table/components/filters/tags/option-filter-tag.vue

@@ -1,8 +1,6 @@
 <script setup>
 import UButton from "@nuxt/ui/components/Button.vue";
-import UIcon from "@nuxt/ui/components/Icon.vue";
 import { computed, ref } from "vue";
-import { useUiToolsLocale } from "#ui-tools/i18n";
 import { useRangeSelect } from "../../../../shared";
 import { isBoolean, isNumber, isString, isNullish } from "../../../../shared/utils/predicate";
 import { useDataListUi } from "../../../composables/use-data-list-ui";
@@ -14,6 +12,7 @@ import {
   resolveFilterEditorSizeClasses,
   resolveFilterTriggerIcon
 } from "../../../utils";
+import FilterEditorHeader from "../shared/filter-editor-header.vue";
 import FilterMatchModePanel from "../shared/filter-match-mode-panel.vue";
 import FilterOptionPickerContent from "../shared/filter-option-picker-content.vue";
 import FilterPopoverShell from "../shared/filter-popover-shell.vue";
@@ -30,7 +29,6 @@ const props = defineProps({
 const emit = defineEmits(["back", "dismiss", "sessionClosed"]);
 const internals = useTableInternals();
 const dataListUi = useDataListUi();
-const { t } = useUiToolsLocale();
 const dataListFilterUi = computed(() => dataListUi.ui.value.filterTags?.ui);
 const size = computed(() => dataListUi.ui.value.filterTags?.size ?? dataListUi.controlSize.value);
 const sizeClasses = computed(() => resolveFilterEditorSizeClasses(size.value));
@@ -289,37 +287,15 @@ function handleContentMounted() {
 "
           @vue:mounted="handleContentMounted"
         >
-          <div
+          <FilterEditorHeader
             v-if="header !== false && dataListUi.ui.value.filterTags?.props?.editorHeader !== false"
-            :class="
-  mergeDataListUiClass(
-    'nut-dl-editor__head flex items-center gap-2 border-b border-default py-2 pr-3',
-    embedded ? 'pl-1.5' : 'pl-3',
-    dataListFilterUi?.editorHeader
-  )
-"
-          >
-            <button
-              v-if="embedded"
-              type="button"
-              class="nut-dl-editor__back flex size-6 items-center justify-center rounded-md text-muted hover:bg-elevated hover:text-default"
-              :aria-label="t('table.filters.sheet.back')"
-              @click="emit('back')"
-            >
-              <UIcon name="i-lucide-arrow-left" class="size-4" />
-            </button>
-            <span class="min-w-0 flex-1 truncate text-[12.5px] font-semibold text-highlighted">
-              {{ internals.filters.getFilterLabelText({ label: definition.label }) }}
-            </span>
-            <button
-              type="button"
-              class="rounded text-[12.5px] font-semibold text-primary outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:opacity-40"
-              :disabled="!preview.active"
-              @click="clearFilter"
-            >
-              {{ t("table.filters.editor.clear") }}
-            </button>
-          </div>
+            :label="internals.filters.getFilterLabelText({ label: definition.label })"
+            :active="preview.active"
+            :embedded="embedded"
+            :ui="dataListFilterUi"
+            @back="emit('back')"
+            @clear="clearFilter"
+          />
           <FilterOptionPickerContent
             v-model:search-query="searchQuery"
             :flat-radio-value="state.flatRadioValue.value"
@@ -336,7 +312,7 @@ function handleContentMounted() {
           />
 
           <div
-            v-if="state.filterUi.value.commitMode === 'manual'"
+            v-if="state.filterUi.value.commitMode !== 'auto'"
             :class="
   mergeDataListUiClass(
     `flex items-center justify-between border-t border-default ${sizeClasses.footer}`,

package/dist/runtime/table/components/filters/tags/option-filter-tag.vue.d.ts

@@ -29,12 +29,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
-    sessionClosed: () => any;
     back: () => any;
+    sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
-    onSessionClosed?: (() => any) | undefined;
     onBack?: (() => any) | undefined;
+    onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/table/components/filters/tags/text-filter-tag.d.vue.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     dynamic?: boolean;
     session?: boolean;
     embedded?: boolean;
+    header?: boolean;
     initialOperator?: TableFilterOperator;
 };
 declare var __VLS_10: {
@@ -28,11 +29,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    header: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/filters/tags/text-filter-tag.vue

@@ -4,6 +4,7 @@ import UInput from "@nuxt/ui/components/Input.vue";
 import { computed, ref } from "vue";
 import { isNullish } from "../../../../shared/utils/predicate";
 import { useDataListUi } from "../../../composables/use-data-list-ui";
+import { useDeferredCommit } from "../../../composables/use-deferred-commit";
 import { useFilterTagSession } from "../../../composables/use-filter-tag-session";
 import { useTableInternals } from "../../../composables/use-table-internals";
 import {
@@ -12,6 +13,7 @@ import {
   resolveFilterTriggerIcon,
   resolveTextFilterUi
 } from "../../../utils";
+import FilterEditorHeader from "../shared/filter-editor-header.vue";
 import FilterMatchModePanel from "../shared/filter-match-mode-panel.vue";
 import FilterPopoverShell from "../shared/filter-popover-shell.vue";
 import FilterStageTransition from "../shared/filter-stage-transition.vue";
@@ -21,14 +23,18 @@ const props = defineProps({
   dynamic: { type: Boolean, required: false },
   session: { type: Boolean, required: false },
   embedded: { type: Boolean, required: false },
+  header: { type: Boolean, required: false, default: true },
   initialOperator: { type: String, required: false }
 });
-const emit = defineEmits(["dismiss", "sessionClosed"]);
+const emit = defineEmits(["back", "dismiss", "sessionClosed"]);
 const internals = useTableInternals();
 const dataListUi = useDataListUi();
 const dataListFilterUi = computed(() => dataListUi.ui.value.filterTags?.ui);
 const size = computed(() => dataListUi.ui.value.filterTags?.size ?? dataListUi.controlSize.value);
 const sizeClasses = computed(() => resolveFilterEditorSizeClasses(size.value));
+const showHeader = computed(
+  () => props.header && dataListUi.ui.value.filterTags?.props?.editorHeader !== false
+);
 const pendingOperator = ref(props.initialOperator);
 const localValue = ref("");
 const stage = ref("editor");
@@ -56,6 +62,8 @@ const operatorItems = computed(
   })
 );
 const filterUi = computed(() => resolveTextFilterUi(props.definition, operator.value));
+const autoCommit = computed(() => filterUi.value.commitMode === "auto");
+const deferred = useDeferredCommit({ commit: commitValue, flushOnDispose: props.embedded });
 function initLocalState() {
   const value = internals.filters.getFilterState({
     key: props.definition.key
@@ -67,6 +75,11 @@ const session = useFilterTagSession({
   embedded: props.embedded,
   hasCommittedState: () => !isNullish(internals.filters.getActiveFilterState({ key: props.definition.key })),
   onClose: () => {
+    if (autoCommit.value) {
+      deferred.flush();
+    } else {
+      deferred.cancel();
+    }
     pendingOperator.value = void 0;
   },
   onDismiss: () => emit("dismiss"),
@@ -86,21 +99,27 @@ function handleRequestMatchMode() {
   stage.value = "match-mode";
   session.open();
 }
-function applyFilter() {
-  const op = pendingOperator.value;
-  pendingOperator.value = void 0;
+function commitValue() {
   internals.filters.setScalarFilterValue({
     key: props.definition.key,
-    operator: op,
+    operator: pendingOperator.value,
     value: localValue.value.trim() || void 0
   });
+}
+function applyFilter() {
+  deferred.cancel();
+  commitValue();
+  pendingOperator.value = void 0;
   session.close();
 }
 function clearFilter() {
+  deferred.cancel();
   internals.filters.clearFilter({ key: props.definition.key });
+  localValue.value = "";
   session.close();
 }
 function handleOperatorChange(op) {
+  deferred.cancel();
   localValue.value = "";
   pendingOperator.value = op;
   stageDirection.value = "forward";
@@ -109,12 +128,8 @@ function handleOperatorChange(op) {
 }
 function handleValueUpdate(value) {
   localValue.value = isNullish(value) ? "" : String(value);
-  if (filterUi.value.commitMode === "auto") {
-    internals.filters.setScalarFilterValue({
-      key: props.definition.key,
-      operator: pendingOperator.value,
-      value: localValue.value.trim() || void 0
-    });
+  if (autoCommit.value) {
+    deferred.schedule();
   }
 }
 </script>
@@ -183,10 +198,19 @@ function handleValueUpdate(value) {
   )
 "
         >
+          <FilterEditorHeader
+            v-if="showHeader"
+            :label="internals.filters.getFilterLabelText({ label: definition.label })"
+            :active="preview.active"
+            :embedded="embedded"
+            :ui="dataListFilterUi"
+            @back="emit('back')"
+            @clear="clearFilter"
+          />
           <div
             :class="
   mergeDataListUiClass(
-    `border-b border-default ${sizeClasses.searchHeader}`,
+    `nut-dl-editor__input ${sizeClasses.searchHeader} ${autoCommit ? '' : 'border-b border-default'}`,
     void 0,
     dataListFilterUi?.inputs
   )
@@ -202,10 +226,11 @@ function handleValueUpdate(value) {
               :highlight="filterUi.input.highlight"
               :fixed="filterUi.input.fixed"
               :size="size"
+              variant="none"
               class="w-full min-w-0 max-w-full"
               :ui="{
   root: dataListFilterUi?.search,
-  base: dataListFilterUi?.searchInput
+  base: mergeDataListUiClass('h-8', void 0, dataListFilterUi?.searchInput)
 }"
               @update:model-value="handleValueUpdate"
               @keydown.enter.prevent="applyFilter"
@@ -213,7 +238,7 @@ function handleValueUpdate(value) {
           </div>
 
           <div
-            v-if="filterUi.commitMode === 'manual'"
+            v-if="!autoCommit"
             :class="
   mergeDataListUiClass(
     `flex items-center justify-between border-t border-default ${sizeClasses.footer}`,

package/dist/runtime/table/components/filters/tags/text-filter-tag.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     dynamic?: boolean;
     session?: boolean;
     embedded?: boolean;
+    header?: boolean;
     initialOperator?: TableFilterOperator;
 };
 declare var __VLS_10: {
@@ -28,11 +29,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    header: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/grid/grid-renderer.d.vue.ts

@@ -5,9 +5,15 @@ type __VLS_Props = {
     fill?: boolean;
     ui?: DataListGridUi;
 };
-declare var __VLS_19: {};
+declare function refreshData(): void;
+declare var __VLS_6: {
+    error: unknown;
+    retry: typeof refreshData;
+}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    empty?: (props: typeof __VLS_19) => any;
+    error?: (props: typeof __VLS_6) => any;
+} & {
+    empty?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;