nuxt-ui-tools 0.1.0 → 0.1.2

package/dist/runtime/table/composables/use-filter-tag-session.d.ts

@@ -1,11 +1,10 @@
 import { type Ref } from 'vue';
 export interface UseFilterTagSessionParams {
     isOpen?: Ref<boolean>;
-    activationToken?: Ref<number | undefined>;
     session?: boolean;
     dynamic?: boolean;
+    embedded?: boolean;
     hasCommittedState: () => boolean;
-    onActivated: () => void;
     onOpen: () => void;
     onClose: () => void;
     onSessionClosed: () => void;
@@ -13,7 +12,7 @@ export interface UseFilterTagSessionParams {
 }
 export declare function useFilterTagSession(options: UseFilterTagSessionParams): {
     isOpen: Ref<boolean, boolean>;
-    openWithLock: () => void;
-    handleOpenChange: (open: boolean) => void;
+    open: () => void;
+    handleOpenChange: (nextOpen: boolean) => void;
     close: () => void;
 };

package/dist/runtime/table/composables/use-filter-tag-session.js

@@ -1,8 +1,7 @@
-import { ref, watch } from "vue";
+import { ref } from "vue";
 export function useFilterTagSession(options) {
   const isOpen = options.isOpen ?? ref(false);
-  const lastActivationToken = ref(null);
-  let dismissLocked = false;
+  if (options.embedded) isOpen.value = true;
   function runCloseEffects() {
     options.onClose();
     if (options.session) {
@@ -11,22 +10,15 @@ export function useFilterTagSession(options) {
     }
     if (options.dynamic && !options.hasCommittedState()) options.onDismiss();
   }
-  function openWithLock() {
-    dismissLocked = true;
-    setTimeout(() => {
-      isOpen.value = true;
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          dismissLocked = false;
-        });
-      });
-    });
+  function open() {
+    if (isOpen.value) return;
+    isOpen.value = true;
+    options.onOpen();
   }
-  function handleOpenChange(open) {
-    if (!open && dismissLocked) return;
-    if (!open && !isOpen.value) return;
-    isOpen.value = open;
-    if (open) {
+  function handleOpenChange(nextOpen) {
+    if (!nextOpen && !isOpen.value) return;
+    isOpen.value = nextOpen;
+    if (nextOpen) {
       options.onOpen();
       return;
     }
@@ -37,22 +29,10 @@ export function useFilterTagSession(options) {
     isOpen.value = false;
     runCloseEffects();
   }
-  if (options.activationToken) {
-    queueMicrotask(() => {
-      watch(
-        options.activationToken,
-        (value) => {
-          if (value == null || value === lastActivationToken.value) return;
-          lastActivationToken.value = value;
-          options.onActivated();
-        },
-        { immediate: true }
-      );
-    });
-  }
+  if (options.embedded) queueMicrotask(options.onOpen);
   return {
     isOpen,
-    openWithLock,
+    open,
     handleOpenChange,
     close
   };

package/dist/runtime/table/composables/use-query-state.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef } from 'vue';
-import type { TableFilterOperator, TableLayout, TableQueryStateFilterRule, TableQueryStateFilterValue, TableSchemaView } from '../types/index.js';
+import type { TableLayout, TableQueryStateFilterRule, TableSchemaView } from '../types/index.js';
 export interface UseQueryStateParams {
     schema: ComputedRef<TableSchemaView>;
     activeLayout: ComputedRef<TableLayout>;
@@ -24,7 +24,7 @@ export declare function useQueryState(params: UseQueryStateParams): {
         readonly count: "exact";
         readonly cursor?: undefined;
     }>;
-    paginationMode: "none" | "offset" | "cursor";
+    paginationMode: "offset" | "cursor" | "none";
     paginationRevision: import("vue").Ref<number, number>;
     resetPagination: () => void;
     setOffsetPagination: (value: {
@@ -33,16 +33,16 @@ export declare function useQueryState(params: UseQueryStateParams): {
     }) => void;
     sorting: import("vue").WritableComputedRef<{
         key: string;
-        dir: "desc" | "asc";
+        dir: "asc" | "desc";
     } | null, {
         key: string;
         dir: "asc" | "desc";
     } | null>;
     filters: import("vue").WritableComputedRef<{
         search: string;
-        ui: TableQueryStateFilterRule<string, TableFilterOperator, TableQueryStateFilterValue>[];
+        ui: TableQueryStateFilterRule<string, import("../types/index.js").TableFilterOperator, import("../types/index.js").TableQueryStateFilterValue>[];
     }, {
         search: string;
-        ui: TableQueryStateFilterRule<string, TableFilterOperator, TableQueryStateFilterValue>[];
+        ui: TableQueryStateFilterRule<string, import("../types/index.js").TableFilterOperator, import("../types/index.js").TableQueryStateFilterValue>[];
     }>;
 };

package/dist/runtime/table/composables/use-query-state.js

@@ -12,8 +12,11 @@ import {
   getDefaultSort,
   getPaginationMode,
   normalizeFilterDefinition,
+  parseTableFilterQueryState,
+  resolveTableFilterDefaultRules,
   resolveFilterDefaultOperator,
-  resolveFilterSupportedOperators
+  resolveFilterSupportedOperators,
+  serializeTableFilterQueryState
 } from "../utils/index.js";
 export function useQueryState(params) {
   const defaultPageSize = getDefaultPageSize({
@@ -90,7 +93,7 @@ export function useQueryState(params) {
       ui: dynamicQueryState({
         urlPrefix: "ui",
         definitions: () => params.schema.value.filters?.ui ?? [],
-        defaultValue: [],
+        defaultValue: resolveTableFilterDefaultRules(params.schema.value.filters?.ui ?? []),
         resolve(filter) {
           const definition = normalizeFilterDefinition(filter);
           const operators = resolveFilterSupportedOperators(definition);
@@ -102,38 +105,10 @@ export function useQueryState(params) {
           }));
         },
         parse(entries, definitions) {
-          const rules = [];
-          for (const filter of definitions) {
-            const definition = normalizeFilterDefinition(filter);
-            const operators = resolveFilterSupportedOperators(definition);
-            const defaultOp = resolveFilterDefaultOperator(definition);
-            for (const op of operators) {
-              const urlKey = op === defaultOp ? definition.key : `${definition.key}~${op}`;
-              const value = entries.get(urlKey);
-              if (value != null) {
-                rules.push({
-                  key: definition.key,
-                  operator: op,
-                  value
-                });
-                break;
-              }
-            }
-          }
-          return rules;
+          return parseTableFilterQueryState({ entries, definitions });
         },
         serialize(rules, definitions) {
-          const result = /* @__PURE__ */ new Map();
-          for (const rule of rules) {
-            const filter = definitions.find((f) => f.key === rule.key);
-            if (!filter) continue;
-            const definition = normalizeFilterDefinition(filter);
-            const operator = rule.operator ?? resolveFilterDefaultOperator(definition);
-            const defaultOp = resolveFilterDefaultOperator(definition);
-            const urlKey = operator === defaultOp ? definition.key : `${definition.key}~${operator}`;
-            result.set(urlKey, rule.value);
-          }
-          return result;
+          return serializeTableFilterQueryState({ rules, definitions });
         }
       })
     },

package/dist/runtime/table/composables/use-table-api.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { getDefaultSort, mapPublicQueryState } from "../utils/index.js";
+import { getDefaultSort, mapPublicQueryState, resolveTableFilterDefaultRules } from "../utils/index.js";
 export function useTableApi(params) {
   const state = {
     layout: params.layout.activeLayout,
@@ -84,7 +84,7 @@ export function useTableApi(params) {
       params.columns.setSorting(defaultSort);
       params.state.queryState.filters.value = {
         search: "",
-        ui: []
+        ui: resolveTableFilterDefaultRules(params.runtimeSchema.value.filters?.ui ?? [])
       };
     },
     all() {

package/dist/runtime/table/composables/use-table-columns.d.ts

@@ -174,26 +174,16 @@ export declare function useTableColumns(params: UseTableColumnsParams): {
     }) => void;
     getSortState: (options: {
         columnId: string;
-    }) => "desc" | "asc" | null;
+    }) => "asc" | "desc" | null;
     getPinnedState: (options: {
         columnId: string;
-    }) => "right" | "left" | null;
+    }) => "left" | "right" | null;
     getMenuItems: (options: {
         columnId: string;
-    }) => ({
-        label: string;
-        icon: string;
-        color: string;
-        onSelect: () => void;
-    } | {
-        label: string;
-        icon: string;
-        onSelect: () => void;
-        color?: undefined;
-    })[][];
+    }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
     sortingState: import("vue").ComputedRef<{
         key: string | undefined;
-        dir: "desc" | "asc" | undefined;
+        dir: "asc" | "desc" | undefined;
         active: boolean;
     }>;
     sortKeys: import("vue").ComputedRef<string[]>;

package/dist/runtime/table/composables/use-table-filter-presentation.d.ts

@@ -23,9 +23,6 @@ export declare function useTableFilterPresentation(options: UseTableFilterPresen
     releaseDynamicSession: (input: {
         key: string;
     }) => void;
-    getDynamicActivationToken: (input: {
-        key: string;
-    }) => number;
     openPanel: () => void;
     closePanel: () => void;
     resetPanelDraft: () => void;

package/dist/runtime/table/composables/use-table-filter-presentation.js

@@ -2,7 +2,6 @@ import { computed, ref } from "vue";
 import { resolveFilterDisplayLocation, resolveFilterDisplayOrder } from "../utils/index.js";
 export function useTableFilterPresentation(options) {
   const dynamicSessionKey = ref(null);
-  const dynamicActivationToken = ref({});
   const panelOpen = ref(false);
   const panelDraftFilters = ref([]);
   const definitions = computed(
@@ -76,10 +75,6 @@ export function useTableFilterPresentation(options) {
   });
   function activateDynamicFilter(input) {
     dynamicSessionKey.value = input.key;
-    dynamicActivationToken.value = {
-      ...dynamicActivationToken.value,
-      [input.key]: (dynamicActivationToken.value[input.key] ?? 0) + 1
-    };
   }
   function releaseDynamicSession(input) {
     if (dynamicSessionKey.value !== input.key) return;
@@ -167,9 +162,6 @@ export function useTableFilterPresentation(options) {
   function clearPanelFilter(input) {
     panelDraftFilters.value = panelDraftFilters.value.filter((rule) => rule.key !== input.key);
   }
-  function getDynamicActivationToken(input) {
-    return dynamicActivationToken.value[input.key] ?? 0;
-  }
   function isPanelKey(key) {
     return panelDefinitions.value.some((definition) => definition.key === key);
   }
@@ -192,7 +184,6 @@ export function useTableFilterPresentation(options) {
     panelOpen,
     activateDynamicFilter,
     releaseDynamicSession,
-    getDynamicActivationToken,
     openPanel,
     closePanel,
     resetPanelDraft,

package/dist/runtime/table/composables/use-table-filters.js

@@ -1,14 +1,17 @@
 import { computed } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
 import {
   buildFilterPreview,
   createFilterValueForOperator,
   flattenFilterOptionEntries,
   getFilterLabelText,
-  getFilterOperatorLabel,
+  mergeTableFilterDefaultRules,
+  resolveTableFilterDefaultRules,
   resolveFilterOptionEntries
 } from "../utils/index.js";
 import { useTableSearch } from "./use-table-search.js";
 export function useTableFilters(params) {
+  const { t } = useUiToolsLocale();
   const search = useTableSearch({
     schema: params.schema,
     queryState: params.state.queryState
@@ -19,6 +22,9 @@ export function useTableFilters(params) {
   const activeUiFilters = computed(
     () => params.state.queryState.filters.value.ui ?? []
   );
+  const defaultUiFilters = computed(
+    () => resolveTableFilterDefaultRules(definitions.value)
+  );
   const hasActiveUiFilters = computed(() => activeUiFilters.value.length > 0);
   function getDefinition(input) {
     return definitions.value.find(
@@ -79,9 +85,7 @@ export function useTableFilters(params) {
   function getFilterOperatorOptions(input) {
     return getFilterOperators(input.key).map((operator) => ({
       value: operator,
-      label: getFilterOperatorLabel({
-        operator
-      })
+      label: t(`table.filters.operators.${operator}`)
     }));
   }
   function setFilterOperator(input) {
@@ -175,24 +179,31 @@ export function useTableFilters(params) {
     });
   }
   function removeFilter(key) {
+    const defaultRule = defaultUiFilters.value.find((filter) => filter.key === key);
     params.state.queryState.resetPagination();
     params.state.queryState.filters.value = {
       ...params.state.queryState.filters.value,
-      ui: params.state.queryState.filters.value.ui.filter((filter) => filter.key !== key)
+      ui: [
+        ...params.state.queryState.filters.value.ui.filter((filter) => filter.key !== key),
+        ...defaultRule ? [defaultRule] : []
+      ]
     };
   }
   function clearAllFilters() {
     params.state.queryState.resetPagination();
     params.state.queryState.filters.value = {
       ...params.state.queryState.filters.value,
-      ui: []
+      ui: defaultUiFilters.value
     };
   }
   function replaceFilters(input) {
     params.state.queryState.resetPagination();
     params.state.queryState.filters.value = {
       ...params.state.queryState.filters.value,
-      ui: [...input.rules]
+      ui: mergeTableFilterDefaultRules({
+        rules: input.rules,
+        definitions: definitions.value
+      })
     };
   }
   return {

package/dist/runtime/table/composables/use-table-internals.d.ts

@@ -36,7 +36,7 @@ declare function createTableInternals<TSchema>(options: {
             readonly count: "exact";
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "offset" | "cursor" | "none";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -45,7 +45,7 @@ declare function createTableInternals<TSchema>(options: {
         }) => void;
         sorting: import("vue").WritableComputedRef<{
             key: string;
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
         } | null, {
             key: string;
             dir: "asc" | "desc";
@@ -190,9 +190,6 @@ declare function createTableInternals<TSchema>(options: {
         releaseDynamicSession: (input: {
             key: string;
         }) => void;
-        getDynamicActivationToken: (input: {
-            key: string;
-        }) => number;
         openPanel: () => void;
         closePanel: () => void;
         resetPanelDraft: () => void;
@@ -426,26 +423,16 @@ declare function createTableInternals<TSchema>(options: {
         }) => void;
         getSortState: (options: {
             columnId: string;
-        }) => "desc" | "asc" | null;
+        }) => "asc" | "desc" | null;
         getPinnedState: (options: {
             columnId: string;
-        }) => "right" | "left" | null;
+        }) => "left" | "right" | null;
         getMenuItems: (options: {
             columnId: string;
-        }) => ({
-            label: string;
-            icon: string;
-            color: string;
-            onSelect: () => void;
-        } | {
-            label: string;
-            icon: string;
-            onSelect: () => void;
-            color?: undefined;
-        })[][];
+        }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
         sortingState: import("vue").ComputedRef<{
             key: string | undefined;
-            dir: "desc" | "asc" | undefined;
+            dir: "asc" | "desc" | undefined;
             active: boolean;
         }>;
         sortKeys: import("vue").ComputedRef<string[]>;
@@ -459,7 +446,7 @@ declare function createTableInternals<TSchema>(options: {
         toggleSorting: (key: string) => void;
     };
     pagination: {
-        mode: import("vue").ComputedRef<"none" | "offset" | "cursor">;
+        mode: import("vue").ComputedRef<"offset" | "cursor" | "none">;
         rowCount: import("vue").ComputedRef<number | null>;
         loadedCount: import("vue").ComputedRef<number>;
         currentPage: import("vue").ComputedRef<number>;
@@ -470,7 +457,7 @@ declare function createTableInternals<TSchema>(options: {
         isLoadingMore: import("vue").ComputedRef<boolean>;
         loadMoreError: import("vue").ComputedRef<unknown>;
         state: import("vue").ComputedRef<{
-            mode: "none" | "offset" | "cursor";
+            mode: "offset" | "cursor" | "none";
             pageIndex: number;
             pageSize: number;
             pageCount: number;
@@ -528,7 +515,7 @@ declare function useProvideTableInternals<TSchema>(options: {
             readonly count: "exact";
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "offset" | "cursor" | "none";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -537,7 +524,7 @@ declare function useProvideTableInternals<TSchema>(options: {
         }) => void;
         sorting: import("vue").WritableComputedRef<{
             key: string;
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
         } | null, {
             key: string;
             dir: "asc" | "desc";
@@ -682,9 +669,6 @@ declare function useProvideTableInternals<TSchema>(options: {
         releaseDynamicSession: (input: {
             key: string;
         }) => void;
-        getDynamicActivationToken: (input: {
-            key: string;
-        }) => number;
         openPanel: () => void;
         closePanel: () => void;
         resetPanelDraft: () => void;
@@ -918,26 +902,16 @@ declare function useProvideTableInternals<TSchema>(options: {
         }) => void;
         getSortState: (options: {
             columnId: string;
-        }) => "desc" | "asc" | null;
+        }) => "asc" | "desc" | null;
         getPinnedState: (options: {
             columnId: string;
-        }) => "right" | "left" | null;
+        }) => "left" | "right" | null;
         getMenuItems: (options: {
             columnId: string;
-        }) => ({
-            label: string;
-            icon: string;
-            color: string;
-            onSelect: () => void;
-        } | {
-            label: string;
-            icon: string;
-            onSelect: () => void;
-            color?: undefined;
-        })[][];
+        }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
         sortingState: import("vue").ComputedRef<{
             key: string | undefined;
-            dir: "desc" | "asc" | undefined;
+            dir: "asc" | "desc" | undefined;
             active: boolean;
         }>;
         sortKeys: import("vue").ComputedRef<string[]>;
@@ -951,7 +925,7 @@ declare function useProvideTableInternals<TSchema>(options: {
         toggleSorting: (key: string) => void;
     };
     pagination: {
-        mode: import("vue").ComputedRef<"none" | "offset" | "cursor">;
+        mode: import("vue").ComputedRef<"offset" | "cursor" | "none">;
         rowCount: import("vue").ComputedRef<number | null>;
         loadedCount: import("vue").ComputedRef<number>;
         currentPage: import("vue").ComputedRef<number>;
@@ -962,7 +936,7 @@ declare function useProvideTableInternals<TSchema>(options: {
         isLoadingMore: import("vue").ComputedRef<boolean>;
         loadMoreError: import("vue").ComputedRef<unknown>;
         state: import("vue").ComputedRef<{
-            mode: "none" | "offset" | "cursor";
+            mode: "offset" | "cursor" | "none";
             pageIndex: number;
             pageSize: number;
             pageCount: number;
@@ -1017,7 +991,7 @@ declare function useTableInternals(): {
             readonly count: "exact";
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "offset" | "cursor" | "none";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -1026,7 +1000,7 @@ declare function useTableInternals(): {
         }) => void;
         sorting: import("vue").WritableComputedRef<{
             key: string;
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
         } | null, {
             key: string;
             dir: "asc" | "desc";
@@ -1171,9 +1145,6 @@ declare function useTableInternals(): {
         releaseDynamicSession: (input: {
             key: string;
         }) => void;
-        getDynamicActivationToken: (input: {
-            key: string;
-        }) => number;
         openPanel: () => void;
         closePanel: () => void;
         resetPanelDraft: () => void;
@@ -1407,26 +1378,16 @@ declare function useTableInternals(): {
         }) => void;
         getSortState: (options: {
             columnId: string;
-        }) => "desc" | "asc" | null;
+        }) => "asc" | "desc" | null;
         getPinnedState: (options: {
             columnId: string;
-        }) => "right" | "left" | null;
+        }) => "left" | "right" | null;
         getMenuItems: (options: {
             columnId: string;
-        }) => ({
-            label: string;
-            icon: string;
-            color: string;
-            onSelect: () => void;
-        } | {
-            label: string;
-            icon: string;
-            onSelect: () => void;
-            color?: undefined;
-        })[][];
+        }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
         sortingState: import("vue").ComputedRef<{
             key: string | undefined;
-            dir: "desc" | "asc" | undefined;
+            dir: "asc" | "desc" | undefined;
             active: boolean;
         }>;
         sortKeys: import("vue").ComputedRef<string[]>;
@@ -1440,7 +1401,7 @@ declare function useTableInternals(): {
         toggleSorting: (key: string) => void;
     };
     pagination: {
-        mode: import("vue").ComputedRef<"none" | "offset" | "cursor">;
+        mode: import("vue").ComputedRef<"offset" | "cursor" | "none">;
         rowCount: import("vue").ComputedRef<number | null>;
         loadedCount: import("vue").ComputedRef<number>;
         currentPage: import("vue").ComputedRef<number>;
@@ -1451,7 +1412,7 @@ declare function useTableInternals(): {
         isLoadingMore: import("vue").ComputedRef<boolean>;
         loadMoreError: import("vue").ComputedRef<unknown>;
         state: import("vue").ComputedRef<{
-            mode: "none" | "offset" | "cursor";
+            mode: "offset" | "cursor" | "none";
             pageIndex: number;
             pageSize: number;
             pageCount: number;

package/dist/runtime/table/composables/use-table-pagination.d.ts

@@ -10,7 +10,7 @@ export interface UseTablePaginationParams {
     queryContent: ReturnType<typeof useTableData>;
 }
 export declare function useTablePagination(options: UseTablePaginationParams): {
-    mode: ComputedRef<"none" | "offset" | "cursor">;
+    mode: ComputedRef<"offset" | "cursor" | "none">;
     rowCount: ComputedRef<number | null>;
     loadedCount: ComputedRef<number>;
     currentPage: ComputedRef<number>;
@@ -21,7 +21,7 @@ export declare function useTablePagination(options: UseTablePaginationParams): {
     isLoadingMore: ComputedRef<boolean>;
     loadMoreError: ComputedRef<unknown>;
     state: ComputedRef<{
-        mode: "none" | "offset" | "cursor";
+        mode: "offset" | "cursor" | "none";
         pageIndex: number;
         pageSize: number;
         pageCount: number;

package/dist/runtime/table/composables/use-table-state.d.ts

@@ -26,7 +26,7 @@ export declare function useTableState(params: UseTableStateParams): {
             readonly count: "exact";
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "offset" | "cursor" | "none";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -35,7 +35,7 @@ export declare function useTableState(params: UseTableStateParams): {
         }) => void;
         sorting: import("vue").WritableComputedRef<{
             key: string;
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
         } | null, {
             key: string;
             dir: "asc" | "desc";

package/dist/runtime/table/types/actions.d.ts

@@ -1,4 +1,4 @@
-import type { DropdownMenuItem } from '@nuxt/ui';
+import type { DropdownMenuItem } from '@nuxt/ui/components/DropdownMenu.vue';
 import type { TableSourceRequestContext } from './source.js';
 import type { GenericObject, MaybePromise, TableLayout, TableRowRenderParams, TableTextValue } from './utils.js';
 export interface TableActionContext<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TPageContext extends GenericObject = GenericObject> {